/*!
 * OneCloud Reimagine v0.402.0
 * MWF (Moray) v2.8.1
 * Copyright (c) Microsoft Corporation. All rights reserved.
 * Copyright 2011-2020 The Bootstrap Authors and Twitter, Inc.
 */

(function (global, factory) {
	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
	typeof define === 'function' && define.amd ? define(['exports'], factory) :
	(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ocrReimagine = {}));
})(this, (function (exports) { 'use strict';

	var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};

	function getDefaultExportFromCjs (x) {
		return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
	}

	var check = function (it) {
	  return it && it.Math == Math && it;
	};

	// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
	var global$y =
	  // eslint-disable-next-line es/no-global-this -- safe
	  check(typeof globalThis == 'object' && globalThis) ||
	  check(typeof window == 'object' && window) ||
	  // eslint-disable-next-line no-restricted-globals -- safe
	  check(typeof self == 'object' && self) ||
	  check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
	  // eslint-disable-next-line no-new-func -- fallback
	  (function () { return this; })() || Function('return this')();

	var objectGetOwnPropertyDescriptor = {};

	var fails$I = function (exec) {
	  try {
	    return !!exec();
	  } catch (error) {
	    return true;
	  }
	};

	var fails$H = fails$I;

	// Detect IE8's incomplete defineProperty implementation
	var descriptors = !fails$H(function () {
	  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
	  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
	});

	var fails$G = fails$I;

	var functionBindNative = !fails$G(function () {
	  // eslint-disable-next-line es/no-function-prototype-bind -- safe
	  var test = (function () { /* empty */ }).bind();
	  // eslint-disable-next-line no-prototype-builtins -- safe
	  return typeof test != 'function' || test.hasOwnProperty('prototype');
	});

	var NATIVE_BIND$4 = functionBindNative;

	var call$o = Function.prototype.call;

	var functionCall = NATIVE_BIND$4 ? call$o.bind(call$o) : function () {
	  return call$o.apply(call$o, arguments);
	};

	var objectPropertyIsEnumerable = {};

	var $propertyIsEnumerable$1 = {}.propertyIsEnumerable;
	// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
	var getOwnPropertyDescriptor$6 = Object.getOwnPropertyDescriptor;

	// Nashorn ~ JDK8 bug
	var NASHORN_BUG = getOwnPropertyDescriptor$6 && !$propertyIsEnumerable$1.call({ 1: 2 }, 1);

	// `Object.prototype.propertyIsEnumerable` method implementation
	// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
	objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
	  var descriptor = getOwnPropertyDescriptor$6(this, V);
	  return !!descriptor && descriptor.enumerable;
	} : $propertyIsEnumerable$1;

	var createPropertyDescriptor$8 = function (bitmap, value) {
	  return {
	    enumerable: !(bitmap & 1),
	    configurable: !(bitmap & 2),
	    writable: !(bitmap & 4),
	    value: value
	  };
	};

	var NATIVE_BIND$3 = functionBindNative;

	var FunctionPrototype$3 = Function.prototype;
	var call$n = FunctionPrototype$3.call;
	var uncurryThisWithBind = NATIVE_BIND$3 && FunctionPrototype$3.bind.bind(call$n, call$n);

	var functionUncurryThis = NATIVE_BIND$3 ? uncurryThisWithBind : function (fn) {
	  return function () {
	    return call$n.apply(fn, arguments);
	  };
	};

	var uncurryThis$N = functionUncurryThis;

	var toString$l = uncurryThis$N({}.toString);
	var stringSlice$a = uncurryThis$N(''.slice);

	var classofRaw$2 = function (it) {
	  return stringSlice$a(toString$l(it), 8, -1);
	};

	var uncurryThis$M = functionUncurryThis;
	var fails$F = fails$I;
	var classof$d = classofRaw$2;

	var $Object$5 = Object;
	var split$3 = uncurryThis$M(''.split);

	// fallback for non-array-like ES3 and non-enumerable old V8 strings
	var indexedObject = fails$F(function () {
	  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
	  // eslint-disable-next-line no-prototype-builtins -- safe
	  return !$Object$5('z').propertyIsEnumerable(0);
	}) ? function (it) {
	  return classof$d(it) == 'String' ? split$3(it, '') : $Object$5(it);
	} : $Object$5;

	// we can't use just `it == null` since of `document.all` special case
	// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot-aec
	var isNullOrUndefined$9 = function (it) {
	  return it === null || it === undefined;
	};

	var isNullOrUndefined$8 = isNullOrUndefined$9;

	var $TypeError$h = TypeError;

	// `RequireObjectCoercible` abstract operation
	// https://tc39.es/ecma262/#sec-requireobjectcoercible
	var requireObjectCoercible$b = function (it) {
	  if (isNullOrUndefined$8(it)) throw $TypeError$h("Can't call method on " + it);
	  return it;
	};

	// toObject with fallback for non-array-like ES3 strings
	var IndexedObject$3 = indexedObject;
	var requireObjectCoercible$a = requireObjectCoercible$b;

	var toIndexedObject$a = function (it) {
	  return IndexedObject$3(requireObjectCoercible$a(it));
	};

	var documentAll$2 = typeof document == 'object' && document.all;

	// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot
	// eslint-disable-next-line unicorn/no-typeof-undefined -- required for testing
	var IS_HTMLDDA = typeof documentAll$2 == 'undefined' && documentAll$2 !== undefined;

	var documentAll_1 = {
	  all: documentAll$2,
	  IS_HTMLDDA: IS_HTMLDDA
	};

	var $documentAll$1 = documentAll_1;

	var documentAll$1 = $documentAll$1.all;

	// `IsCallable` abstract operation
	// https://tc39.es/ecma262/#sec-iscallable
	var isCallable$u = $documentAll$1.IS_HTMLDDA ? function (argument) {
	  return typeof argument == 'function' || argument === documentAll$1;
	} : function (argument) {
	  return typeof argument == 'function';
	};

	var isCallable$t = isCallable$u;
	var $documentAll = documentAll_1;

	var documentAll = $documentAll.all;

	var isObject$l = $documentAll.IS_HTMLDDA ? function (it) {
	  return typeof it == 'object' ? it !== null : isCallable$t(it) || it === documentAll;
	} : function (it) {
	  return typeof it == 'object' ? it !== null : isCallable$t(it);
	};

	var global$x = global$y;
	var isCallable$s = isCallable$u;

	var aFunction = function (argument) {
	  return isCallable$s(argument) ? argument : undefined;
	};

	var getBuiltIn$e = function (namespace, method) {
	  return arguments.length < 2 ? aFunction(global$x[namespace]) : global$x[namespace] && global$x[namespace][method];
	};

	var uncurryThis$L = functionUncurryThis;

	var objectIsPrototypeOf = uncurryThis$L({}.isPrototypeOf);

	var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';

	var global$w = global$y;
	var userAgent$6 = engineUserAgent;

	var process$4 = global$w.process;
	var Deno$1 = global$w.Deno;
	var versions = process$4 && process$4.versions || Deno$1 && Deno$1.version;
	var v8 = versions && versions.v8;
	var match, version;

	if (v8) {
	  match = v8.split('.');
	  // in old Chrome, versions of V8 isn't V8 = Chrome / 10
	  // but their correct versions are not interesting for us
	  version = match[0] > 0 && match[0] < 4 ? 1 : +(match[0] + match[1]);
	}

	// BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
	// so check `userAgent` even if `.v8` exists, but 0
	if (!version && userAgent$6) {
	  match = userAgent$6.match(/Edge\/(\d+)/);
	  if (!match || match[1] >= 74) {
	    match = userAgent$6.match(/Chrome\/(\d+)/);
	    if (match) version = +match[1];
	  }
	}

	var engineV8Version = version;

	/* eslint-disable es/no-symbol -- required for testing */

	var V8_VERSION$3 = engineV8Version;
	var fails$E = fails$I;

	// eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
	var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$E(function () {
	  var symbol = Symbol();
	  // Chrome 38 Symbol has incorrect toString conversion
	  // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
	  return !String(symbol) || !(Object(symbol) instanceof Symbol) ||
	    // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
	    !Symbol.sham && V8_VERSION$3 && V8_VERSION$3 < 41;
	});

	/* eslint-disable es/no-symbol -- required for testing */

	var NATIVE_SYMBOL$2 = symbolConstructorDetection;

	var useSymbolAsUid = NATIVE_SYMBOL$2
	  && !Symbol.sham
	  && typeof Symbol.iterator == 'symbol';

	var getBuiltIn$d = getBuiltIn$e;
	var isCallable$r = isCallable$u;
	var isPrototypeOf$5 = objectIsPrototypeOf;
	var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;

	var $Object$4 = Object;

	var isSymbol$4 = USE_SYMBOL_AS_UID$1 ? function (it) {
	  return typeof it == 'symbol';
	} : function (it) {
	  var $Symbol = getBuiltIn$d('Symbol');
	  return isCallable$r($Symbol) && isPrototypeOf$5($Symbol.prototype, $Object$4(it));
	};

	var $String$5 = String;

	var tryToString$5 = function (argument) {
	  try {
	    return $String$5(argument);
	  } catch (error) {
	    return 'Object';
	  }
	};

	var isCallable$q = isCallable$u;
	var tryToString$4 = tryToString$5;

	var $TypeError$g = TypeError;

	// `Assert: IsCallable(argument) is true`
	var aCallable$a = function (argument) {
	  if (isCallable$q(argument)) return argument;
	  throw $TypeError$g(tryToString$4(argument) + ' is not a function');
	};

	var aCallable$9 = aCallable$a;
	var isNullOrUndefined$7 = isNullOrUndefined$9;

	// `GetMethod` abstract operation
	// https://tc39.es/ecma262/#sec-getmethod
	var getMethod$5 = function (V, P) {
	  var func = V[P];
	  return isNullOrUndefined$7(func) ? undefined : aCallable$9(func);
	};

	var call$m = functionCall;
	var isCallable$p = isCallable$u;
	var isObject$k = isObject$l;

	var $TypeError$f = TypeError;

	// `OrdinaryToPrimitive` abstract operation
	// https://tc39.es/ecma262/#sec-ordinarytoprimitive
	var ordinaryToPrimitive$1 = function (input, pref) {
	  var fn, val;
	  if (pref === 'string' && isCallable$p(fn = input.toString) && !isObject$k(val = call$m(fn, input))) return val;
	  if (isCallable$p(fn = input.valueOf) && !isObject$k(val = call$m(fn, input))) return val;
	  if (pref !== 'string' && isCallable$p(fn = input.toString) && !isObject$k(val = call$m(fn, input))) return val;
	  throw $TypeError$f("Can't convert object to primitive value");
	};

	var shared$4 = {exports: {}};

	var isPure = false;

	var global$v = global$y;

	// eslint-disable-next-line es/no-object-defineproperty -- safe
	var defineProperty$c = Object.defineProperty;

	var defineGlobalProperty$3 = function (key, value) {
	  try {
	    defineProperty$c(global$v, key, { value: value, configurable: true, writable: true });
	  } catch (error) {
	    global$v[key] = value;
	  } return value;
	};

	var global$u = global$y;
	var defineGlobalProperty$2 = defineGlobalProperty$3;

	var SHARED = '__core-js_shared__';
	var store$3 = global$u[SHARED] || defineGlobalProperty$2(SHARED, {});

	var sharedStore = store$3;

	var store$2 = sharedStore;

	(shared$4.exports = function (key, value) {
	  return store$2[key] || (store$2[key] = value !== undefined ? value : {});
	})('versions', []).push({
	  version: '3.30.1',
	  mode: 'global',
	  copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',
	  license: 'https://github.com/zloirock/core-js/blob/v3.30.1/LICENSE',
	  source: 'https://github.com/zloirock/core-js'
	});

	var sharedExports = shared$4.exports;

	var requireObjectCoercible$9 = requireObjectCoercible$b;

	var $Object$3 = Object;

	// `ToObject` abstract operation
	// https://tc39.es/ecma262/#sec-toobject
	var toObject$b = function (argument) {
	  return $Object$3(requireObjectCoercible$9(argument));
	};

	var uncurryThis$K = functionUncurryThis;
	var toObject$a = toObject$b;

	var hasOwnProperty = uncurryThis$K({}.hasOwnProperty);

	// `HasOwnProperty` abstract operation
	// https://tc39.es/ecma262/#sec-hasownproperty
	// eslint-disable-next-line es/no-object-hasown -- safe
	var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
	  return hasOwnProperty(toObject$a(it), key);
	};

	var uncurryThis$J = functionUncurryThis;

	var id$3 = 0;
	var postfix = Math.random();
	var toString$k = uncurryThis$J(1.0.toString);

	var uid$3 = function (key) {
	  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$k(++id$3 + postfix, 36);
	};

	var global$t = global$y;
	var shared$3 = sharedExports;
	var hasOwn$l = hasOwnProperty_1;
	var uid$2 = uid$3;
	var NATIVE_SYMBOL$1 = symbolConstructorDetection;
	var USE_SYMBOL_AS_UID = useSymbolAsUid;

	var Symbol$3 = global$t.Symbol;
	var WellKnownSymbolsStore = shared$3('wks');
	var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$3['for'] || Symbol$3 : Symbol$3 && Symbol$3.withoutSetter || uid$2;

	var wellKnownSymbol$o = function (name) {
	  if (!hasOwn$l(WellKnownSymbolsStore, name)) {
	    WellKnownSymbolsStore[name] = NATIVE_SYMBOL$1 && hasOwn$l(Symbol$3, name)
	      ? Symbol$3[name]
	      : createWellKnownSymbol('Symbol.' + name);
	  } return WellKnownSymbolsStore[name];
	};

	var call$l = functionCall;
	var isObject$j = isObject$l;
	var isSymbol$3 = isSymbol$4;
	var getMethod$4 = getMethod$5;
	var ordinaryToPrimitive = ordinaryToPrimitive$1;
	var wellKnownSymbol$n = wellKnownSymbol$o;

	var $TypeError$e = TypeError;
	var TO_PRIMITIVE = wellKnownSymbol$n('toPrimitive');

	// `ToPrimitive` abstract operation
	// https://tc39.es/ecma262/#sec-toprimitive
	var toPrimitive$2 = function (input, pref) {
	  if (!isObject$j(input) || isSymbol$3(input)) return input;
	  var exoticToPrim = getMethod$4(input, TO_PRIMITIVE);
	  var result;
	  if (exoticToPrim) {
	    if (pref === undefined) pref = 'default';
	    result = call$l(exoticToPrim, input, pref);
	    if (!isObject$j(result) || isSymbol$3(result)) return result;
	    throw $TypeError$e("Can't convert object to primitive value");
	  }
	  if (pref === undefined) pref = 'number';
	  return ordinaryToPrimitive(input, pref);
	};

	var toPrimitive$1 = toPrimitive$2;
	var isSymbol$2 = isSymbol$4;

	// `ToPropertyKey` abstract operation
	// https://tc39.es/ecma262/#sec-topropertykey
	var toPropertyKey$3 = function (argument) {
	  var key = toPrimitive$1(argument, 'string');
	  return isSymbol$2(key) ? key : key + '';
	};

	var global$s = global$y;
	var isObject$i = isObject$l;

	var document$3 = global$s.document;
	// typeof document.createElement is 'object' in old IE
	var EXISTS$1 = isObject$i(document$3) && isObject$i(document$3.createElement);

	var documentCreateElement$2 = function (it) {
	  return EXISTS$1 ? document$3.createElement(it) : {};
	};

	var DESCRIPTORS$o = descriptors;
	var fails$D = fails$I;
	var createElement$1 = documentCreateElement$2;

	// Thanks to IE8 for its funny defineProperty
	var ie8DomDefine = !DESCRIPTORS$o && !fails$D(function () {
	  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
	  return Object.defineProperty(createElement$1('div'), 'a', {
	    get: function () { return 7; }
	  }).a != 7;
	});

	var DESCRIPTORS$n = descriptors;
	var call$k = functionCall;
	var propertyIsEnumerableModule$1 = objectPropertyIsEnumerable;
	var createPropertyDescriptor$7 = createPropertyDescriptor$8;
	var toIndexedObject$9 = toIndexedObject$a;
	var toPropertyKey$2 = toPropertyKey$3;
	var hasOwn$k = hasOwnProperty_1;
	var IE8_DOM_DEFINE$1 = ie8DomDefine;

	// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
	var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;

	// `Object.getOwnPropertyDescriptor` method
	// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
	objectGetOwnPropertyDescriptor.f = DESCRIPTORS$n ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
	  O = toIndexedObject$9(O);
	  P = toPropertyKey$2(P);
	  if (IE8_DOM_DEFINE$1) try {
	    return $getOwnPropertyDescriptor$1(O, P);
	  } catch (error) { /* empty */ }
	  if (hasOwn$k(O, P)) return createPropertyDescriptor$7(!call$k(propertyIsEnumerableModule$1.f, O, P), O[P]);
	};

	var objectDefineProperty = {};

	var DESCRIPTORS$m = descriptors;
	var fails$C = fails$I;

	// V8 ~ Chrome 36-
	// https://bugs.chromium.org/p/v8/issues/detail?id=3334
	var v8PrototypeDefineBug = DESCRIPTORS$m && fails$C(function () {
	  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
	  return Object.defineProperty(function () { /* empty */ }, 'prototype', {
	    value: 42,
	    writable: false
	  }).prototype != 42;
	});

	var isObject$h = isObject$l;

	var $String$4 = String;
	var $TypeError$d = TypeError;

	// `Assert: Type(argument) is Object`
	var anObject$l = function (argument) {
	  if (isObject$h(argument)) return argument;
	  throw $TypeError$d($String$4(argument) + ' is not an object');
	};

	var DESCRIPTORS$l = descriptors;
	var IE8_DOM_DEFINE = ie8DomDefine;
	var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
	var anObject$k = anObject$l;
	var toPropertyKey$1 = toPropertyKey$3;

	var $TypeError$c = TypeError;
	// eslint-disable-next-line es/no-object-defineproperty -- safe
	var $defineProperty = Object.defineProperty;
	// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
	var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
	var ENUMERABLE = 'enumerable';
	var CONFIGURABLE$1 = 'configurable';
	var WRITABLE = 'writable';

	// `Object.defineProperty` method
	// https://tc39.es/ecma262/#sec-object.defineproperty
	objectDefineProperty.f = DESCRIPTORS$l ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
	  anObject$k(O);
	  P = toPropertyKey$1(P);
	  anObject$k(Attributes);
	  if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
	    var current = $getOwnPropertyDescriptor(O, P);
	    if (current && current[WRITABLE]) {
	      O[P] = Attributes.value;
	      Attributes = {
	        configurable: CONFIGURABLE$1 in Attributes ? Attributes[CONFIGURABLE$1] : current[CONFIGURABLE$1],
	        enumerable: ENUMERABLE in Attributes ? Attributes[ENUMERABLE] : current[ENUMERABLE],
	        writable: false
	      };
	    }
	  } return $defineProperty(O, P, Attributes);
	} : $defineProperty : function defineProperty(O, P, Attributes) {
	  anObject$k(O);
	  P = toPropertyKey$1(P);
	  anObject$k(Attributes);
	  if (IE8_DOM_DEFINE) try {
	    return $defineProperty(O, P, Attributes);
	  } catch (error) { /* empty */ }
	  if ('get' in Attributes || 'set' in Attributes) throw $TypeError$c('Accessors not supported');
	  if ('value' in Attributes) O[P] = Attributes.value;
	  return O;
	};

	var DESCRIPTORS$k = descriptors;
	var definePropertyModule$4 = objectDefineProperty;
	var createPropertyDescriptor$6 = createPropertyDescriptor$8;

	var createNonEnumerableProperty$9 = DESCRIPTORS$k ? function (object, key, value) {
	  return definePropertyModule$4.f(object, key, createPropertyDescriptor$6(1, value));
	} : function (object, key, value) {
	  object[key] = value;
	  return object;
	};

	var makeBuiltIn$3 = {exports: {}};

	var DESCRIPTORS$j = descriptors;
	var hasOwn$j = hasOwnProperty_1;

	var FunctionPrototype$2 = Function.prototype;
	// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
	var getDescriptor = DESCRIPTORS$j && Object.getOwnPropertyDescriptor;

	var EXISTS = hasOwn$j(FunctionPrototype$2, 'name');
	// additional protection from minified / mangled / dropped function names
	var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
	var CONFIGURABLE = EXISTS && (!DESCRIPTORS$j || (DESCRIPTORS$j && getDescriptor(FunctionPrototype$2, 'name').configurable));

	var functionName = {
	  EXISTS: EXISTS,
	  PROPER: PROPER,
	  CONFIGURABLE: CONFIGURABLE
	};

	var uncurryThis$I = functionUncurryThis;
	var isCallable$o = isCallable$u;
	var store$1 = sharedStore;

	var functionToString$1 = uncurryThis$I(Function.toString);

	// this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
	if (!isCallable$o(store$1.inspectSource)) {
	  store$1.inspectSource = function (it) {
	    return functionToString$1(it);
	  };
	}

	var inspectSource$3 = store$1.inspectSource;

	var global$r = global$y;
	var isCallable$n = isCallable$u;

	var WeakMap$2 = global$r.WeakMap;

	var weakMapBasicDetection = isCallable$n(WeakMap$2) && /native code/.test(String(WeakMap$2));

	var shared$2 = sharedExports;
	var uid$1 = uid$3;

	var keys = shared$2('keys');

	var sharedKey$3 = function (key) {
	  return keys[key] || (keys[key] = uid$1(key));
	};

	var hiddenKeys$5 = {};

	var NATIVE_WEAK_MAP$1 = weakMapBasicDetection;
	var global$q = global$y;
	var isObject$g = isObject$l;
	var createNonEnumerableProperty$8 = createNonEnumerableProperty$9;
	var hasOwn$i = hasOwnProperty_1;
	var shared$1 = sharedStore;
	var sharedKey$2 = sharedKey$3;
	var hiddenKeys$4 = hiddenKeys$5;

	var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
	var TypeError$5 = global$q.TypeError;
	var WeakMap$1 = global$q.WeakMap;
	var set$1, get, has;

	var enforce = function (it) {
	  return has(it) ? get(it) : set$1(it, {});
	};

	var getterFor$1 = function (TYPE) {
	  return function (it) {
	    var state;
	    if (!isObject$g(it) || (state = get(it)).type !== TYPE) {
	      throw TypeError$5('Incompatible receiver, ' + TYPE + ' required');
	    } return state;
	  };
	};

	if (NATIVE_WEAK_MAP$1 || shared$1.state) {
	  var store = shared$1.state || (shared$1.state = new WeakMap$1());
	  /* eslint-disable no-self-assign -- prototype methods protection */
	  store.get = store.get;
	  store.has = store.has;
	  store.set = store.set;
	  /* eslint-enable no-self-assign -- prototype methods protection */
	  set$1 = function (it, metadata) {
	    if (store.has(it)) throw TypeError$5(OBJECT_ALREADY_INITIALIZED);
	    metadata.facade = it;
	    store.set(it, metadata);
	    return metadata;
	  };
	  get = function (it) {
	    return store.get(it) || {};
	  };
	  has = function (it) {
	    return store.has(it);
	  };
	} else {
	  var STATE = sharedKey$2('state');
	  hiddenKeys$4[STATE] = true;
	  set$1 = function (it, metadata) {
	    if (hasOwn$i(it, STATE)) throw TypeError$5(OBJECT_ALREADY_INITIALIZED);
	    metadata.facade = it;
	    createNonEnumerableProperty$8(it, STATE, metadata);
	    return metadata;
	  };
	  get = function (it) {
	    return hasOwn$i(it, STATE) ? it[STATE] : {};
	  };
	  has = function (it) {
	    return hasOwn$i(it, STATE);
	  };
	}

	var internalState = {
	  set: set$1,
	  get: get,
	  has: has,
	  enforce: enforce,
	  getterFor: getterFor$1
	};

	var uncurryThis$H = functionUncurryThis;
	var fails$B = fails$I;
	var isCallable$m = isCallable$u;
	var hasOwn$h = hasOwnProperty_1;
	var DESCRIPTORS$i = descriptors;
	var CONFIGURABLE_FUNCTION_NAME$1 = functionName.CONFIGURABLE;
	var inspectSource$2 = inspectSource$3;
	var InternalStateModule$8 = internalState;

	var enforceInternalState$1 = InternalStateModule$8.enforce;
	var getInternalState$4 = InternalStateModule$8.get;
	var $String$3 = String;
	// eslint-disable-next-line es/no-object-defineproperty -- safe
	var defineProperty$b = Object.defineProperty;
	var stringSlice$9 = uncurryThis$H(''.slice);
	var replace$a = uncurryThis$H(''.replace);
	var join$4 = uncurryThis$H([].join);

	var CONFIGURABLE_LENGTH = DESCRIPTORS$i && !fails$B(function () {
	  return defineProperty$b(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
	});

	var TEMPLATE = String(String).split('String');

	var makeBuiltIn$2 = makeBuiltIn$3.exports = function (value, name, options) {
	  if (stringSlice$9($String$3(name), 0, 7) === 'Symbol(') {
	    name = '[' + replace$a($String$3(name), /^Symbol\(([^)]*)\)/, '$1') + ']';
	  }
	  if (options && options.getter) name = 'get ' + name;
	  if (options && options.setter) name = 'set ' + name;
	  if (!hasOwn$h(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
	    if (DESCRIPTORS$i) defineProperty$b(value, 'name', { value: name, configurable: true });
	    else value.name = name;
	  }
	  if (CONFIGURABLE_LENGTH && options && hasOwn$h(options, 'arity') && value.length !== options.arity) {
	    defineProperty$b(value, 'length', { value: options.arity });
	  }
	  try {
	    if (options && hasOwn$h(options, 'constructor') && options.constructor) {
	      if (DESCRIPTORS$i) defineProperty$b(value, 'prototype', { writable: false });
	    // in V8 ~ Chrome 53, prototypes of some methods, like `Array.prototype.values`, are non-writable
	    } else if (value.prototype) value.prototype = undefined;
	  } catch (error) { /* empty */ }
	  var state = enforceInternalState$1(value);
	  if (!hasOwn$h(state, 'source')) {
	    state.source = join$4(TEMPLATE, typeof name == 'string' ? name : '');
	  } return value;
	};

	// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
	// eslint-disable-next-line no-extend-native -- required
	Function.prototype.toString = makeBuiltIn$2(function toString() {
	  return isCallable$m(this) && getInternalState$4(this).source || inspectSource$2(this);
	}, 'toString');

	var makeBuiltInExports = makeBuiltIn$3.exports;

	var isCallable$l = isCallable$u;
	var definePropertyModule$3 = objectDefineProperty;
	var makeBuiltIn$1 = makeBuiltInExports;
	var defineGlobalProperty$1 = defineGlobalProperty$3;

	var defineBuiltIn$g = function (O, key, value, options) {
	  if (!options) options = {};
	  var simple = options.enumerable;
	  var name = options.name !== undefined ? options.name : key;
	  if (isCallable$l(value)) makeBuiltIn$1(value, name, options);
	  if (options.global) {
	    if (simple) O[key] = value;
	    else defineGlobalProperty$1(key, value);
	  } else {
	    try {
	      if (!options.unsafe) delete O[key];
	      else if (O[key]) simple = true;
	    } catch (error) { /* empty */ }
	    if (simple) O[key] = value;
	    else definePropertyModule$3.f(O, key, {
	      value: value,
	      enumerable: false,
	      configurable: !options.nonConfigurable,
	      writable: !options.nonWritable
	    });
	  } return O;
	};

	var objectGetOwnPropertyNames = {};

	var ceil$1 = Math.ceil;
	var floor$4 = Math.floor;

	// `Math.trunc` method
	// https://tc39.es/ecma262/#sec-math.trunc
	// eslint-disable-next-line es/no-math-trunc -- safe
	var mathTrunc = Math.trunc || function trunc(x) {
	  var n = +x;
	  return (n > 0 ? floor$4 : ceil$1)(n);
	};

	var trunc = mathTrunc;

	// `ToIntegerOrInfinity` abstract operation
	// https://tc39.es/ecma262/#sec-tointegerorinfinity
	var toIntegerOrInfinity$7 = function (argument) {
	  var number = +argument;
	  // eslint-disable-next-line no-self-compare -- NaN check
	  return number !== number || number === 0 ? 0 : trunc(number);
	};

	var toIntegerOrInfinity$6 = toIntegerOrInfinity$7;

	var max$4 = Math.max;
	var min$5 = Math.min;

	// Helper for a popular repeating case of the spec:
	// Let integer be ? ToInteger(index).
	// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
	var toAbsoluteIndex$4 = function (index, length) {
	  var integer = toIntegerOrInfinity$6(index);
	  return integer < 0 ? max$4(integer + length, 0) : min$5(integer, length);
	};

	var toIntegerOrInfinity$5 = toIntegerOrInfinity$7;

	var min$4 = Math.min;

	// `ToLength` abstract operation
	// https://tc39.es/ecma262/#sec-tolength
	var toLength$5 = function (argument) {
	  return argument > 0 ? min$4(toIntegerOrInfinity$5(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
	};

	var toLength$4 = toLength$5;

	// `LengthOfArrayLike` abstract operation
	// https://tc39.es/ecma262/#sec-lengthofarraylike
	var lengthOfArrayLike$b = function (obj) {
	  return toLength$4(obj.length);
	};

	var toIndexedObject$8 = toIndexedObject$a;
	var toAbsoluteIndex$3 = toAbsoluteIndex$4;
	var lengthOfArrayLike$a = lengthOfArrayLike$b;

	// `Array.prototype.{ indexOf, includes }` methods implementation
	var createMethod$5 = function (IS_INCLUDES) {
	  return function ($this, el, fromIndex) {
	    var O = toIndexedObject$8($this);
	    var length = lengthOfArrayLike$a(O);
	    var index = toAbsoluteIndex$3(fromIndex, length);
	    var value;
	    // Array#includes uses SameValueZero equality algorithm
	    // eslint-disable-next-line no-self-compare -- NaN check
	    if (IS_INCLUDES && el != el) while (length > index) {
	      value = O[index++];
	      // eslint-disable-next-line no-self-compare -- NaN check
	      if (value != value) return true;
	    // Array#indexOf ignores holes, Array#includes - not
	    } else for (;length > index; index++) {
	      if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
	    } return !IS_INCLUDES && -1;
	  };
	};

	var arrayIncludes = {
	  // `Array.prototype.includes` method
	  // https://tc39.es/ecma262/#sec-array.prototype.includes
	  includes: createMethod$5(true),
	  // `Array.prototype.indexOf` method
	  // https://tc39.es/ecma262/#sec-array.prototype.indexof
	  indexOf: createMethod$5(false)
	};

	var uncurryThis$G = functionUncurryThis;
	var hasOwn$g = hasOwnProperty_1;
	var toIndexedObject$7 = toIndexedObject$a;
	var indexOf$1 = arrayIncludes.indexOf;
	var hiddenKeys$3 = hiddenKeys$5;

	var push$8 = uncurryThis$G([].push);

	var objectKeysInternal = function (object, names) {
	  var O = toIndexedObject$7(object);
	  var i = 0;
	  var result = [];
	  var key;
	  for (key in O) !hasOwn$g(hiddenKeys$3, key) && hasOwn$g(O, key) && push$8(result, key);
	  // Don't enum bug & hidden keys
	  while (names.length > i) if (hasOwn$g(O, key = names[i++])) {
	    ~indexOf$1(result, key) || push$8(result, key);
	  }
	  return result;
	};

	// IE8- don't enum bug keys
	var enumBugKeys$3 = [
	  'constructor',
	  'hasOwnProperty',
	  'isPrototypeOf',
	  'propertyIsEnumerable',
	  'toLocaleString',
	  'toString',
	  'valueOf'
	];

	var internalObjectKeys$1 = objectKeysInternal;
	var enumBugKeys$2 = enumBugKeys$3;

	var hiddenKeys$2 = enumBugKeys$2.concat('length', 'prototype');

	// `Object.getOwnPropertyNames` method
	// https://tc39.es/ecma262/#sec-object.getownpropertynames
	// eslint-disable-next-line es/no-object-getownpropertynames -- safe
	objectGetOwnPropertyNames.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
	  return internalObjectKeys$1(O, hiddenKeys$2);
	};

	var objectGetOwnPropertySymbols = {};

	// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
	objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;

	var getBuiltIn$c = getBuiltIn$e;
	var uncurryThis$F = functionUncurryThis;
	var getOwnPropertyNamesModule$1 = objectGetOwnPropertyNames;
	var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
	var anObject$j = anObject$l;

	var concat$3 = uncurryThis$F([].concat);

	// all object keys, includes non-enumerable and symbols
	var ownKeys$1 = getBuiltIn$c('Reflect', 'ownKeys') || function ownKeys(it) {
	  var keys = getOwnPropertyNamesModule$1.f(anObject$j(it));
	  var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
	  return getOwnPropertySymbols ? concat$3(keys, getOwnPropertySymbols(it)) : keys;
	};

	var hasOwn$f = hasOwnProperty_1;
	var ownKeys = ownKeys$1;
	var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
	var definePropertyModule$2 = objectDefineProperty;

	var copyConstructorProperties$3 = function (target, source, exceptions) {
	  var keys = ownKeys(source);
	  var defineProperty = definePropertyModule$2.f;
	  var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
	  for (var i = 0; i < keys.length; i++) {
	    var key = keys[i];
	    if (!hasOwn$f(target, key) && !(exceptions && hasOwn$f(exceptions, key))) {
	      defineProperty(target, key, getOwnPropertyDescriptor(source, key));
	    }
	  }
	};

	var fails$A = fails$I;
	var isCallable$k = isCallable$u;

	var replacement = /#|\.prototype\./;

	var isForced$4 = function (feature, detection) {
	  var value = data[normalize(feature)];
	  return value == POLYFILL ? true
	    : value == NATIVE ? false
	    : isCallable$k(detection) ? fails$A(detection)
	    : !!detection;
	};

	var normalize = isForced$4.normalize = function (string) {
	  return String(string).replace(replacement, '.').toLowerCase();
	};

	var data = isForced$4.data = {};
	var NATIVE = isForced$4.NATIVE = 'N';
	var POLYFILL = isForced$4.POLYFILL = 'P';

	var isForced_1 = isForced$4;

	var global$p = global$y;
	var getOwnPropertyDescriptor$5 = objectGetOwnPropertyDescriptor.f;
	var createNonEnumerableProperty$7 = createNonEnumerableProperty$9;
	var defineBuiltIn$f = defineBuiltIn$g;
	var defineGlobalProperty = defineGlobalProperty$3;
	var copyConstructorProperties$2 = copyConstructorProperties$3;
	var isForced$3 = isForced_1;

	/*
	  options.target         - name of the target object
	  options.global         - target is the global object
	  options.stat           - export as static methods of target
	  options.proto          - export as prototype methods of target
	  options.real           - real prototype method for the `pure` version
	  options.forced         - export even if the native feature is available
	  options.bind           - bind methods to the target, required for the `pure` version
	  options.wrap           - wrap constructors to preventing global pollution, required for the `pure` version
	  options.unsafe         - use the simple assignment of property instead of delete + defineProperty
	  options.sham           - add a flag to not completely full polyfills
	  options.enumerable     - export as enumerable property
	  options.dontCallGetSet - prevent calling a getter on target
	  options.name           - the .name of the function if it does not match the key
	*/
	var _export = function (options, source) {
	  var TARGET = options.target;
	  var GLOBAL = options.global;
	  var STATIC = options.stat;
	  var FORCED, target, key, targetProperty, sourceProperty, descriptor;
	  if (GLOBAL) {
	    target = global$p;
	  } else if (STATIC) {
	    target = global$p[TARGET] || defineGlobalProperty(TARGET, {});
	  } else {
	    target = (global$p[TARGET] || {}).prototype;
	  }
	  if (target) for (key in source) {
	    sourceProperty = source[key];
	    if (options.dontCallGetSet) {
	      descriptor = getOwnPropertyDescriptor$5(target, key);
	      targetProperty = descriptor && descriptor.value;
	    } else targetProperty = target[key];
	    FORCED = isForced$3(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
	    // contained in target
	    if (!FORCED && targetProperty !== undefined) {
	      if (typeof sourceProperty == typeof targetProperty) continue;
	      copyConstructorProperties$2(sourceProperty, targetProperty);
	    }
	    // add a flag to not completely full polyfills
	    if (options.sham || (targetProperty && targetProperty.sham)) {
	      createNonEnumerableProperty$7(sourceProperty, 'sham', true);
	    }
	    defineBuiltIn$f(target, key, sourceProperty, options);
	  }
	};

	var classofRaw$1 = classofRaw$2;
	var uncurryThis$E = functionUncurryThis;

	var functionUncurryThisClause = function (fn) {
	  // Nashorn bug:
	  //   https://github.com/zloirock/core-js/issues/1128
	  //   https://github.com/zloirock/core-js/issues/1130
	  if (classofRaw$1(fn) === 'Function') return uncurryThis$E(fn);
	};

	var uncurryThis$D = functionUncurryThisClause;
	var aCallable$8 = aCallable$a;
	var NATIVE_BIND$2 = functionBindNative;

	var bind$a = uncurryThis$D(uncurryThis$D.bind);

	// optional / simple context binding
	var functionBindContext = function (fn, that) {
	  aCallable$8(fn);
	  return that === undefined ? fn : NATIVE_BIND$2 ? bind$a(fn, that) : function (/* ...args */) {
	    return fn.apply(that, arguments);
	  };
	};

	var classof$c = classofRaw$2;

	// `IsArray` abstract operation
	// https://tc39.es/ecma262/#sec-isarray
	// eslint-disable-next-line es/no-array-isarray -- safe
	var isArray$7 = Array.isArray || function isArray(argument) {
	  return classof$c(argument) == 'Array';
	};

	var wellKnownSymbol$m = wellKnownSymbol$o;

	var TO_STRING_TAG$3 = wellKnownSymbol$m('toStringTag');
	var test$1 = {};

	test$1[TO_STRING_TAG$3] = 'z';

	var toStringTagSupport = String(test$1) === '[object z]';

	var TO_STRING_TAG_SUPPORT$2 = toStringTagSupport;
	var isCallable$j = isCallable$u;
	var classofRaw = classofRaw$2;
	var wellKnownSymbol$l = wellKnownSymbol$o;

	var TO_STRING_TAG$2 = wellKnownSymbol$l('toStringTag');
	var $Object$2 = Object;

	// ES3 wrong here
	var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';

	// fallback for IE11 Script Access Denied error
	var tryGet = function (it, key) {
	  try {
	    return it[key];
	  } catch (error) { /* empty */ }
	};

	// getting tag from ES6+ `Object.prototype.toString`
	var classof$b = TO_STRING_TAG_SUPPORT$2 ? classofRaw : function (it) {
	  var O, tag, result;
	  return it === undefined ? 'Undefined' : it === null ? 'Null'
	    // @@toStringTag case
	    : typeof (tag = tryGet(O = $Object$2(it), TO_STRING_TAG$2)) == 'string' ? tag
	    // builtinTag case
	    : CORRECT_ARGUMENTS ? classofRaw(O)
	    // ES3 arguments fallback
	    : (result = classofRaw(O)) == 'Object' && isCallable$j(O.callee) ? 'Arguments' : result;
	};

	var uncurryThis$C = functionUncurryThis;
	var fails$z = fails$I;
	var isCallable$i = isCallable$u;
	var classof$a = classof$b;
	var getBuiltIn$b = getBuiltIn$e;
	var inspectSource$1 = inspectSource$3;

	var noop = function () { /* empty */ };
	var empty = [];
	var construct$1 = getBuiltIn$b('Reflect', 'construct');
	var constructorRegExp = /^\s*(?:class|function)\b/;
	var exec$6 = uncurryThis$C(constructorRegExp.exec);
	var INCORRECT_TO_STRING$2 = !constructorRegExp.exec(noop);

	var isConstructorModern = function isConstructor(argument) {
	  if (!isCallable$i(argument)) return false;
	  try {
	    construct$1(noop, empty, argument);
	    return true;
	  } catch (error) {
	    return false;
	  }
	};

	var isConstructorLegacy = function isConstructor(argument) {
	  if (!isCallable$i(argument)) return false;
	  switch (classof$a(argument)) {
	    case 'AsyncFunction':
	    case 'GeneratorFunction':
	    case 'AsyncGeneratorFunction': return false;
	  }
	  try {
	    // we can't check .prototype since constructors produced by .bind haven't it
	    // `Function#toString` throws on some built-it function in some legacy engines
	    // (for example, `DOMQuad` and similar in FF41-)
	    return INCORRECT_TO_STRING$2 || !!exec$6(constructorRegExp, inspectSource$1(argument));
	  } catch (error) {
	    return true;
	  }
	};

	isConstructorLegacy.sham = true;

	// `IsConstructor` abstract operation
	// https://tc39.es/ecma262/#sec-isconstructor
	var isConstructor$4 = !construct$1 || fails$z(function () {
	  var called;
	  return isConstructorModern(isConstructorModern.call)
	    || !isConstructorModern(Object)
	    || !isConstructorModern(function () { called = true; })
	    || called;
	}) ? isConstructorLegacy : isConstructorModern;

	var isArray$6 = isArray$7;
	var isConstructor$3 = isConstructor$4;
	var isObject$f = isObject$l;
	var wellKnownSymbol$k = wellKnownSymbol$o;

	var SPECIES$6 = wellKnownSymbol$k('species');
	var $Array$3 = Array;

	// a part of `ArraySpeciesCreate` abstract operation
	// https://tc39.es/ecma262/#sec-arrayspeciescreate
	var arraySpeciesConstructor$1 = function (originalArray) {
	  var C;
	  if (isArray$6(originalArray)) {
	    C = originalArray.constructor;
	    // cross-realm fallback
	    if (isConstructor$3(C) && (C === $Array$3 || isArray$6(C.prototype))) C = undefined;
	    else if (isObject$f(C)) {
	      C = C[SPECIES$6];
	      if (C === null) C = undefined;
	    }
	  } return C === undefined ? $Array$3 : C;
	};

	var arraySpeciesConstructor = arraySpeciesConstructor$1;

	// `ArraySpeciesCreate` abstract operation
	// https://tc39.es/ecma262/#sec-arrayspeciescreate
	var arraySpeciesCreate$3 = function (originalArray, length) {
	  return new (arraySpeciesConstructor(originalArray))(length === 0 ? 0 : length);
	};

	var bind$9 = functionBindContext;
	var uncurryThis$B = functionUncurryThis;
	var IndexedObject$2 = indexedObject;
	var toObject$9 = toObject$b;
	var lengthOfArrayLike$9 = lengthOfArrayLike$b;
	var arraySpeciesCreate$2 = arraySpeciesCreate$3;

	var push$7 = uncurryThis$B([].push);

	// `Array.prototype.{ forEach, map, filter, some, every, find, findIndex, filterReject }` methods implementation
	var createMethod$4 = function (TYPE) {
	  var IS_MAP = TYPE == 1;
	  var IS_FILTER = TYPE == 2;
	  var IS_SOME = TYPE == 3;
	  var IS_EVERY = TYPE == 4;
	  var IS_FIND_INDEX = TYPE == 6;
	  var IS_FILTER_REJECT = TYPE == 7;
	  var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
	  return function ($this, callbackfn, that, specificCreate) {
	    var O = toObject$9($this);
	    var self = IndexedObject$2(O);
	    var boundFunction = bind$9(callbackfn, that);
	    var length = lengthOfArrayLike$9(self);
	    var index = 0;
	    var create = specificCreate || arraySpeciesCreate$2;
	    var target = IS_MAP ? create($this, length) : IS_FILTER || IS_FILTER_REJECT ? create($this, 0) : undefined;
	    var value, result;
	    for (;length > index; index++) if (NO_HOLES || index in self) {
	      value = self[index];
	      result = boundFunction(value, index, O);
	      if (TYPE) {
	        if (IS_MAP) target[index] = result; // map
	        else if (result) switch (TYPE) {
	          case 3: return true;              // some
	          case 5: return value;             // find
	          case 6: return index;             // findIndex
	          case 2: push$7(target, value);      // filter
	        } else switch (TYPE) {
	          case 4: return false;             // every
	          case 7: push$7(target, value);      // filterReject
	        }
	      }
	    }
	    return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : target;
	  };
	};

	var arrayIteration = {
	  // `Array.prototype.forEach` method
	  // https://tc39.es/ecma262/#sec-array.prototype.foreach
	  forEach: createMethod$4(0),
	  // `Array.prototype.map` method
	  // https://tc39.es/ecma262/#sec-array.prototype.map
	  map: createMethod$4(1),
	  // `Array.prototype.filter` method
	  // https://tc39.es/ecma262/#sec-array.prototype.filter
	  filter: createMethod$4(2),
	  // `Array.prototype.some` method
	  // https://tc39.es/ecma262/#sec-array.prototype.some
	  some: createMethod$4(3),
	  // `Array.prototype.every` method
	  // https://tc39.es/ecma262/#sec-array.prototype.every
	  every: createMethod$4(4),
	  // `Array.prototype.find` method
	  // https://tc39.es/ecma262/#sec-array.prototype.find
	  find: createMethod$4(5),
	  // `Array.prototype.findIndex` method
	  // https://tc39.es/ecma262/#sec-array.prototype.findIndex
	  findIndex: createMethod$4(6),
	  // `Array.prototype.filterReject` method
	  // https://github.com/tc39/proposal-array-filtering
	  filterReject: createMethod$4(7)
	};

	var fails$y = fails$I;

	var arrayMethodIsStrict$7 = function (METHOD_NAME, argument) {
	  var method = [][METHOD_NAME];
	  return !!method && fails$y(function () {
	    // eslint-disable-next-line no-useless-call -- required for testing
	    method.call(null, argument || function () { return 1; }, 1);
	  });
	};

	var $forEach = arrayIteration.forEach;
	var arrayMethodIsStrict$6 = arrayMethodIsStrict$7;

	var STRICT_METHOD$4 = arrayMethodIsStrict$6('forEach');

	// `Array.prototype.forEach` method implementation
	// https://tc39.es/ecma262/#sec-array.prototype.foreach
	var arrayForEach = !STRICT_METHOD$4 ? function forEach(callbackfn /* , thisArg */) {
	  return $forEach(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
	// eslint-disable-next-line es/no-array-prototype-foreach -- safe
	} : [].forEach;

	var $$U = _export;
	var forEach$1 = arrayForEach;

	// `Array.prototype.forEach` method
	// https://tc39.es/ecma262/#sec-array.prototype.foreach
	// eslint-disable-next-line es/no-array-prototype-foreach -- safe
	$$U({ target: 'Array', proto: true, forced: [].forEach != forEach$1 }, {
	  forEach: forEach$1
	});

	var TO_STRING_TAG_SUPPORT$1 = toStringTagSupport;
	var classof$9 = classof$b;

	// `Object.prototype.toString` method implementation
	// https://tc39.es/ecma262/#sec-object.prototype.tostring
	var objectToString = TO_STRING_TAG_SUPPORT$1 ? {}.toString : function toString() {
	  return '[object ' + classof$9(this) + ']';
	};

	var TO_STRING_TAG_SUPPORT = toStringTagSupport;
	var defineBuiltIn$e = defineBuiltIn$g;
	var toString$j = objectToString;

	// `Object.prototype.toString` method
	// https://tc39.es/ecma262/#sec-object.prototype.tostring
	if (!TO_STRING_TAG_SUPPORT) {
	  defineBuiltIn$e(Object.prototype, 'toString', toString$j, { unsafe: true });
	}

	// iterable DOM collections
	// flag - `iterable` interface - 'entries', 'keys', 'values', 'forEach' methods
	var domIterables = {
	  CSSRuleList: 0,
	  CSSStyleDeclaration: 0,
	  CSSValueList: 0,
	  ClientRectList: 0,
	  DOMRectList: 0,
	  DOMStringList: 0,
	  DOMTokenList: 1,
	  DataTransferItemList: 0,
	  FileList: 0,
	  HTMLAllCollection: 0,
	  HTMLCollection: 0,
	  HTMLFormElement: 0,
	  HTMLSelectElement: 0,
	  MediaList: 0,
	  MimeTypeArray: 0,
	  NamedNodeMap: 0,
	  NodeList: 1,
	  PaintRequestList: 0,
	  Plugin: 0,
	  PluginArray: 0,
	  SVGLengthList: 0,
	  SVGNumberList: 0,
	  SVGPathSegList: 0,
	  SVGPointList: 0,
	  SVGStringList: 0,
	  SVGTransformList: 0,
	  SourceBufferList: 0,
	  StyleSheetList: 0,
	  TextTrackCueList: 0,
	  TextTrackList: 0,
	  TouchList: 0
	};

	// in old WebKit versions, `element.classList` is not an instance of global `DOMTokenList`
	var documentCreateElement$1 = documentCreateElement$2;

	var classList = documentCreateElement$1('span').classList;
	var DOMTokenListPrototype$2 = classList && classList.constructor && classList.constructor.prototype;

	var domTokenListPrototype = DOMTokenListPrototype$2 === Object.prototype ? undefined : DOMTokenListPrototype$2;

	var global$o = global$y;
	var DOMIterables$1 = domIterables;
	var DOMTokenListPrototype$1 = domTokenListPrototype;
	var forEach = arrayForEach;
	var createNonEnumerableProperty$6 = createNonEnumerableProperty$9;

	var handlePrototype$1 = function (CollectionPrototype) {
	  // some Chrome versions have non-configurable methods on DOMTokenList
	  if (CollectionPrototype && CollectionPrototype.forEach !== forEach) try {
	    createNonEnumerableProperty$6(CollectionPrototype, 'forEach', forEach);
	  } catch (error) {
	    CollectionPrototype.forEach = forEach;
	  }
	};

	for (var COLLECTION_NAME$1 in DOMIterables$1) {
	  if (DOMIterables$1[COLLECTION_NAME$1]) {
	    handlePrototype$1(global$o[COLLECTION_NAME$1] && global$o[COLLECTION_NAME$1].prototype);
	  }
	}

	handlePrototype$1(DOMTokenListPrototype$1);

	var uncurryThis$A = functionUncurryThis;

	var arraySlice$7 = uncurryThis$A([].slice);

	var uncurryThis$z = functionUncurryThis;
	var aCallable$7 = aCallable$a;
	var isObject$e = isObject$l;
	var hasOwn$e = hasOwnProperty_1;
	var arraySlice$6 = arraySlice$7;
	var NATIVE_BIND$1 = functionBindNative;

	var $Function = Function;
	var concat$2 = uncurryThis$z([].concat);
	var join$3 = uncurryThis$z([].join);
	var factories = {};

	var construct = function (C, argsLength, args) {
	  if (!hasOwn$e(factories, argsLength)) {
	    for (var list = [], i = 0; i < argsLength; i++) list[i] = 'a[' + i + ']';
	    factories[argsLength] = $Function('C,a', 'return new C(' + join$3(list, ',') + ')');
	  } return factories[argsLength](C, args);
	};

	// `Function.prototype.bind` method implementation
	// https://tc39.es/ecma262/#sec-function.prototype.bind
	// eslint-disable-next-line es/no-function-prototype-bind -- detection
	var functionBind = NATIVE_BIND$1 ? $Function.bind : function bind(that /* , ...args */) {
	  var F = aCallable$7(this);
	  var Prototype = F.prototype;
	  var partArgs = arraySlice$6(arguments, 1);
	  var boundFunction = function bound(/* args... */) {
	    var args = concat$2(partArgs, arraySlice$6(arguments));
	    return this instanceof boundFunction ? construct(F, args.length, args) : F.apply(that, args);
	  };
	  if (isObject$e(Prototype)) boundFunction.prototype = Prototype;
	  return boundFunction;
	};

	// TODO: Remove from `core-js@4`
	var $$T = _export;
	var bind$8 = functionBind;

	// `Function.prototype.bind` method
	// https://tc39.es/ecma262/#sec-function.prototype.bind
	// eslint-disable-next-line es/no-function-prototype-bind -- detection
	$$T({ target: 'Function', proto: true, forced: Function.bind !== bind$8 }, {
	  bind: bind$8
	});

	var classof$8 = classof$b;

	var $String$2 = String;

	var toString$i = function (argument) {
	  if (classof$8(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
	  return $String$2(argument);
	};

	// a string of all valid unicode whitespaces
	var whitespaces$5 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
	  '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';

	var uncurryThis$y = functionUncurryThis;
	var requireObjectCoercible$8 = requireObjectCoercible$b;
	var toString$h = toString$i;
	var whitespaces$4 = whitespaces$5;

	var replace$9 = uncurryThis$y(''.replace);
	var ltrim = RegExp('^[' + whitespaces$4 + ']+');
	var rtrim = RegExp('(^|[^' + whitespaces$4 + '])[' + whitespaces$4 + ']+$');

	// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
	var createMethod$3 = function (TYPE) {
	  return function ($this) {
	    var string = toString$h(requireObjectCoercible$8($this));
	    if (TYPE & 1) string = replace$9(string, ltrim, '');
	    if (TYPE & 2) string = replace$9(string, rtrim, '$1');
	    return string;
	  };
	};

	var stringTrim = {
	  // `String.prototype.{ trimLeft, trimStart }` methods
	  // https://tc39.es/ecma262/#sec-string.prototype.trimstart
	  start: createMethod$3(1),
	  // `String.prototype.{ trimRight, trimEnd }` methods
	  // https://tc39.es/ecma262/#sec-string.prototype.trimend
	  end: createMethod$3(2),
	  // `String.prototype.trim` method
	  // https://tc39.es/ecma262/#sec-string.prototype.trim
	  trim: createMethod$3(3)
	};

	var global$n = global$y;
	var fails$x = fails$I;
	var uncurryThis$x = functionUncurryThis;
	var toString$g = toString$i;
	var trim$2 = stringTrim.trim;
	var whitespaces$3 = whitespaces$5;

	var $parseInt$1 = global$n.parseInt;
	var Symbol$2 = global$n.Symbol;
	var ITERATOR$9 = Symbol$2 && Symbol$2.iterator;
	var hex = /^[+-]?0x/i;
	var exec$5 = uncurryThis$x(hex.exec);
	var FORCED$9 = $parseInt$1(whitespaces$3 + '08') !== 8 || $parseInt$1(whitespaces$3 + '0x16') !== 22
	  // MS Edge 18- broken with boxed symbols
	  || (ITERATOR$9 && !fails$x(function () { $parseInt$1(Object(ITERATOR$9)); }));

	// `parseInt` method
	// https://tc39.es/ecma262/#sec-parseint-string-radix
	var numberParseInt = FORCED$9 ? function parseInt(string, radix) {
	  var S = trim$2(toString$g(string));
	  return $parseInt$1(S, (radix >>> 0) || (exec$5(hex, S) ? 16 : 10));
	} : $parseInt$1;

	var $$S = _export;
	var $parseInt = numberParseInt;

	// `parseInt` method
	// https://tc39.es/ecma262/#sec-parseint-string-radix
	$$S({ global: true, forced: parseInt != $parseInt }, {
	  parseInt: $parseInt
	});

	var fails$w = fails$I;
	var wellKnownSymbol$j = wellKnownSymbol$o;
	var V8_VERSION$2 = engineV8Version;

	var SPECIES$5 = wellKnownSymbol$j('species');

	var arrayMethodHasSpeciesSupport$5 = function (METHOD_NAME) {
	  // We can't use this feature detection in V8 since it causes
	  // deoptimization and serious performance degradation
	  // https://github.com/zloirock/core-js/issues/677
	  return V8_VERSION$2 >= 51 || !fails$w(function () {
	    var array = [];
	    var constructor = array.constructor = {};
	    constructor[SPECIES$5] = function () {
	      return { foo: 1 };
	    };
	    return array[METHOD_NAME](Boolean).foo !== 1;
	  });
	};

	var $$R = _export;
	var $filter = arrayIteration.filter;
	var arrayMethodHasSpeciesSupport$4 = arrayMethodHasSpeciesSupport$5;

	var HAS_SPECIES_SUPPORT$3 = arrayMethodHasSpeciesSupport$4('filter');

	// `Array.prototype.filter` method
	// https://tc39.es/ecma262/#sec-array.prototype.filter
	// with adding support of @@species
	$$R({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$3 }, {
	  filter: function filter(callbackfn /* , thisArg */) {
	    return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
	  }
	});

	var internalObjectKeys = objectKeysInternal;
	var enumBugKeys$1 = enumBugKeys$3;

	// `Object.keys` method
	// https://tc39.es/ecma262/#sec-object.keys
	// eslint-disable-next-line es/no-object-keys -- safe
	var objectKeys$3 = Object.keys || function keys(O) {
	  return internalObjectKeys(O, enumBugKeys$1);
	};

	var $$Q = _export;
	var toObject$8 = toObject$b;
	var nativeKeys = objectKeys$3;
	var fails$v = fails$I;

	var FAILS_ON_PRIMITIVES$1 = fails$v(function () { nativeKeys(1); });

	// `Object.keys` method
	// https://tc39.es/ecma262/#sec-object.keys
	$$Q({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES$1 }, {
	  keys: function keys(it) {
	    return nativeKeys(toObject$8(it));
	  }
	});

	var global$m = global$y;

	var path$1 = global$m;

	var uncurryThis$w = functionUncurryThis;
	var aCallable$6 = aCallable$a;

	var functionUncurryThisAccessor = function (object, key, method) {
	  try {
	    // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
	    return uncurryThis$w(aCallable$6(Object.getOwnPropertyDescriptor(object, key)[method]));
	  } catch (error) { /* empty */ }
	};

	var isCallable$h = isCallable$u;

	var $String$1 = String;
	var $TypeError$b = TypeError;

	var aPossiblePrototype$1 = function (argument) {
	  if (typeof argument == 'object' || isCallable$h(argument)) return argument;
	  throw $TypeError$b("Can't set " + $String$1(argument) + ' as a prototype');
	};

	/* eslint-disable no-proto -- safe */

	var uncurryThisAccessor = functionUncurryThisAccessor;
	var anObject$i = anObject$l;
	var aPossiblePrototype = aPossiblePrototype$1;

	// `Object.setPrototypeOf` method
	// https://tc39.es/ecma262/#sec-object.setprototypeof
	// Works with __proto__ only. Old v8 can't work with null proto objects.
	// eslint-disable-next-line es/no-object-setprototypeof -- safe
	var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
	  var CORRECT_SETTER = false;
	  var test = {};
	  var setter;
	  try {
	    setter = uncurryThisAccessor(Object.prototype, '__proto__', 'set');
	    setter(test, []);
	    CORRECT_SETTER = test instanceof Array;
	  } catch (error) { /* empty */ }
	  return function setPrototypeOf(O, proto) {
	    anObject$i(O);
	    aPossiblePrototype(proto);
	    if (CORRECT_SETTER) setter(O, proto);
	    else O.__proto__ = proto;
	    return O;
	  };
	}() : undefined);

	var isCallable$g = isCallable$u;
	var isObject$d = isObject$l;
	var setPrototypeOf$3 = objectSetPrototypeOf;

	// makes subclassing work correct for wrapped built-ins
	var inheritIfRequired$4 = function ($this, dummy, Wrapper) {
	  var NewTarget, NewTargetPrototype;
	  if (
	    // it can work only with native `setPrototypeOf`
	    setPrototypeOf$3 &&
	    // we haven't completely correct pre-ES6 way for getting `new.target`, so use this
	    isCallable$g(NewTarget = dummy.constructor) &&
	    NewTarget !== Wrapper &&
	    isObject$d(NewTargetPrototype = NewTarget.prototype) &&
	    NewTargetPrototype !== Wrapper.prototype
	  ) setPrototypeOf$3($this, NewTargetPrototype);
	  return $this;
	};

	var uncurryThis$v = functionUncurryThis;

	// `thisNumberValue` abstract operation
	// https://tc39.es/ecma262/#sec-thisnumbervalue
	var thisNumberValue$1 = uncurryThis$v(1.0.valueOf);

	var $$P = _export;
	var IS_PURE$1 = isPure;
	var DESCRIPTORS$h = descriptors;
	var global$l = global$y;
	var path = path$1;
	var uncurryThis$u = functionUncurryThis;
	var isForced$2 = isForced_1;
	var hasOwn$d = hasOwnProperty_1;
	var inheritIfRequired$3 = inheritIfRequired$4;
	var isPrototypeOf$4 = objectIsPrototypeOf;
	var isSymbol$1 = isSymbol$4;
	var toPrimitive = toPrimitive$2;
	var fails$u = fails$I;
	var getOwnPropertyNames = objectGetOwnPropertyNames.f;
	var getOwnPropertyDescriptor$4 = objectGetOwnPropertyDescriptor.f;
	var defineProperty$a = objectDefineProperty.f;
	var thisNumberValue = thisNumberValue$1;
	var trim$1 = stringTrim.trim;

	var NUMBER = 'Number';
	var NativeNumber = global$l[NUMBER];
	path[NUMBER];
	var NumberPrototype = NativeNumber.prototype;
	var TypeError$4 = global$l.TypeError;
	var stringSlice$8 = uncurryThis$u(''.slice);
	var charCodeAt$3 = uncurryThis$u(''.charCodeAt);

	// `ToNumeric` abstract operation
	// https://tc39.es/ecma262/#sec-tonumeric
	var toNumeric = function (value) {
	  var primValue = toPrimitive(value, 'number');
	  return typeof primValue == 'bigint' ? primValue : toNumber(primValue);
	};

	// `ToNumber` abstract operation
	// https://tc39.es/ecma262/#sec-tonumber
	var toNumber = function (argument) {
	  var it = toPrimitive(argument, 'number');
	  var first, third, radix, maxCode, digits, length, index, code;
	  if (isSymbol$1(it)) throw TypeError$4('Cannot convert a Symbol value to a number');
	  if (typeof it == 'string' && it.length > 2) {
	    it = trim$1(it);
	    first = charCodeAt$3(it, 0);
	    if (first === 43 || first === 45) {
	      third = charCodeAt$3(it, 2);
	      if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix
	    } else if (first === 48) {
	      switch (charCodeAt$3(it, 1)) {
	        case 66: case 98: radix = 2; maxCode = 49; break; // fast equal of /^0b[01]+$/i
	        case 79: case 111: radix = 8; maxCode = 55; break; // fast equal of /^0o[0-7]+$/i
	        default: return +it;
	      }
	      digits = stringSlice$8(it, 2);
	      length = digits.length;
	      for (index = 0; index < length; index++) {
	        code = charCodeAt$3(digits, index);
	        // parseInt parses a string to a first unavailable symbol
	        // but ToNumber should return NaN if a string contains unavailable symbols
	        if (code < 48 || code > maxCode) return NaN;
	      } return parseInt(digits, radix);
	    }
	  } return +it;
	};

	var FORCED$8 = isForced$2(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumber('+0x1'));

	var calledWithNew = function (dummy) {
	  // includes check on 1..constructor(foo) case
	  return isPrototypeOf$4(NumberPrototype, dummy) && fails$u(function () { thisNumberValue(dummy); });
	};

	// `Number` constructor
	// https://tc39.es/ecma262/#sec-number-constructor
	var NumberWrapper = function Number(value) {
	  var n = arguments.length < 1 ? 0 : NativeNumber(toNumeric(value));
	  return calledWithNew(this) ? inheritIfRequired$3(Object(n), this, NumberWrapper) : n;
	};

	NumberWrapper.prototype = NumberPrototype;
	if (FORCED$8 && !IS_PURE$1) NumberPrototype.constructor = NumberWrapper;

	$$P({ global: true, constructor: true, wrap: true, forced: FORCED$8 }, {
	  Number: NumberWrapper
	});

	// Use `internal/copy-constructor-properties` helper in `core-js@4`
	var copyConstructorProperties$1 = function (target, source) {
	  for (var keys = DESCRIPTORS$h ? getOwnPropertyNames(source) : (
	    // ES3:
	    'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +
	    // ES2015 (in case, if modules with ES2015 Number statics required before):
	    'EPSILON,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,isFinite,isInteger,isNaN,isSafeInteger,parseFloat,parseInt,' +
	    // ESNext
	    'fromString,range'
	  ).split(','), j = 0, key; keys.length > j; j++) {
	    if (hasOwn$d(source, key = keys[j]) && !hasOwn$d(target, key)) {
	      defineProperty$a(target, key, getOwnPropertyDescriptor$4(source, key));
	    }
	  }
	};
	if (FORCED$8 || IS_PURE$1) copyConstructorProperties$1(path[NUMBER], NativeNumber);

	var DESCRIPTORS$g = descriptors;
	var isArray$5 = isArray$7;

	var $TypeError$a = TypeError;
	// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
	var getOwnPropertyDescriptor$3 = Object.getOwnPropertyDescriptor;

	// Safari < 13 does not throw an error in this case
	var SILENT_ON_NON_WRITABLE_LENGTH_SET = DESCRIPTORS$g && !function () {
	  // makes no sense without proper strict mode support
	  if (this !== undefined) return true;
	  try {
	    // eslint-disable-next-line es/no-object-defineproperty -- safe
	    Object.defineProperty([], 'length', { writable: false }).length = 1;
	  } catch (error) {
	    return error instanceof TypeError;
	  }
	}();

	var arraySetLength = SILENT_ON_NON_WRITABLE_LENGTH_SET ? function (O, length) {
	  if (isArray$5(O) && !getOwnPropertyDescriptor$3(O, 'length').writable) {
	    throw $TypeError$a('Cannot set read only .length');
	  } return O.length = length;
	} : function (O, length) {
	  return O.length = length;
	};

	var $TypeError$9 = TypeError;
	var MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF; // 2 ** 53 - 1 == 9007199254740991

	var doesNotExceedSafeInteger$3 = function (it) {
	  if (it > MAX_SAFE_INTEGER) throw $TypeError$9('Maximum allowed index exceeded');
	  return it;
	};

	var $$O = _export;
	var toObject$7 = toObject$b;
	var lengthOfArrayLike$8 = lengthOfArrayLike$b;
	var setArrayLength$1 = arraySetLength;
	var doesNotExceedSafeInteger$2 = doesNotExceedSafeInteger$3;
	var fails$t = fails$I;

	var INCORRECT_TO_LENGTH = fails$t(function () {
	  return [].push.call({ length: 0x100000000 }, 1) !== 4294967297;
	});

	// V8 and Safari <= 15.4, FF < 23 throws InternalError
	// https://bugs.chromium.org/p/v8/issues/detail?id=12681
	var properErrorOnNonWritableLength = function () {
	  try {
	    // eslint-disable-next-line es/no-object-defineproperty -- safe
	    Object.defineProperty([], 'length', { writable: false }).push();
	  } catch (error) {
	    return error instanceof TypeError;
	  }
	};

	var FORCED$7 = INCORRECT_TO_LENGTH || !properErrorOnNonWritableLength();

	// `Array.prototype.push` method
	// https://tc39.es/ecma262/#sec-array.prototype.push
	$$O({ target: 'Array', proto: true, arity: 1, forced: FORCED$7 }, {
	  // eslint-disable-next-line no-unused-vars -- required for `.length`
	  push: function push(item) {
	    var O = toObject$7(this);
	    var len = lengthOfArrayLike$8(O);
	    var argCount = arguments.length;
	    doesNotExceedSafeInteger$2(len + argCount);
	    for (var i = 0; i < argCount; i++) {
	      O[len] = arguments[i];
	      len++;
	    }
	    setArrayLength$1(O, len);
	    return len;
	  }
	});

	var DESCRIPTORS$f = descriptors;
	var uncurryThis$t = functionUncurryThis;
	var call$j = functionCall;
	var fails$s = fails$I;
	var objectKeys$2 = objectKeys$3;
	var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
	var propertyIsEnumerableModule = objectPropertyIsEnumerable;
	var toObject$6 = toObject$b;
	var IndexedObject$1 = indexedObject;

	// eslint-disable-next-line es/no-object-assign -- safe
	var $assign = Object.assign;
	// eslint-disable-next-line es/no-object-defineproperty -- required for testing
	var defineProperty$9 = Object.defineProperty;
	var concat$1 = uncurryThis$t([].concat);

	// `Object.assign` method
	// https://tc39.es/ecma262/#sec-object.assign
	var objectAssign = !$assign || fails$s(function () {
	  // should have correct order of operations (Edge bug)
	  if (DESCRIPTORS$f && $assign({ b: 1 }, $assign(defineProperty$9({}, 'a', {
	    enumerable: true,
	    get: function () {
	      defineProperty$9(this, 'b', {
	        value: 3,
	        enumerable: false
	      });
	    }
	  }), { b: 2 })).b !== 1) return true;
	  // should work with symbols and should have deterministic property order (V8 bug)
	  var A = {};
	  var B = {};
	  // eslint-disable-next-line es/no-symbol -- safe
	  var symbol = Symbol();
	  var alphabet = 'abcdefghijklmnopqrst';
	  A[symbol] = 7;
	  alphabet.split('').forEach(function (chr) { B[chr] = chr; });
	  return $assign({}, A)[symbol] != 7 || objectKeys$2($assign({}, B)).join('') != alphabet;
	}) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
	  var T = toObject$6(target);
	  var argumentsLength = arguments.length;
	  var index = 1;
	  var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
	  var propertyIsEnumerable = propertyIsEnumerableModule.f;
	  while (argumentsLength > index) {
	    var S = IndexedObject$1(arguments[index++]);
	    var keys = getOwnPropertySymbols ? concat$1(objectKeys$2(S), getOwnPropertySymbols(S)) : objectKeys$2(S);
	    var length = keys.length;
	    var j = 0;
	    var key;
	    while (length > j) {
	      key = keys[j++];
	      if (!DESCRIPTORS$f || call$j(propertyIsEnumerable, S, key)) T[key] = S[key];
	    }
	  } return T;
	} : $assign;

	var $$N = _export;
	var assign$1 = objectAssign;

	// `Object.assign` method
	// https://tc39.es/ecma262/#sec-object.assign
	// eslint-disable-next-line es/no-object-assign -- required for testing
	$$N({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign$1 }, {
	  assign: assign$1
	});

	var anObject$h = anObject$l;

	// `RegExp.prototype.flags` getter implementation
	// https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
	var regexpFlags$1 = function () {
	  var that = anObject$h(this);
	  var result = '';
	  if (that.hasIndices) result += 'd';
	  if (that.global) result += 'g';
	  if (that.ignoreCase) result += 'i';
	  if (that.multiline) result += 'm';
	  if (that.dotAll) result += 's';
	  if (that.unicode) result += 'u';
	  if (that.unicodeSets) result += 'v';
	  if (that.sticky) result += 'y';
	  return result;
	};

	var fails$r = fails$I;
	var global$k = global$y;

	// babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
	var $RegExp$2 = global$k.RegExp;

	var UNSUPPORTED_Y$1 = fails$r(function () {
	  var re = $RegExp$2('a', 'y');
	  re.lastIndex = 2;
	  return re.exec('abcd') != null;
	});

	// UC Browser bug
	// https://github.com/zloirock/core-js/issues/1008
	var MISSED_STICKY = UNSUPPORTED_Y$1 || fails$r(function () {
	  return !$RegExp$2('a', 'y').sticky;
	});

	var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$r(function () {
	  // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
	  var re = $RegExp$2('^r', 'gy');
	  re.lastIndex = 2;
	  return re.exec('str') != null;
	});

	var regexpStickyHelpers = {
	  BROKEN_CARET: BROKEN_CARET,
	  MISSED_STICKY: MISSED_STICKY,
	  UNSUPPORTED_Y: UNSUPPORTED_Y$1
	};

	var objectDefineProperties = {};

	var DESCRIPTORS$e = descriptors;
	var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
	var definePropertyModule$1 = objectDefineProperty;
	var anObject$g = anObject$l;
	var toIndexedObject$6 = toIndexedObject$a;
	var objectKeys$1 = objectKeys$3;

	// `Object.defineProperties` method
	// https://tc39.es/ecma262/#sec-object.defineproperties
	// eslint-disable-next-line es/no-object-defineproperties -- safe
	objectDefineProperties.f = DESCRIPTORS$e && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
	  anObject$g(O);
	  var props = toIndexedObject$6(Properties);
	  var keys = objectKeys$1(Properties);
	  var length = keys.length;
	  var index = 0;
	  var key;
	  while (length > index) definePropertyModule$1.f(O, key = keys[index++], props[key]);
	  return O;
	};

	var getBuiltIn$a = getBuiltIn$e;

	var html$2 = getBuiltIn$a('document', 'documentElement');

	/* global ActiveXObject -- old IE, WSH */

	var anObject$f = anObject$l;
	var definePropertiesModule = objectDefineProperties;
	var enumBugKeys = enumBugKeys$3;
	var hiddenKeys$1 = hiddenKeys$5;
	var html$1 = html$2;
	var documentCreateElement = documentCreateElement$2;
	var sharedKey$1 = sharedKey$3;

	var GT = '>';
	var LT = '<';
	var PROTOTYPE = 'prototype';
	var SCRIPT = 'script';
	var IE_PROTO$1 = sharedKey$1('IE_PROTO');

	var EmptyConstructor = function () { /* empty */ };

	var scriptTag = function (content) {
	  return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
	};

	// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
	var NullProtoObjectViaActiveX = function (activeXDocument) {
	  activeXDocument.write(scriptTag(''));
	  activeXDocument.close();
	  var temp = activeXDocument.parentWindow.Object;
	  activeXDocument = null; // avoid memory leak
	  return temp;
	};

	// Create object with fake `null` prototype: use iframe Object with cleared prototype
	var NullProtoObjectViaIFrame = function () {
	  // Thrash, waste and sodomy: IE GC bug
	  var iframe = documentCreateElement('iframe');
	  var JS = 'java' + SCRIPT + ':';
	  var iframeDocument;
	  iframe.style.display = 'none';
	  html$1.appendChild(iframe);
	  // https://github.com/zloirock/core-js/issues/475
	  iframe.src = String(JS);
	  iframeDocument = iframe.contentWindow.document;
	  iframeDocument.open();
	  iframeDocument.write(scriptTag('document.F=Object'));
	  iframeDocument.close();
	  return iframeDocument.F;
	};

	// Check for document.domain and active x support
	// No need to use active x approach when document.domain is not set
	// see https://github.com/es-shims/es5-shim/issues/150
	// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
	// avoid IE GC bug
	var activeXDocument;
	var NullProtoObject = function () {
	  try {
	    activeXDocument = new ActiveXObject('htmlfile');
	  } catch (error) { /* ignore */ }
	  NullProtoObject = typeof document != 'undefined'
	    ? document.domain && activeXDocument
	      ? NullProtoObjectViaActiveX(activeXDocument) // old IE
	      : NullProtoObjectViaIFrame()
	    : NullProtoObjectViaActiveX(activeXDocument); // WSH
	  var length = enumBugKeys.length;
	  while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];
	  return NullProtoObject();
	};

	hiddenKeys$1[IE_PROTO$1] = true;

	// `Object.create` method
	// https://tc39.es/ecma262/#sec-object.create
	// eslint-disable-next-line es/no-object-create -- safe
	var objectCreate = Object.create || function create(O, Properties) {
	  var result;
	  if (O !== null) {
	    EmptyConstructor[PROTOTYPE] = anObject$f(O);
	    result = new EmptyConstructor();
	    EmptyConstructor[PROTOTYPE] = null;
	    // add "__proto__" for Object.getPrototypeOf polyfill
	    result[IE_PROTO$1] = O;
	  } else result = NullProtoObject();
	  return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
	};

	var fails$q = fails$I;
	var global$j = global$y;

	// babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
	var $RegExp$1 = global$j.RegExp;

	var regexpUnsupportedDotAll = fails$q(function () {
	  var re = $RegExp$1('.', 's');
	  return !(re.dotAll && re.exec('\n') && re.flags === 's');
	});

	var fails$p = fails$I;
	var global$i = global$y;

	// babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
	var $RegExp = global$i.RegExp;

	var regexpUnsupportedNcg = fails$p(function () {
	  var re = $RegExp('(?<a>b)', 'g');
	  return re.exec('b').groups.a !== 'b' ||
	    'b'.replace(re, '$<a>c') !== 'bc';
	});

	/* eslint-disable regexp/no-empty-capturing-group, regexp/no-empty-group, regexp/no-lazy-ends -- testing */
	/* eslint-disable regexp/no-useless-quantifier -- testing */
	var call$i = functionCall;
	var uncurryThis$s = functionUncurryThis;
	var toString$f = toString$i;
	var regexpFlags = regexpFlags$1;
	var stickyHelpers = regexpStickyHelpers;
	var shared = sharedExports;
	var create$7 = objectCreate;
	var getInternalState$3 = internalState.get;
	var UNSUPPORTED_DOT_ALL = regexpUnsupportedDotAll;
	var UNSUPPORTED_NCG = regexpUnsupportedNcg;

	var nativeReplace = shared('native-string-replace', String.prototype.replace);
	var nativeExec = RegExp.prototype.exec;
	var patchedExec = nativeExec;
	var charAt$9 = uncurryThis$s(''.charAt);
	var indexOf = uncurryThis$s(''.indexOf);
	var replace$8 = uncurryThis$s(''.replace);
	var stringSlice$7 = uncurryThis$s(''.slice);

	var UPDATES_LAST_INDEX_WRONG = (function () {
	  var re1 = /a/;
	  var re2 = /b*/g;
	  call$i(nativeExec, re1, 'a');
	  call$i(nativeExec, re2, 'a');
	  return re1.lastIndex !== 0 || re2.lastIndex !== 0;
	})();

	var UNSUPPORTED_Y = stickyHelpers.BROKEN_CARET;

	// nonparticipating capturing group, copied from es5-shim's String#split patch.
	var NPCG_INCLUDED = /()??/.exec('')[1] !== undefined;

	var PATCH = UPDATES_LAST_INDEX_WRONG || NPCG_INCLUDED || UNSUPPORTED_Y || UNSUPPORTED_DOT_ALL || UNSUPPORTED_NCG;

	if (PATCH) {
	  patchedExec = function exec(string) {
	    var re = this;
	    var state = getInternalState$3(re);
	    var str = toString$f(string);
	    var raw = state.raw;
	    var result, reCopy, lastIndex, match, i, object, group;

	    if (raw) {
	      raw.lastIndex = re.lastIndex;
	      result = call$i(patchedExec, raw, str);
	      re.lastIndex = raw.lastIndex;
	      return result;
	    }

	    var groups = state.groups;
	    var sticky = UNSUPPORTED_Y && re.sticky;
	    var flags = call$i(regexpFlags, re);
	    var source = re.source;
	    var charsAdded = 0;
	    var strCopy = str;

	    if (sticky) {
	      flags = replace$8(flags, 'y', '');
	      if (indexOf(flags, 'g') === -1) {
	        flags += 'g';
	      }

	      strCopy = stringSlice$7(str, re.lastIndex);
	      // Support anchored sticky behavior.
	      if (re.lastIndex > 0 && (!re.multiline || re.multiline && charAt$9(str, re.lastIndex - 1) !== '\n')) {
	        source = '(?: ' + source + ')';
	        strCopy = ' ' + strCopy;
	        charsAdded++;
	      }
	      // ^(? + rx + ) is needed, in combination with some str slicing, to
	      // simulate the 'y' flag.
	      reCopy = new RegExp('^(?:' + source + ')', flags);
	    }

	    if (NPCG_INCLUDED) {
	      reCopy = new RegExp('^' + source + '$(?!\\s)', flags);
	    }
	    if (UPDATES_LAST_INDEX_WRONG) lastIndex = re.lastIndex;

	    match = call$i(nativeExec, sticky ? reCopy : re, strCopy);

	    if (sticky) {
	      if (match) {
	        match.input = stringSlice$7(match.input, charsAdded);
	        match[0] = stringSlice$7(match[0], charsAdded);
	        match.index = re.lastIndex;
	        re.lastIndex += match[0].length;
	      } else re.lastIndex = 0;
	    } else if (UPDATES_LAST_INDEX_WRONG && match) {
	      re.lastIndex = re.global ? match.index + match[0].length : lastIndex;
	    }
	    if (NPCG_INCLUDED && match && match.length > 1) {
	      // Fix browsers whose `exec` methods don't consistently return `undefined`
	      // for NPCG, like IE8. NOTE: This doesn't work for /(.?)?/
	      call$i(nativeReplace, match[0], reCopy, function () {
	        for (i = 1; i < arguments.length - 2; i++) {
	          if (arguments[i] === undefined) match[i] = undefined;
	        }
	      });
	    }

	    if (match && groups) {
	      match.groups = object = create$7(null);
	      for (i = 0; i < groups.length; i++) {
	        group = groups[i];
	        object[group[0]] = match[group[1]];
	      }
	    }

	    return match;
	  };
	}

	var regexpExec$2 = patchedExec;

	var $$M = _export;
	var exec$4 = regexpExec$2;

	// `RegExp.prototype.exec` method
	// https://tc39.es/ecma262/#sec-regexp.prototype.exec
	$$M({ target: 'RegExp', proto: true, forced: /./.exec !== exec$4 }, {
	  exec: exec$4
	});

	// TODO: Remove from `core-js@4` since it's moved to entry points

	var $$L = _export;
	var call$h = functionCall;
	var isCallable$f = isCallable$u;
	var anObject$e = anObject$l;
	var toString$e = toString$i;

	var DELEGATES_TO_EXEC = function () {
	  var execCalled = false;
	  var re = /[ac]/;
	  re.exec = function () {
	    execCalled = true;
	    return /./.exec.apply(this, arguments);
	  };
	  return re.test('abc') === true && execCalled;
	}();

	var nativeTest = /./.test;

	// `RegExp.prototype.test` method
	// https://tc39.es/ecma262/#sec-regexp.prototype.test
	$$L({ target: 'RegExp', proto: true, forced: !DELEGATES_TO_EXEC }, {
	  test: function (S) {
	    var R = anObject$e(this);
	    var string = toString$e(S);
	    var exec = R.exec;
	    if (!isCallable$f(exec)) return call$h(nativeTest, R, string);
	    var result = call$h(exec, R, string);
	    if (result === null) return false;
	    anObject$e(result);
	    return true;
	  }
	});

	var toPropertyKey = toPropertyKey$3;
	var definePropertyModule = objectDefineProperty;
	var createPropertyDescriptor$5 = createPropertyDescriptor$8;

	var createProperty$5 = function (object, key, value) {
	  var propertyKey = toPropertyKey(key);
	  if (propertyKey in object) definePropertyModule.f(object, propertyKey, createPropertyDescriptor$5(0, value));
	  else object[propertyKey] = value;
	};

	var $$K = _export;
	var isArray$4 = isArray$7;
	var isConstructor$2 = isConstructor$4;
	var isObject$c = isObject$l;
	var toAbsoluteIndex$2 = toAbsoluteIndex$4;
	var lengthOfArrayLike$7 = lengthOfArrayLike$b;
	var toIndexedObject$5 = toIndexedObject$a;
	var createProperty$4 = createProperty$5;
	var wellKnownSymbol$i = wellKnownSymbol$o;
	var arrayMethodHasSpeciesSupport$3 = arrayMethodHasSpeciesSupport$5;
	var nativeSlice = arraySlice$7;

	var HAS_SPECIES_SUPPORT$2 = arrayMethodHasSpeciesSupport$3('slice');

	var SPECIES$4 = wellKnownSymbol$i('species');
	var $Array$2 = Array;
	var max$3 = Math.max;

	// `Array.prototype.slice` method
	// https://tc39.es/ecma262/#sec-array.prototype.slice
	// fallback for not array-like ES3 strings and DOM objects
	$$K({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$2 }, {
	  slice: function slice(start, end) {
	    var O = toIndexedObject$5(this);
	    var length = lengthOfArrayLike$7(O);
	    var k = toAbsoluteIndex$2(start, length);
	    var fin = toAbsoluteIndex$2(end === undefined ? length : end, length);
	    // inline `ArraySpeciesCreate` for usage native `Array#slice` where it's possible
	    var Constructor, result, n;
	    if (isArray$4(O)) {
	      Constructor = O.constructor;
	      // cross-realm fallback
	      if (isConstructor$2(Constructor) && (Constructor === $Array$2 || isArray$4(Constructor.prototype))) {
	        Constructor = undefined;
	      } else if (isObject$c(Constructor)) {
	        Constructor = Constructor[SPECIES$4];
	        if (Constructor === null) Constructor = undefined;
	      }
	      if (Constructor === $Array$2 || Constructor === undefined) {
	        return nativeSlice(O, k, fin);
	      }
	    }
	    result = new (Constructor === undefined ? $Array$2 : Constructor)(max$3(fin - k, 0));
	    for (n = 0; k < fin; k++, n++) if (k in O) createProperty$4(result, n, O[k]);
	    result.length = n;
	    return result;
	  }
	});

	var ViewPort = {
	  XS: 0,
	  SM: 540,
	  MD: 860,
	  LG: 1084,
	  XL: 1400
	};
	var DetectionUtil = {
	  /* eslint-disable no-useless-escape, unicorn/better-regex */detectMobile: function detectMobile(includeTabletCheck) {
	    if (includeTabletCheck === void 0) {
	      includeTabletCheck = false;
	    }
	    /**
	     * detect if mobile and/or tablet device
	     * returns bool
	     */

	    var check = false;
	    if (includeTabletCheck) {
	      (function (a) {
	        if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino|android|ipad|playbook|silk/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.slice(0, 4))) {
	          check = true;
	        }
	      })(navigator.userAgent || navigator.vendor || window.opera);
	    } else {
	      (function (a) {
	        if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.slice(0, 4))) {
	          check = true;
	        }
	      })(navigator.userAgent || navigator.vendor || window.opera);
	    }
	    return check;
	  },
	  /**
	   * Gets viewport based on brower's window width.
	   * @returns {string} viewport
	   */
	  detectViewport: function detectViewport() {
	    var windowWidth = window.innerWidth;
	    if (windowWidth >= ViewPort.XS && windowWidth < ViewPort.SM) {
	      return 'xs';
	    }
	    if (windowWidth < ViewPort.MD && windowWidth >= ViewPort.SM) {
	      return 'sm';
	    }
	    if (windowWidth < ViewPort.LG && windowWidth >= ViewPort.MD) {
	      return 'md';
	    }
	    if (windowWidth < ViewPort.XL && windowWidth >= ViewPort.LG) {
	      return 'lg';
	    }
	    if (windowWidth >= ViewPort.XL) {
	      return 'xl';
	    }
	  },
	  /* eslint-enable no-useless-escape */isBiDirectional: function isBiDirectional(el) {
	    if (!el) {
	      el = document.querySelector('html');
	    }
	    return el.getAttribute('dir') === 'rtl';
	  },
	  /**
	   * Detects whether a user has enabled the prefers reduced motion setting
	   * @returns {boolean}
	   */
	  prefersReducedMotion: function prefersReducedMotion() {
	    var preference = window.matchMedia('(prefers-reduced-motion: reduce)');
	    return preference.matches;
	  }
	};

	function _regeneratorRuntime() {
	  _regeneratorRuntime = function () {
	    return exports;
	  };
	  var exports = {},
	    Op = Object.prototype,
	    hasOwn = Op.hasOwnProperty,
	    defineProperty = Object.defineProperty || function (obj, key, desc) {
	      obj[key] = desc.value;
	    },
	    $Symbol = "function" == typeof Symbol ? Symbol : {},
	    iteratorSymbol = $Symbol.iterator || "@@iterator",
	    asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
	    toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
	  function define(obj, key, value) {
	    return Object.defineProperty(obj, key, {
	      value: value,
	      enumerable: !0,
	      configurable: !0,
	      writable: !0
	    }), obj[key];
	  }
	  try {
	    define({}, "");
	  } catch (err) {
	    define = function (obj, key, value) {
	      return obj[key] = value;
	    };
	  }
	  function wrap(innerFn, outerFn, self, tryLocsList) {
	    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
	      generator = Object.create(protoGenerator.prototype),
	      context = new Context(tryLocsList || []);
	    return defineProperty(generator, "_invoke", {
	      value: makeInvokeMethod(innerFn, self, context)
	    }), generator;
	  }
	  function tryCatch(fn, obj, arg) {
	    try {
	      return {
	        type: "normal",
	        arg: fn.call(obj, arg)
	      };
	    } catch (err) {
	      return {
	        type: "throw",
	        arg: err
	      };
	    }
	  }
	  exports.wrap = wrap;
	  var ContinueSentinel = {};
	  function Generator() {}
	  function GeneratorFunction() {}
	  function GeneratorFunctionPrototype() {}
	  var IteratorPrototype = {};
	  define(IteratorPrototype, iteratorSymbol, function () {
	    return this;
	  });
	  var getProto = Object.getPrototypeOf,
	    NativeIteratorPrototype = getProto && getProto(getProto(values([])));
	  NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
	  var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
	  function defineIteratorMethods(prototype) {
	    ["next", "throw", "return"].forEach(function (method) {
	      define(prototype, method, function (arg) {
	        return this._invoke(method, arg);
	      });
	    });
	  }
	  function AsyncIterator(generator, PromiseImpl) {
	    function invoke(method, arg, resolve, reject) {
	      var record = tryCatch(generator[method], generator, arg);
	      if ("throw" !== record.type) {
	        var result = record.arg,
	          value = result.value;
	        return value && "object" == typeof value && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
	          invoke("next", value, resolve, reject);
	        }, function (err) {
	          invoke("throw", err, resolve, reject);
	        }) : PromiseImpl.resolve(value).then(function (unwrapped) {
	          result.value = unwrapped, resolve(result);
	        }, function (error) {
	          return invoke("throw", error, resolve, reject);
	        });
	      }
	      reject(record.arg);
	    }
	    var previousPromise;
	    defineProperty(this, "_invoke", {
	      value: function (method, arg) {
	        function callInvokeWithMethodAndArg() {
	          return new PromiseImpl(function (resolve, reject) {
	            invoke(method, arg, resolve, reject);
	          });
	        }
	        return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
	      }
	    });
	  }
	  function makeInvokeMethod(innerFn, self, context) {
	    var state = "suspendedStart";
	    return function (method, arg) {
	      if ("executing" === state) throw new Error("Generator is already running");
	      if ("completed" === state) {
	        if ("throw" === method) throw arg;
	        return doneResult();
	      }
	      for (context.method = method, context.arg = arg;;) {
	        var delegate = context.delegate;
	        if (delegate) {
	          var delegateResult = maybeInvokeDelegate(delegate, context);
	          if (delegateResult) {
	            if (delegateResult === ContinueSentinel) continue;
	            return delegateResult;
	          }
	        }
	        if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
	          if ("suspendedStart" === state) throw state = "completed", context.arg;
	          context.dispatchException(context.arg);
	        } else "return" === context.method && context.abrupt("return", context.arg);
	        state = "executing";
	        var record = tryCatch(innerFn, self, context);
	        if ("normal" === record.type) {
	          if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
	          return {
	            value: record.arg,
	            done: context.done
	          };
	        }
	        "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
	      }
	    };
	  }
	  function maybeInvokeDelegate(delegate, context) {
	    var methodName = context.method,
	      method = delegate.iterator[methodName];
	    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
	    var record = tryCatch(method, delegate.iterator, context.arg);
	    if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
	    var info = record.arg;
	    return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
	  }
	  function pushTryEntry(locs) {
	    var entry = {
	      tryLoc: locs[0]
	    };
	    1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
	  }
	  function resetTryEntry(entry) {
	    var record = entry.completion || {};
	    record.type = "normal", delete record.arg, entry.completion = record;
	  }
	  function Context(tryLocsList) {
	    this.tryEntries = [{
	      tryLoc: "root"
	    }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
	  }
	  function values(iterable) {
	    if (iterable) {
	      var iteratorMethod = iterable[iteratorSymbol];
	      if (iteratorMethod) return iteratorMethod.call(iterable);
	      if ("function" == typeof iterable.next) return iterable;
	      if (!isNaN(iterable.length)) {
	        var i = -1,
	          next = function next() {
	            for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
	            return next.value = undefined, next.done = !0, next;
	          };
	        return next.next = next;
	      }
	    }
	    return {
	      next: doneResult
	    };
	  }
	  function doneResult() {
	    return {
	      value: undefined,
	      done: !0
	    };
	  }
	  return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
	    value: GeneratorFunctionPrototype,
	    configurable: !0
	  }), defineProperty(GeneratorFunctionPrototype, "constructor", {
	    value: GeneratorFunction,
	    configurable: !0
	  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
	    var ctor = "function" == typeof genFun && genFun.constructor;
	    return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
	  }, exports.mark = function (genFun) {
	    return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
	  }, exports.awrap = function (arg) {
	    return {
	      __await: arg
	    };
	  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
	    return this;
	  }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
	    void 0 === PromiseImpl && (PromiseImpl = Promise);
	    var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
	    return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
	      return result.done ? result.value : iter.next();
	    });
	  }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
	    return this;
	  }), define(Gp, "toString", function () {
	    return "[object Generator]";
	  }), exports.keys = function (val) {
	    var object = Object(val),
	      keys = [];
	    for (var key in object) keys.push(key);
	    return keys.reverse(), function next() {
	      for (; keys.length;) {
	        var key = keys.pop();
	        if (key in object) return next.value = key, next.done = !1, next;
	      }
	      return next.done = !0, next;
	    };
	  }, exports.values = values, Context.prototype = {
	    constructor: Context,
	    reset: function (skipTempReset) {
	      if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
	    },
	    stop: function () {
	      this.done = !0;
	      var rootRecord = this.tryEntries[0].completion;
	      if ("throw" === rootRecord.type) throw rootRecord.arg;
	      return this.rval;
	    },
	    dispatchException: function (exception) {
	      if (this.done) throw exception;
	      var context = this;
	      function handle(loc, caught) {
	        return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
	      }
	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
	        var entry = this.tryEntries[i],
	          record = entry.completion;
	        if ("root" === entry.tryLoc) return handle("end");
	        if (entry.tryLoc <= this.prev) {
	          var hasCatch = hasOwn.call(entry, "catchLoc"),
	            hasFinally = hasOwn.call(entry, "finallyLoc");
	          if (hasCatch && hasFinally) {
	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
	          } else if (hasCatch) {
	            if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
	          } else {
	            if (!hasFinally) throw new Error("try statement without catch or finally");
	            if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
	          }
	        }
	      }
	    },
	    abrupt: function (type, arg) {
	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
	        var entry = this.tryEntries[i];
	        if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
	          var finallyEntry = entry;
	          break;
	        }
	      }
	      finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
	      var record = finallyEntry ? finallyEntry.completion : {};
	      return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
	    },
	    complete: function (record, afterLoc) {
	      if ("throw" === record.type) throw record.arg;
	      return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
	    },
	    finish: function (finallyLoc) {
	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
	        var entry = this.tryEntries[i];
	        if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
	      }
	    },
	    catch: function (tryLoc) {
	      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
	        var entry = this.tryEntries[i];
	        if (entry.tryLoc === tryLoc) {
	          var record = entry.completion;
	          if ("throw" === record.type) {
	            var thrown = record.arg;
	            resetTryEntry(entry);
	          }
	          return thrown;
	        }
	      }
	      throw new Error("illegal catch attempt");
	    },
	    delegateYield: function (iterable, resultName, nextLoc) {
	      return this.delegate = {
	        iterator: values(iterable),
	        resultName: resultName,
	        nextLoc: nextLoc
	      }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
	    }
	  }, exports;
	}
	function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
	  try {
	    var info = gen[key](arg);
	    var value = info.value;
	  } catch (error) {
	    reject(error);
	    return;
	  }
	  if (info.done) {
	    resolve(value);
	  } else {
	    Promise.resolve(value).then(_next, _throw);
	  }
	}
	function _asyncToGenerator(fn) {
	  return function () {
	    var self = this,
	      args = arguments;
	    return new Promise(function (resolve, reject) {
	      var gen = fn.apply(self, args);
	      function _next(value) {
	        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
	      }
	      function _throw(err) {
	        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
	      }
	      _next(undefined);
	    });
	  };
	}
	function _defineProperties(target, props) {
	  for (var i = 0; i < props.length; i++) {
	    var descriptor = props[i];
	    descriptor.enumerable = descriptor.enumerable || false;
	    descriptor.configurable = true;
	    if ("value" in descriptor) descriptor.writable = true;
	    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
	  }
	}
	function _createClass(Constructor, protoProps, staticProps) {
	  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
	  if (staticProps) _defineProperties(Constructor, staticProps);
	  Object.defineProperty(Constructor, "prototype", {
	    writable: false
	  });
	  return Constructor;
	}
	function _inheritsLoose(subClass, superClass) {
	  subClass.prototype = Object.create(superClass.prototype);
	  subClass.prototype.constructor = subClass;
	  _setPrototypeOf(subClass, superClass);
	}
	function _getPrototypeOf(o) {
	  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
	    return o.__proto__ || Object.getPrototypeOf(o);
	  };
	  return _getPrototypeOf(o);
	}
	function _setPrototypeOf(o, p) {
	  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
	    o.__proto__ = p;
	    return o;
	  };
	  return _setPrototypeOf(o, p);
	}
	function _isNativeReflectConstruct() {
	  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
	  if (Reflect.construct.sham) return false;
	  if (typeof Proxy === "function") return true;
	  try {
	    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
	    return true;
	  } catch (e) {
	    return false;
	  }
	}
	function _construct(Parent, args, Class) {
	  if (_isNativeReflectConstruct()) {
	    _construct = Reflect.construct.bind();
	  } else {
	    _construct = function _construct(Parent, args, Class) {
	      var a = [null];
	      a.push.apply(a, args);
	      var Constructor = Function.bind.apply(Parent, a);
	      var instance = new Constructor();
	      if (Class) _setPrototypeOf(instance, Class.prototype);
	      return instance;
	    };
	  }
	  return _construct.apply(null, arguments);
	}
	function _isNativeFunction(fn) {
	  return Function.toString.call(fn).indexOf("[native code]") !== -1;
	}
	function _wrapNativeSuper(Class) {
	  var _cache = typeof Map === "function" ? new Map() : undefined;
	  _wrapNativeSuper = function _wrapNativeSuper(Class) {
	    if (Class === null || !_isNativeFunction(Class)) return Class;
	    if (typeof Class !== "function") {
	      throw new TypeError("Super expression must either be null or a function");
	    }
	    if (typeof _cache !== "undefined") {
	      if (_cache.has(Class)) return _cache.get(Class);
	      _cache.set(Class, Wrapper);
	    }
	    function Wrapper() {
	      return _construct(Class, arguments, _getPrototypeOf(this).constructor);
	    }
	    Wrapper.prototype = Object.create(Class.prototype, {
	      constructor: {
	        value: Wrapper,
	        enumerable: false,
	        writable: true,
	        configurable: true
	      }
	    });
	    return _setPrototypeOf(Wrapper, Class);
	  };
	  return _wrapNativeSuper(Class);
	}
	function _assertThisInitialized(self) {
	  if (self === void 0) {
	    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
	  }
	  return self;
	}
	function _unsupportedIterableToArray(o, minLen) {
	  if (!o) return;
	  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
	  var n = Object.prototype.toString.call(o).slice(8, -1);
	  if (n === "Object" && o.constructor) n = o.constructor.name;
	  if (n === "Map" || n === "Set") return Array.from(o);
	  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
	}
	function _arrayLikeToArray(arr, len) {
	  if (len == null || len > arr.length) len = arr.length;
	  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
	  return arr2;
	}
	function _createForOfIteratorHelperLoose(o, allowArrayLike) {
	  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
	  if (it) return (it = it.call(o)).next.bind(it);
	  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
	    if (it) o = it;
	    var i = 0;
	    return function () {
	      if (i >= o.length) return {
	        done: true
	      };
	      return {
	        done: false,
	        value: o[i++]
	      };
	    };
	  }
	  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
	}
	function _toPrimitive(input, hint) {
	  if (typeof input !== "object" || input === null) return input;
	  var prim = input[Symbol.toPrimitive];
	  if (prim !== undefined) {
	    var res = prim.call(input, hint || "default");
	    if (typeof res !== "object") return res;
	    throw new TypeError("@@toPrimitive must return a primitive value.");
	  }
	  return (hint === "string" ? String : Number)(input);
	}
	function _toPropertyKey(arg) {
	  var key = _toPrimitive(arg, "string");
	  return typeof key === "symbol" ? key : String(key);
	}
	var id$2 = 0;
	function _classPrivateFieldLooseKey(name) {
	  return "__private_" + id$2++ + "_" + name;
	}
	function _classPrivateFieldLooseBase(receiver, privateKey) {
	  if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) {
	    throw new TypeError("attempted to use private field on non-instance");
	  }
	  return receiver;
	}

	var toString$d = toString$i;

	var normalizeStringArgument$4 = function (argument, $default) {
	  return argument === undefined ? arguments.length < 2 ? '' : $default : toString$d(argument);
	};

	var DESCRIPTORS$d = descriptors;
	var fails$o = fails$I;
	var anObject$d = anObject$l;
	var create$6 = objectCreate;
	var normalizeStringArgument$3 = normalizeStringArgument$4;

	var nativeErrorToString = Error.prototype.toString;

	var INCORRECT_TO_STRING$1 = fails$o(function () {
	  if (DESCRIPTORS$d) {
	    // Chrome 32- incorrectly call accessor
	    // eslint-disable-next-line es/no-object-defineproperty -- safe
	    var object = create$6(Object.defineProperty({}, 'name', { get: function () {
	      return this === object;
	    } }));
	    if (nativeErrorToString.call(object) !== 'true') return true;
	  }
	  // FF10- does not properly handle non-strings
	  return nativeErrorToString.call({ message: 1, name: 2 }) !== '2: 1'
	    // IE8 does not properly handle defaults
	    || nativeErrorToString.call({}) !== 'Error';
	});

	var errorToString$2 = INCORRECT_TO_STRING$1 ? function toString() {
	  var O = anObject$d(this);
	  var name = normalizeStringArgument$3(O.name, 'Error');
	  var message = normalizeStringArgument$3(O.message);
	  return !name ? message : !message ? name : name + ': ' + message;
	} : nativeErrorToString;

	var defineBuiltIn$d = defineBuiltIn$g;
	var errorToString$1 = errorToString$2;

	var ErrorPrototype$1 = Error.prototype;

	// `Error.prototype.toString` method fix
	// https://tc39.es/ecma262/#sec-error.prototype.tostring
	if (ErrorPrototype$1.toString !== errorToString$1) {
	  defineBuiltIn$d(ErrorPrototype$1, 'toString', errorToString$1);
	}

	// TODO: Remove from `core-js@4`
	var uncurryThis$r = functionUncurryThis;
	var defineBuiltIn$c = defineBuiltIn$g;

	var DatePrototype$1 = Date.prototype;
	var INVALID_DATE = 'Invalid Date';
	var TO_STRING$1 = 'toString';
	var nativeDateToString = uncurryThis$r(DatePrototype$1[TO_STRING$1]);
	var thisTimeValue$2 = uncurryThis$r(DatePrototype$1.getTime);

	// `Date.prototype.toString` method
	// https://tc39.es/ecma262/#sec-date.prototype.tostring
	if (String(new Date(NaN)) != INVALID_DATE) {
	  defineBuiltIn$c(DatePrototype$1, TO_STRING$1, function toString() {
	    var value = thisTimeValue$2(this);
	    // eslint-disable-next-line no-self-compare -- NaN check
	    return value === value ? nativeDateToString(this) : INVALID_DATE;
	  });
	}

	var call$g = functionCall;
	var hasOwn$c = hasOwnProperty_1;
	var isPrototypeOf$3 = objectIsPrototypeOf;
	var regExpFlags = regexpFlags$1;

	var RegExpPrototype$2 = RegExp.prototype;

	var regexpGetFlags = function (R) {
	  var flags = R.flags;
	  return flags === undefined && !('flags' in RegExpPrototype$2) && !hasOwn$c(R, 'flags') && isPrototypeOf$3(RegExpPrototype$2, R)
	    ? call$g(regExpFlags, R) : flags;
	};

	var PROPER_FUNCTION_NAME$2 = functionName.PROPER;
	var defineBuiltIn$b = defineBuiltIn$g;
	var anObject$c = anObject$l;
	var $toString$2 = toString$i;
	var fails$n = fails$I;
	var getRegExpFlags = regexpGetFlags;

	var TO_STRING = 'toString';
	var RegExpPrototype$1 = RegExp.prototype;
	var nativeToString = RegExpPrototype$1[TO_STRING];

	var NOT_GENERIC = fails$n(function () { return nativeToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });
	// FF44- RegExp#toString has a wrong name
	var INCORRECT_NAME = PROPER_FUNCTION_NAME$2 && nativeToString.name != TO_STRING;

	// `RegExp.prototype.toString` method
	// https://tc39.es/ecma262/#sec-regexp.prototype.tostring
	if (NOT_GENERIC || INCORRECT_NAME) {
	  defineBuiltIn$b(RegExp.prototype, TO_STRING, function toString() {
	    var R = anObject$c(this);
	    var pattern = $toString$2(R.source);
	    var flags = $toString$2(getRegExpFlags(R));
	    return '/' + pattern + '/' + flags;
	  }, { unsafe: true });
	}

	var $$J = _export;
	var isArray$3 = isArray$7;

	// `Array.isArray` method
	// https://tc39.es/ecma262/#sec-array.isarray
	$$J({ target: 'Array', stat: true }, {
	  isArray: isArray$3
	});

	var InitializationUtil = {
	  /**
	   * Initialize a component after DOM is loaded
	   * @param {string} selector - DOM selector for component
	   * @param {Function} init - Callback function to initialize the component
	   */
	  initializeComponent: function initializeComponent(selector, init) {
	    document.querySelectorAll(selector).forEach(function (node) {
	      return init(node);
	    });
	  },
	  /**
	   * Iterate over list to add event listeners
	   * @param {Array.<{
	   *  el: Element | Document | Window,
	   *  handler: Function,
	   *  type: String,
	   *  options?: Object
	   * }>} eventList - List of event maps
	   */
	  addEvents: function addEvents(eventList) {
	    for (var _iterator = _createForOfIteratorHelperLoose(eventList), _step; !(_step = _iterator()).done;) {
	      var obj = _step.value;
	      if (typeof obj.options === 'undefined') {
	        obj.options = {};
	      }
	      if (typeof obj.el.addEventListener === 'function') {
	        obj.el.addEventListener(obj.type, obj.handler, obj.options);
	      } else if (obj.el.toString() === '[object MediaQueryList]' && typeof obj.el.addListener === 'function') {
	        obj.el.addListener(obj.handler); // for Safari <14
	      }
	    }
	  },
	  /**
	   * Iterate over list to remove event listeners
	   * @param {array} eventList - List of event maps
	   */
	  removeEvents: function removeEvents(eventList) {
	    for (var _iterator2 = _createForOfIteratorHelperLoose(eventList), _step2; !(_step2 = _iterator2()).done;) {
	      var obj = _step2.value;
	      if (typeof obj.el.removeEventListener === 'function') {
	        obj.el.removeEventListener(obj.type, obj.handler);
	      } else if (obj.el.toString() === '[object MediaQueryList]' && typeof obj.el.removeListener === 'function') {
	        obj.el.removeListener(obj.handler); // for Safari <14
	      }
	    }
	  },
	  /**
	   * Tears down each in a list of mwf component instances
	   * @param {Array} componentList an array of mwf component instance
	   */
	  tearDownComponentList: function tearDownComponentList(componentList) {
	    if (Array.isArray(componentList)) {
	      var component;
	      while (componentList.length > 0) {
	        component = componentList.pop();
	        if (typeof component.remove === 'function') {
	          component.remove();
	        }
	      }
	    }
	  }
	};

	var $$I = _export;
	var fails$m = fails$I;
	var isArray$2 = isArray$7;
	var isObject$b = isObject$l;
	var toObject$5 = toObject$b;
	var lengthOfArrayLike$6 = lengthOfArrayLike$b;
	var doesNotExceedSafeInteger$1 = doesNotExceedSafeInteger$3;
	var createProperty$3 = createProperty$5;
	var arraySpeciesCreate$1 = arraySpeciesCreate$3;
	var arrayMethodHasSpeciesSupport$2 = arrayMethodHasSpeciesSupport$5;
	var wellKnownSymbol$h = wellKnownSymbol$o;
	var V8_VERSION$1 = engineV8Version;

	var IS_CONCAT_SPREADABLE = wellKnownSymbol$h('isConcatSpreadable');

	// We can't use this feature detection in V8 since it causes
	// deoptimization and serious performance degradation
	// https://github.com/zloirock/core-js/issues/679
	var IS_CONCAT_SPREADABLE_SUPPORT = V8_VERSION$1 >= 51 || !fails$m(function () {
	  var array = [];
	  array[IS_CONCAT_SPREADABLE] = false;
	  return array.concat()[0] !== array;
	});

	var isConcatSpreadable = function (O) {
	  if (!isObject$b(O)) return false;
	  var spreadable = O[IS_CONCAT_SPREADABLE];
	  return spreadable !== undefined ? !!spreadable : isArray$2(O);
	};

	var FORCED$6 = !IS_CONCAT_SPREADABLE_SUPPORT || !arrayMethodHasSpeciesSupport$2('concat');

	// `Array.prototype.concat` method
	// https://tc39.es/ecma262/#sec-array.prototype.concat
	// with adding support of @@isConcatSpreadable and @@species
	$$I({ target: 'Array', proto: true, arity: 1, forced: FORCED$6 }, {
	  // eslint-disable-next-line no-unused-vars -- required for `.length`
	  concat: function concat(arg) {
	    var O = toObject$5(this);
	    var A = arraySpeciesCreate$1(O, 0);
	    var n = 0;
	    var i, k, length, len, E;
	    for (i = -1, length = arguments.length; i < length; i++) {
	      E = i === -1 ? O : arguments[i];
	      if (isConcatSpreadable(E)) {
	        len = lengthOfArrayLike$6(E);
	        doesNotExceedSafeInteger$1(n + len);
	        for (k = 0; k < len; k++, n++) if (k in E) createProperty$3(A, n, E[k]);
	      } else {
	        doesNotExceedSafeInteger$1(n + 1);
	        createProperty$3(A, n++, E);
	      }
	    }
	    A.length = n;
	    return A;
	  }
	});

	var call$f = functionCall;
	var anObject$b = anObject$l;
	var getMethod$3 = getMethod$5;

	var iteratorClose$2 = function (iterator, kind, value) {
	  var innerResult, innerError;
	  anObject$b(iterator);
	  try {
	    innerResult = getMethod$3(iterator, 'return');
	    if (!innerResult) {
	      if (kind === 'throw') throw value;
	      return value;
	    }
	    innerResult = call$f(innerResult, iterator);
	  } catch (error) {
	    innerError = true;
	    innerResult = error;
	  }
	  if (kind === 'throw') throw value;
	  if (innerError) throw innerResult;
	  anObject$b(innerResult);
	  return value;
	};

	var anObject$a = anObject$l;
	var iteratorClose$1 = iteratorClose$2;

	// call something on iterator step with safe closing on error
	var callWithSafeIterationClosing$1 = function (iterator, fn, value, ENTRIES) {
	  try {
	    return ENTRIES ? fn(anObject$a(value)[0], value[1]) : fn(value);
	  } catch (error) {
	    iteratorClose$1(iterator, 'throw', error);
	  }
	};

	var iterators = {};

	var wellKnownSymbol$g = wellKnownSymbol$o;
	var Iterators$4 = iterators;

	var ITERATOR$8 = wellKnownSymbol$g('iterator');
	var ArrayPrototype$1 = Array.prototype;

	// check on default Array iterator
	var isArrayIteratorMethod$2 = function (it) {
	  return it !== undefined && (Iterators$4.Array === it || ArrayPrototype$1[ITERATOR$8] === it);
	};

	var classof$7 = classof$b;
	var getMethod$2 = getMethod$5;
	var isNullOrUndefined$6 = isNullOrUndefined$9;
	var Iterators$3 = iterators;
	var wellKnownSymbol$f = wellKnownSymbol$o;

	var ITERATOR$7 = wellKnownSymbol$f('iterator');

	var getIteratorMethod$4 = function (it) {
	  if (!isNullOrUndefined$6(it)) return getMethod$2(it, ITERATOR$7)
	    || getMethod$2(it, '@@iterator')
	    || Iterators$3[classof$7(it)];
	};

	var call$e = functionCall;
	var aCallable$5 = aCallable$a;
	var anObject$9 = anObject$l;
	var tryToString$3 = tryToString$5;
	var getIteratorMethod$3 = getIteratorMethod$4;

	var $TypeError$8 = TypeError;

	var getIterator$3 = function (argument, usingIterator) {
	  var iteratorMethod = arguments.length < 2 ? getIteratorMethod$3(argument) : usingIterator;
	  if (aCallable$5(iteratorMethod)) return anObject$9(call$e(iteratorMethod, argument));
	  throw $TypeError$8(tryToString$3(argument) + ' is not iterable');
	};

	var bind$7 = functionBindContext;
	var call$d = functionCall;
	var toObject$4 = toObject$b;
	var callWithSafeIterationClosing = callWithSafeIterationClosing$1;
	var isArrayIteratorMethod$1 = isArrayIteratorMethod$2;
	var isConstructor$1 = isConstructor$4;
	var lengthOfArrayLike$5 = lengthOfArrayLike$b;
	var createProperty$2 = createProperty$5;
	var getIterator$2 = getIterator$3;
	var getIteratorMethod$2 = getIteratorMethod$4;

	var $Array$1 = Array;

	// `Array.from` method implementation
	// https://tc39.es/ecma262/#sec-array.from
	var arrayFrom$1 = function from(arrayLike /* , mapfn = undefined, thisArg = undefined */) {
	  var O = toObject$4(arrayLike);
	  var IS_CONSTRUCTOR = isConstructor$1(this);
	  var argumentsLength = arguments.length;
	  var mapfn = argumentsLength > 1 ? arguments[1] : undefined;
	  var mapping = mapfn !== undefined;
	  if (mapping) mapfn = bind$7(mapfn, argumentsLength > 2 ? arguments[2] : undefined);
	  var iteratorMethod = getIteratorMethod$2(O);
	  var index = 0;
	  var length, result, step, iterator, next, value;
	  // if the target is not iterable or it's an array with the default iterator - use a simple case
	  if (iteratorMethod && !(this === $Array$1 && isArrayIteratorMethod$1(iteratorMethod))) {
	    iterator = getIterator$2(O, iteratorMethod);
	    next = iterator.next;
	    result = IS_CONSTRUCTOR ? new this() : [];
	    for (;!(step = call$d(next, iterator)).done; index++) {
	      value = mapping ? callWithSafeIterationClosing(iterator, mapfn, [step.value, index], true) : step.value;
	      createProperty$2(result, index, value);
	    }
	  } else {
	    length = lengthOfArrayLike$5(O);
	    result = IS_CONSTRUCTOR ? new this(length) : $Array$1(length);
	    for (;length > index; index++) {
	      value = mapping ? mapfn(O[index], index) : O[index];
	      createProperty$2(result, index, value);
	    }
	  }
	  result.length = index;
	  return result;
	};

	var wellKnownSymbol$e = wellKnownSymbol$o;

	var ITERATOR$6 = wellKnownSymbol$e('iterator');
	var SAFE_CLOSING = false;

	try {
	  var called = 0;
	  var iteratorWithReturn = {
	    next: function () {
	      return { done: !!called++ };
	    },
	    'return': function () {
	      SAFE_CLOSING = true;
	    }
	  };
	  iteratorWithReturn[ITERATOR$6] = function () {
	    return this;
	  };
	  // eslint-disable-next-line es/no-array-from, no-throw-literal -- required for testing
	  Array.from(iteratorWithReturn, function () { throw 2; });
	} catch (error) { /* empty */ }

	var checkCorrectnessOfIteration$3 = function (exec, SKIP_CLOSING) {
	  if (!SKIP_CLOSING && !SAFE_CLOSING) return false;
	  var ITERATION_SUPPORT = false;
	  try {
	    var object = {};
	    object[ITERATOR$6] = function () {
	      return {
	        next: function () {
	          return { done: ITERATION_SUPPORT = true };
	        }
	      };
	    };
	    exec(object);
	  } catch (error) { /* empty */ }
	  return ITERATION_SUPPORT;
	};

	var $$H = _export;
	var from = arrayFrom$1;
	var checkCorrectnessOfIteration$2 = checkCorrectnessOfIteration$3;

	var INCORRECT_ITERATION = !checkCorrectnessOfIteration$2(function (iterable) {
	  // eslint-disable-next-line es/no-array-from -- required for testing
	  Array.from(iterable);
	});

	// `Array.from` method
	// https://tc39.es/ecma262/#sec-array.from
	$$H({ target: 'Array', stat: true, forced: INCORRECT_ITERATION }, {
	  from: from
	});

	var uncurryThis$q = functionUncurryThis;
	var toIntegerOrInfinity$4 = toIntegerOrInfinity$7;
	var toString$c = toString$i;
	var requireObjectCoercible$7 = requireObjectCoercible$b;

	var charAt$8 = uncurryThis$q(''.charAt);
	var charCodeAt$2 = uncurryThis$q(''.charCodeAt);
	var stringSlice$6 = uncurryThis$q(''.slice);

	var createMethod$2 = function (CONVERT_TO_STRING) {
	  return function ($this, pos) {
	    var S = toString$c(requireObjectCoercible$7($this));
	    var position = toIntegerOrInfinity$4(pos);
	    var size = S.length;
	    var first, second;
	    if (position < 0 || position >= size) return CONVERT_TO_STRING ? '' : undefined;
	    first = charCodeAt$2(S, position);
	    return first < 0xD800 || first > 0xDBFF || position + 1 === size
	      || (second = charCodeAt$2(S, position + 1)) < 0xDC00 || second > 0xDFFF
	        ? CONVERT_TO_STRING
	          ? charAt$8(S, position)
	          : first
	        : CONVERT_TO_STRING
	          ? stringSlice$6(S, position, position + 2)
	          : (first - 0xD800 << 10) + (second - 0xDC00) + 0x10000;
	  };
	};

	var stringMultibyte = {
	  // `String.prototype.codePointAt` method
	  // https://tc39.es/ecma262/#sec-string.prototype.codepointat
	  codeAt: createMethod$2(false),
	  // `String.prototype.at` method
	  // https://github.com/mathiasbynens/String.prototype.at
	  charAt: createMethod$2(true)
	};

	var fails$l = fails$I;

	var correctPrototypeGetter = !fails$l(function () {
	  function F() { /* empty */ }
	  F.prototype.constructor = null;
	  // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
	  return Object.getPrototypeOf(new F()) !== F.prototype;
	});

	var hasOwn$b = hasOwnProperty_1;
	var isCallable$e = isCallable$u;
	var toObject$3 = toObject$b;
	var sharedKey = sharedKey$3;
	var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;

	var IE_PROTO = sharedKey('IE_PROTO');
	var $Object$1 = Object;
	var ObjectPrototype = $Object$1.prototype;

	// `Object.getPrototypeOf` method
	// https://tc39.es/ecma262/#sec-object.getprototypeof
	// eslint-disable-next-line es/no-object-getprototypeof -- safe
	var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf : function (O) {
	  var object = toObject$3(O);
	  if (hasOwn$b(object, IE_PROTO)) return object[IE_PROTO];
	  var constructor = object.constructor;
	  if (isCallable$e(constructor) && object instanceof constructor) {
	    return constructor.prototype;
	  } return object instanceof $Object$1 ? ObjectPrototype : null;
	};

	var fails$k = fails$I;
	var isCallable$d = isCallable$u;
	var isObject$a = isObject$l;
	var getPrototypeOf$1 = objectGetPrototypeOf;
	var defineBuiltIn$a = defineBuiltIn$g;
	var wellKnownSymbol$d = wellKnownSymbol$o;

	var ITERATOR$5 = wellKnownSymbol$d('iterator');
	var BUGGY_SAFARI_ITERATORS$1 = false;

	// `%IteratorPrototype%` object
	// https://tc39.es/ecma262/#sec-%iteratorprototype%-object
	var IteratorPrototype$2, PrototypeOfArrayIteratorPrototype, arrayIterator;

	/* eslint-disable es/no-array-prototype-keys -- safe */
	if ([].keys) {
	  arrayIterator = [].keys();
	  // Safari 8 has buggy iterators w/o `next`
	  if (!('next' in arrayIterator)) BUGGY_SAFARI_ITERATORS$1 = true;
	  else {
	    PrototypeOfArrayIteratorPrototype = getPrototypeOf$1(getPrototypeOf$1(arrayIterator));
	    if (PrototypeOfArrayIteratorPrototype !== Object.prototype) IteratorPrototype$2 = PrototypeOfArrayIteratorPrototype;
	  }
	}

	var NEW_ITERATOR_PROTOTYPE = !isObject$a(IteratorPrototype$2) || fails$k(function () {
	  var test = {};
	  // FF44- legacy iterators case
	  return IteratorPrototype$2[ITERATOR$5].call(test) !== test;
	});

	if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$2 = {};

	// `%IteratorPrototype%[@@iterator]()` method
	// https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
	if (!isCallable$d(IteratorPrototype$2[ITERATOR$5])) {
	  defineBuiltIn$a(IteratorPrototype$2, ITERATOR$5, function () {
	    return this;
	  });
	}

	var iteratorsCore = {
	  IteratorPrototype: IteratorPrototype$2,
	  BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS$1
	};

	var defineProperty$8 = objectDefineProperty.f;
	var hasOwn$a = hasOwnProperty_1;
	var wellKnownSymbol$c = wellKnownSymbol$o;

	var TO_STRING_TAG$1 = wellKnownSymbol$c('toStringTag');

	var setToStringTag$7 = function (target, TAG, STATIC) {
	  if (target && !STATIC) target = target.prototype;
	  if (target && !hasOwn$a(target, TO_STRING_TAG$1)) {
	    defineProperty$8(target, TO_STRING_TAG$1, { configurable: true, value: TAG });
	  }
	};

	var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;
	var create$5 = objectCreate;
	var createPropertyDescriptor$4 = createPropertyDescriptor$8;
	var setToStringTag$6 = setToStringTag$7;
	var Iterators$2 = iterators;

	var returnThis$1 = function () { return this; };

	var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUMERABLE_NEXT) {
	  var TO_STRING_TAG = NAME + ' Iterator';
	  IteratorConstructor.prototype = create$5(IteratorPrototype$1, { next: createPropertyDescriptor$4(+!ENUMERABLE_NEXT, next) });
	  setToStringTag$6(IteratorConstructor, TO_STRING_TAG, false);
	  Iterators$2[TO_STRING_TAG] = returnThis$1;
	  return IteratorConstructor;
	};

	var $$G = _export;
	var call$c = functionCall;
	var FunctionName = functionName;
	var isCallable$c = isCallable$u;
	var createIteratorConstructor$1 = iteratorCreateConstructor;
	var getPrototypeOf = objectGetPrototypeOf;
	var setPrototypeOf$2 = objectSetPrototypeOf;
	var setToStringTag$5 = setToStringTag$7;
	var createNonEnumerableProperty$5 = createNonEnumerableProperty$9;
	var defineBuiltIn$9 = defineBuiltIn$g;
	var wellKnownSymbol$b = wellKnownSymbol$o;
	var Iterators$1 = iterators;
	var IteratorsCore = iteratorsCore;

	var PROPER_FUNCTION_NAME$1 = FunctionName.PROPER;
	var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
	var IteratorPrototype = IteratorsCore.IteratorPrototype;
	var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
	var ITERATOR$4 = wellKnownSymbol$b('iterator');
	var KEYS$1 = 'keys';
	var VALUES = 'values';
	var ENTRIES = 'entries';

	var returnThis = function () { return this; };

	var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, IS_SET, FORCED) {
	  createIteratorConstructor$1(IteratorConstructor, NAME, next);

	  var getIterationMethod = function (KIND) {
	    if (KIND === DEFAULT && defaultIterator) return defaultIterator;
	    if (!BUGGY_SAFARI_ITERATORS && KIND in IterablePrototype) return IterablePrototype[KIND];
	    switch (KIND) {
	      case KEYS$1: return function keys() { return new IteratorConstructor(this, KIND); };
	      case VALUES: return function values() { return new IteratorConstructor(this, KIND); };
	      case ENTRIES: return function entries() { return new IteratorConstructor(this, KIND); };
	    } return function () { return new IteratorConstructor(this); };
	  };

	  var TO_STRING_TAG = NAME + ' Iterator';
	  var INCORRECT_VALUES_NAME = false;
	  var IterablePrototype = Iterable.prototype;
	  var nativeIterator = IterablePrototype[ITERATOR$4]
	    || IterablePrototype['@@iterator']
	    || DEFAULT && IterablePrototype[DEFAULT];
	  var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);
	  var anyNativeIterator = NAME == 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;
	  var CurrentIteratorPrototype, methods, KEY;

	  // fix native
	  if (anyNativeIterator) {
	    CurrentIteratorPrototype = getPrototypeOf(anyNativeIterator.call(new Iterable()));
	    if (CurrentIteratorPrototype !== Object.prototype && CurrentIteratorPrototype.next) {
	      if (getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
	        if (setPrototypeOf$2) {
	          setPrototypeOf$2(CurrentIteratorPrototype, IteratorPrototype);
	        } else if (!isCallable$c(CurrentIteratorPrototype[ITERATOR$4])) {
	          defineBuiltIn$9(CurrentIteratorPrototype, ITERATOR$4, returnThis);
	        }
	      }
	      // Set @@toStringTag to native iterators
	      setToStringTag$5(CurrentIteratorPrototype, TO_STRING_TAG, true);
	    }
	  }

	  // fix Array.prototype.{ values, @@iterator }.name in V8 / FF
	  if (PROPER_FUNCTION_NAME$1 && DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {
	    if (CONFIGURABLE_FUNCTION_NAME) {
	      createNonEnumerableProperty$5(IterablePrototype, 'name', VALUES);
	    } else {
	      INCORRECT_VALUES_NAME = true;
	      defaultIterator = function values() { return call$c(nativeIterator, this); };
	    }
	  }

	  // export additional methods
	  if (DEFAULT) {
	    methods = {
	      values: getIterationMethod(VALUES),
	      keys: IS_SET ? defaultIterator : getIterationMethod(KEYS$1),
	      entries: getIterationMethod(ENTRIES)
	    };
	    if (FORCED) for (KEY in methods) {
	      if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
	        defineBuiltIn$9(IterablePrototype, KEY, methods[KEY]);
	      }
	    } else $$G({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
	  }

	  // define iterator
	  if (IterablePrototype[ITERATOR$4] !== defaultIterator) {
	    defineBuiltIn$9(IterablePrototype, ITERATOR$4, defaultIterator, { name: DEFAULT });
	  }
	  Iterators$1[NAME] = defaultIterator;

	  return methods;
	};

	// `CreateIterResultObject` abstract operation
	// https://tc39.es/ecma262/#sec-createiterresultobject
	var createIterResultObject$3 = function (value, done) {
	  return { value: value, done: done };
	};

	var charAt$7 = stringMultibyte.charAt;
	var toString$b = toString$i;
	var InternalStateModule$7 = internalState;
	var defineIterator$2 = iteratorDefine;
	var createIterResultObject$2 = createIterResultObject$3;

	var STRING_ITERATOR = 'String Iterator';
	var setInternalState$7 = InternalStateModule$7.set;
	var getInternalState$2 = InternalStateModule$7.getterFor(STRING_ITERATOR);

	// `String.prototype[@@iterator]` method
	// https://tc39.es/ecma262/#sec-string.prototype-@@iterator
	defineIterator$2(String, 'String', function (iterated) {
	  setInternalState$7(this, {
	    type: STRING_ITERATOR,
	    string: toString$b(iterated),
	    index: 0
	  });
	// `%StringIteratorPrototype%.next` method
	// https://tc39.es/ecma262/#sec-%stringiteratorprototype%.next
	}, function next() {
	  var state = getInternalState$2(this);
	  var string = state.string;
	  var index = state.index;
	  var point;
	  if (index >= string.length) return createIterResultObject$2(undefined, true);
	  point = charAt$7(string, index);
	  state.index += point.length;
	  return createIterResultObject$2(point, false);
	});

	var $$F = _export;
	var uncurryThis$p = functionUncurryThis;
	var IndexedObject = indexedObject;
	var toIndexedObject$4 = toIndexedObject$a;
	var arrayMethodIsStrict$5 = arrayMethodIsStrict$7;

	var nativeJoin = uncurryThis$p([].join);

	var ES3_STRINGS = IndexedObject != Object;
	var FORCED$5 = ES3_STRINGS || !arrayMethodIsStrict$5('join', ',');

	// `Array.prototype.join` method
	// https://tc39.es/ecma262/#sec-array.prototype.join
	$$F({ target: 'Array', proto: true, forced: FORCED$5 }, {
	  join: function join(separator) {
	    return nativeJoin(toIndexedObject$4(this), separator === undefined ? ',' : separator);
	  }
	});

	var wellKnownSymbol$a = wellKnownSymbol$o;
	var create$4 = objectCreate;
	var defineProperty$7 = objectDefineProperty.f;

	var UNSCOPABLES = wellKnownSymbol$a('unscopables');
	var ArrayPrototype = Array.prototype;

	// Array.prototype[@@unscopables]
	// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
	if (ArrayPrototype[UNSCOPABLES] == undefined) {
	  defineProperty$7(ArrayPrototype, UNSCOPABLES, {
	    configurable: true,
	    value: create$4(null)
	  });
	}

	// add a key to Array.prototype[@@unscopables]
	var addToUnscopables$4 = function (key) {
	  ArrayPrototype[UNSCOPABLES][key] = true;
	};

	var $$E = _export;
	var $includes = arrayIncludes.includes;
	var fails$j = fails$I;
	var addToUnscopables$3 = addToUnscopables$4;

	// FF99+ bug
	var BROKEN_ON_SPARSE = fails$j(function () {
	  // eslint-disable-next-line es/no-array-prototype-includes -- detection
	  return !Array(1).includes();
	});

	// `Array.prototype.includes` method
	// https://tc39.es/ecma262/#sec-array.prototype.includes
	$$E({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
	  includes: function includes(el /* , fromIndex = 0 */) {
	    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
	  }
	});

	// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
	addToUnscopables$3('includes');

	var isObject$9 = isObject$l;
	var classof$6 = classofRaw$2;
	var wellKnownSymbol$9 = wellKnownSymbol$o;

	var MATCH$1 = wellKnownSymbol$9('match');

	// `IsRegExp` abstract operation
	// https://tc39.es/ecma262/#sec-isregexp
	var isRegexp = function (it) {
	  var isRegExp;
	  return isObject$9(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof$6(it) == 'RegExp');
	};

	var isRegExp = isRegexp;

	var $TypeError$7 = TypeError;

	var notARegexp = function (it) {
	  if (isRegExp(it)) {
	    throw $TypeError$7("The method doesn't accept regular expressions");
	  } return it;
	};

	var wellKnownSymbol$8 = wellKnownSymbol$o;

	var MATCH = wellKnownSymbol$8('match');

	var correctIsRegexpLogic = function (METHOD_NAME) {
	  var regexp = /./;
	  try {
	    '/./'[METHOD_NAME](regexp);
	  } catch (error1) {
	    try {
	      regexp[MATCH] = false;
	      return '/./'[METHOD_NAME](regexp);
	    } catch (error2) { /* empty */ }
	  } return false;
	};

	var $$D = _export;
	var uncurryThis$o = functionUncurryThis;
	var notARegExp$1 = notARegexp;
	var requireObjectCoercible$6 = requireObjectCoercible$b;
	var toString$a = toString$i;
	var correctIsRegExpLogic$1 = correctIsRegexpLogic;

	var stringIndexOf$1 = uncurryThis$o(''.indexOf);

	// `String.prototype.includes` method
	// https://tc39.es/ecma262/#sec-string.prototype.includes
	$$D({ target: 'String', proto: true, forced: !correctIsRegExpLogic$1('includes') }, {
	  includes: function includes(searchString /* , position = 0 */) {
	    return !!~stringIndexOf$1(
	      toString$a(requireObjectCoercible$6(this)),
	      toString$a(notARegExp$1(searchString)),
	      arguments.length > 1 ? arguments[1] : undefined
	    );
	  }
	});

	var toIndexedObject$3 = toIndexedObject$a;
	var addToUnscopables$2 = addToUnscopables$4;
	var Iterators = iterators;
	var InternalStateModule$6 = internalState;
	var defineProperty$6 = objectDefineProperty.f;
	var defineIterator$1 = iteratorDefine;
	var createIterResultObject$1 = createIterResultObject$3;
	var DESCRIPTORS$c = descriptors;

	var ARRAY_ITERATOR = 'Array Iterator';
	var setInternalState$6 = InternalStateModule$6.set;
	var getInternalState$1 = InternalStateModule$6.getterFor(ARRAY_ITERATOR);

	// `Array.prototype.entries` method
	// https://tc39.es/ecma262/#sec-array.prototype.entries
	// `Array.prototype.keys` method
	// https://tc39.es/ecma262/#sec-array.prototype.keys
	// `Array.prototype.values` method
	// https://tc39.es/ecma262/#sec-array.prototype.values
	// `Array.prototype[@@iterator]` method
	// https://tc39.es/ecma262/#sec-array.prototype-@@iterator
	// `CreateArrayIterator` internal method
	// https://tc39.es/ecma262/#sec-createarrayiterator
	var es_array_iterator = defineIterator$1(Array, 'Array', function (iterated, kind) {
	  setInternalState$6(this, {
	    type: ARRAY_ITERATOR,
	    target: toIndexedObject$3(iterated), // target
	    index: 0,                          // next index
	    kind: kind                         // kind
	  });
	// `%ArrayIteratorPrototype%.next` method
	// https://tc39.es/ecma262/#sec-%arrayiteratorprototype%.next
	}, function () {
	  var state = getInternalState$1(this);
	  var target = state.target;
	  var kind = state.kind;
	  var index = state.index++;
	  if (!target || index >= target.length) {
	    state.target = undefined;
	    return createIterResultObject$1(undefined, true);
	  }
	  if (kind == 'keys') return createIterResultObject$1(index, false);
	  if (kind == 'values') return createIterResultObject$1(target[index], false);
	  return createIterResultObject$1([index, target[index]], false);
	}, 'values');

	// argumentsList[@@iterator] is %ArrayProto_values%
	// https://tc39.es/ecma262/#sec-createunmappedargumentsobject
	// https://tc39.es/ecma262/#sec-createmappedargumentsobject
	var values = Iterators.Arguments = Iterators.Array;

	// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
	addToUnscopables$2('keys');
	addToUnscopables$2('values');
	addToUnscopables$2('entries');

	// V8 ~ Chrome 45- bug
	if (DESCRIPTORS$c && values.name !== 'values') try {
	  defineProperty$6(values, 'name', { value: 'values' });
	} catch (error) { /* empty */ }

	var global$h = global$y;
	var DOMIterables = domIterables;
	var DOMTokenListPrototype = domTokenListPrototype;
	var ArrayIteratorMethods = es_array_iterator;
	var createNonEnumerableProperty$4 = createNonEnumerableProperty$9;
	var wellKnownSymbol$7 = wellKnownSymbol$o;

	var ITERATOR$3 = wellKnownSymbol$7('iterator');
	var TO_STRING_TAG = wellKnownSymbol$7('toStringTag');
	var ArrayValues = ArrayIteratorMethods.values;

	var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
	  if (CollectionPrototype) {
	    // some Chrome versions have non-configurable methods on DOMTokenList
	    if (CollectionPrototype[ITERATOR$3] !== ArrayValues) try {
	      createNonEnumerableProperty$4(CollectionPrototype, ITERATOR$3, ArrayValues);
	    } catch (error) {
	      CollectionPrototype[ITERATOR$3] = ArrayValues;
	    }
	    if (!CollectionPrototype[TO_STRING_TAG]) {
	      createNonEnumerableProperty$4(CollectionPrototype, TO_STRING_TAG, COLLECTION_NAME);
	    }
	    if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {
	      // some Chrome versions have non-configurable methods on DOMTokenList
	      if (CollectionPrototype[METHOD_NAME] !== ArrayIteratorMethods[METHOD_NAME]) try {
	        createNonEnumerableProperty$4(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);
	      } catch (error) {
	        CollectionPrototype[METHOD_NAME] = ArrayIteratorMethods[METHOD_NAME];
	      }
	    }
	  }
	};

	for (var COLLECTION_NAME in DOMIterables) {
	  handlePrototype(global$h[COLLECTION_NAME] && global$h[COLLECTION_NAME].prototype, COLLECTION_NAME);
	}

	handlePrototype(DOMTokenListPrototype, 'DOMTokenList');

	var PROPER_FUNCTION_NAME = functionName.PROPER;
	var fails$i = fails$I;
	var whitespaces$2 = whitespaces$5;

	var non = '\u200B\u0085\u180E';

	// check that a method works with the correct list
	// of whitespaces and has a correct name
	var stringTrimForced = function (METHOD_NAME) {
	  return fails$i(function () {
	    return !!whitespaces$2[METHOD_NAME]()
	      || non[METHOD_NAME]() !== non
	      || (PROPER_FUNCTION_NAME && whitespaces$2[METHOD_NAME].name !== METHOD_NAME);
	  });
	};

	var $$C = _export;
	var $trim = stringTrim.trim;
	var forcedStringTrimMethod = stringTrimForced;

	// `String.prototype.trim` method
	// https://tc39.es/ecma262/#sec-string.prototype.trim
	$$C({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
	  trim: function trim() {
	    return $trim(this);
	  }
	});

	var selectors = ['input:not([disabled])', 'select:not([disabled])', 'textarea:not([disabled])', 'a[href]', 'button:not([disabled])', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])'];
	var tabSelectors = [].concat(selectors, ['[tabindex]:not([tabindex^="-"]):not([disabled])']);
	var focusSelectors = [].concat(selectors, ['[tabindex]:not([disabled])']);
	var HelpersUtil = {
	  /**
	   * Returns array of tabbable elements
	   * @param {HTMLElement} node container to search, default is document
	   * @returns {Array} returns elements that can be tabbed to using the keyboard
	   */
	  getTabbableElements: function getTabbableElements(node) {
	    if (node === void 0) {
	      node = document;
	    }
	    return Array.from(node.querySelectorAll(tabSelectors.join(', ')));
	  },
	  /**
	   * Checks if a node is a tabbable element
	   * @param {HTMLElement} node the node to compare
	   * @returns {boolean} returns true or false depending on whether the node is considered tabbable or not
	   */
	  isElementTabbable: function isElementTabbable(node) {
	    return node.matches(tabSelectors.join(', '));
	  },
	  getUid: function getUid() {
	    // Convert random number to base 36 (numbers + letters),
	    // and grab the first 9 characters after the decimal.
	    return Math.random().toString(36).slice(2, 9);
	  },
	  /**
	   * Returns array of focusable elements
	   * @param {HTMLElement} node container to search, default is document
	   * @returns {Array} returns elements that can receive focus
	   */
	  getFocusableElements: function getFocusableElements(node) {
	    if (node === void 0) {
	      node = document;
	    }
	    return Array.from(node.querySelectorAll(focusSelectors.join(', ')));
	  },
	  /**
	   * Returns outer height of element, includes element offsetHeight
	   * @param {HTMLElement}       node container to search
	   * @param {object}     options
	   * @param {string[]}   options.cssSelectors array of css properties
	   * @example
	   *   const options = { cssSelectors: ['margin', 'padding'] };
	   *   const options = { cssSelectors: ['marginTop'] };
	   * @returns {number}   returns height value
	   */
	  getElementOuterHeight: function getElementOuterHeight(node, options) {
	    if (options === void 0) {
	      options = null;
	    }
	    var computedNodeStyles = getComputedStyle(node);
	    if (!options) {
	      return computedNodeStyles.offsetHeight;
	    }
	    var outerHeight = node.offsetHeight;
	    options.cssSelectors.forEach(function (selector) {
	      // if no values are specified, calculate spacing for the top and bottom
	      if (!selector.toLowerCase().includes('top') && !selector.toLowerCase().includes('bottom')) {
	        outerHeight += parseInt(computedNodeStyles[selector + 'Top'], 10) + parseInt(computedNodeStyles[selector + 'Bottom'], 10);
	      } else if (selector.values.length > 0) {
	        outerHeight += parseInt(computedNodeStyles[selector], 10);
	      }
	    });
	    return outerHeight;
	  },
	  /**
	   * Returns outer width of element, includes element offsetWidth
	   * @param {HTMLElement}       node container to search
	   * @param {object}     options
	   * @param {string[]}   options.cssSelectors array of css properties
	   * @example
	   *   const options = { cssSelectors: ['margin', 'padding'] };
	   *   const options = { cssSelectors: ['marginLeft'] };
	   * @returns {number}   returns width value
	   */
	  getElementOuterWidth: function getElementOuterWidth(node, options) {
	    if (options === void 0) {
	      options = null;
	    }
	    var computedNodeStyles = getComputedStyle(node);
	    if (!options) {
	      return computedNodeStyles.offsetWidth;
	    }
	    var outerWidth = node.offsetWidth;
	    options.cssSelectors.forEach(function (selector) {
	      // if no values are specifed, calculate spacing for the left and right
	      if (!selector.toLowerCase().includes('left') && !selector.toLowerCase().includes('right')) {
	        outerWidth += parseInt(computedNodeStyles[selector + 'Left'], 10) + parseInt(computedNodeStyles[selector + 'Right'], 10);
	      } else if (selector.values.length > 0) {
	        outerWidth += parseInt(computedNodeStyles[selector], 10);
	      }
	    });
	    return outerWidth;
	  },
	  /**
	   * Returns the value of the data-target attribute or null
	   * @param {HTMLElement} element element with the data-target attribute
	   * @returns {HTMLElement} returns the value of the data-target attribute or null
	   */
	  getSelectorFromElement: function getSelectorFromElement(element) {
	    try {
	      var selector = element.getAttribute('data-target');
	      if (!selector || selector === '#') {
	        var hrefAttr = element.getAttribute('href');
	        selector = hrefAttr && hrefAttr !== '#' ? hrefAttr.trim() : '';
	      }
	      return selector;
	    } catch (_unused) {
	      return null;
	    }
	  },
	  /**
	   * Gets the offset height of the element
	   * @param {HTMLElement} element the element
	   * @returns {number} returns the offset height
	   */
	  reflow: function reflow(element) {
	    return element.offsetHeight;
	  },
	  /**
	   * Gets the full height of the document
	   * May be a little dated but this seems to be an established approach
	   * https://javascript.info/size-and-scroll-window#width-height-of-the-document
	   * @returns {number} the full height of the document
	   */
	  getDocumentHeight: function getDocumentHeight() {
	    return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight);
	  }
	};

	// TODO: Remove from `core-js@4` since it's moved to entry points

	var uncurryThis$n = functionUncurryThisClause;
	var defineBuiltIn$8 = defineBuiltIn$g;
	var regexpExec$1 = regexpExec$2;
	var fails$h = fails$I;
	var wellKnownSymbol$6 = wellKnownSymbol$o;
	var createNonEnumerableProperty$3 = createNonEnumerableProperty$9;

	var SPECIES$3 = wellKnownSymbol$6('species');
	var RegExpPrototype = RegExp.prototype;

	var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
	  var SYMBOL = wellKnownSymbol$6(KEY);

	  var DELEGATES_TO_SYMBOL = !fails$h(function () {
	    // String methods call symbol-named RegEp methods
	    var O = {};
	    O[SYMBOL] = function () { return 7; };
	    return ''[KEY](O) != 7;
	  });

	  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$h(function () {
	    // Symbol-named RegExp methods call .exec
	    var execCalled = false;
	    var re = /a/;

	    if (KEY === 'split') {
	      // We can't use real regex here since it causes deoptimization
	      // and serious performance degradation in V8
	      // https://github.com/zloirock/core-js/issues/306
	      re = {};
	      // RegExp[@@split] doesn't call the regex's exec method, but first creates
	      // a new one. We need to return the patched regex when creating the new one.
	      re.constructor = {};
	      re.constructor[SPECIES$3] = function () { return re; };
	      re.flags = '';
	      re[SYMBOL] = /./[SYMBOL];
	    }

	    re.exec = function () { execCalled = true; return null; };

	    re[SYMBOL]('');
	    return !execCalled;
	  });

	  if (
	    !DELEGATES_TO_SYMBOL ||
	    !DELEGATES_TO_EXEC ||
	    FORCED
	  ) {
	    var uncurriedNativeRegExpMethod = uncurryThis$n(/./[SYMBOL]);
	    var methods = exec(SYMBOL, ''[KEY], function (nativeMethod, regexp, str, arg2, forceStringMethod) {
	      var uncurriedNativeMethod = uncurryThis$n(nativeMethod);
	      var $exec = regexp.exec;
	      if ($exec === regexpExec$1 || $exec === RegExpPrototype.exec) {
	        if (DELEGATES_TO_SYMBOL && !forceStringMethod) {
	          // The native String method already delegates to @@method (this
	          // polyfilled function), leasing to infinite recursion.
	          // We avoid it by directly calling the native @@method method.
	          return { done: true, value: uncurriedNativeRegExpMethod(regexp, str, arg2) };
	        }
	        return { done: true, value: uncurriedNativeMethod(str, regexp, arg2) };
	      }
	      return { done: false };
	    });

	    defineBuiltIn$8(String.prototype, KEY, methods[0]);
	    defineBuiltIn$8(RegExpPrototype, SYMBOL, methods[1]);
	  }

	  if (SHAM) createNonEnumerableProperty$3(RegExpPrototype[SYMBOL], 'sham', true);
	};

	var charAt$6 = stringMultibyte.charAt;

	// `AdvanceStringIndex` abstract operation
	// https://tc39.es/ecma262/#sec-advancestringindex
	var advanceStringIndex$2 = function (S, index, unicode) {
	  return index + (unicode ? charAt$6(S, index).length : 1);
	};

	var call$b = functionCall;
	var anObject$8 = anObject$l;
	var isCallable$b = isCallable$u;
	var classof$5 = classofRaw$2;
	var regexpExec = regexpExec$2;

	var $TypeError$6 = TypeError;

	// `RegExpExec` abstract operation
	// https://tc39.es/ecma262/#sec-regexpexec
	var regexpExecAbstract = function (R, S) {
	  var exec = R.exec;
	  if (isCallable$b(exec)) {
	    var result = call$b(exec, R, S);
	    if (result !== null) anObject$8(result);
	    return result;
	  }
	  if (classof$5(R) === 'RegExp') return call$b(regexpExec, R, S);
	  throw $TypeError$6('RegExp#exec called on incompatible receiver');
	};

	var call$a = functionCall;
	var fixRegExpWellKnownSymbolLogic$1 = fixRegexpWellKnownSymbolLogic;
	var anObject$7 = anObject$l;
	var isNullOrUndefined$5 = isNullOrUndefined$9;
	var toLength$3 = toLength$5;
	var toString$9 = toString$i;
	var requireObjectCoercible$5 = requireObjectCoercible$b;
	var getMethod$1 = getMethod$5;
	var advanceStringIndex$1 = advanceStringIndex$2;
	var regExpExec$2 = regexpExecAbstract;

	// @@match logic
	fixRegExpWellKnownSymbolLogic$1('match', function (MATCH, nativeMatch, maybeCallNative) {
	  return [
	    // `String.prototype.match` method
	    // https://tc39.es/ecma262/#sec-string.prototype.match
	    function match(regexp) {
	      var O = requireObjectCoercible$5(this);
	      var matcher = isNullOrUndefined$5(regexp) ? undefined : getMethod$1(regexp, MATCH);
	      return matcher ? call$a(matcher, regexp, O) : new RegExp(regexp)[MATCH](toString$9(O));
	    },
	    // `RegExp.prototype[@@match]` method
	    // https://tc39.es/ecma262/#sec-regexp.prototype-@@match
	    function (string) {
	      var rx = anObject$7(this);
	      var S = toString$9(string);
	      var res = maybeCallNative(nativeMatch, rx, S);

	      if (res.done) return res.value;

	      if (!rx.global) return regExpExec$2(rx, S);

	      var fullUnicode = rx.unicode;
	      rx.lastIndex = 0;
	      var A = [];
	      var n = 0;
	      var result;
	      while ((result = regExpExec$2(rx, S)) !== null) {
	        var matchStr = toString$9(result[0]);
	        A[n] = matchStr;
	        if (matchStr === '') rx.lastIndex = advanceStringIndex$1(S, toLength$3(rx.lastIndex), fullUnicode);
	        n++;
	      }
	      return n === 0 ? null : A;
	    }
	  ];
	});

	var ColorUtil = {
	  /**
	   * Calculates the YIQ of the color
	   * @param {object} rgb The RGB notation of the color
	   * @returns {number}
	   */
	  getYiq: function getYiq(_ref) {
	    var r = _ref.r,
	      g = _ref.g,
	      b = _ref.b;
	    return (r * 299 + g * 587 + b * 114) / 1000;
	  },
	  /**
	   * Gets the RGB object notation for a string
	   * @param {string} str a string representing a css rgb value
	   * @returns {object} an object for rgb notation
	   */
	  getRGB: function getRGB(str) {
	    var match = str.match(/rgba?\((\d{1,3}), ?(\d{1,3}), ?(\d{1,3})\)?(?:, ?(\d\.\d?)\))?/);
	    return match ? {
	      r: match[1],
	      g: match[2],
	      b: match[3]
	    } : {};
	  }
	};

	// https://keycode.info/table-of-all-keycodes

	var KeyboardUtil = {
	  keyCodes: {
	    ARROW_DOWN: 40,
	    ARROW_LEFT: 37,
	    ARROW_RIGHT: 39,
	    ARROW_UP: 38,
	    BACKSPACE: 8,
	    CLEAR: 12,
	    END: 35,
	    ENTER: 13,
	    ESC: 27,
	    HOME: 36,
	    PAGE_DOWN: 34,
	    PAGE_UP: 33,
	    SPACE: 32,
	    TAB: 9
	  },
	  // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values
	  keys: {
	    ARROW_DOWN: 'ArrowDown',
	    ARROW_LEFT: 'ArrowLeft',
	    ARROW_RIGHT: 'ArrowRight',
	    ARROW_UP: 'ArrowUp',
	    BACKSPACE: 'Backspace',
	    CLEAR: 'Clear',
	    END: 'End',
	    ENTER: 'Enter',
	    ESC: 'Escape',
	    HOME: 'Home',
	    PAGE_DOWN: 'PageDown',
	    PAGE_UP: 'PageUp',
	    SPACE: ' ',
	    TAB: 'Tab'
	  },
	  getKeyCode: function getKeyCode(e) {
	    return e.which || e.keyCode || 0;
	  }
	};

	var NATIVE_BIND = functionBindNative;

	var FunctionPrototype$1 = Function.prototype;
	var apply$6 = FunctionPrototype$1.apply;
	var call$9 = FunctionPrototype$1.call;

	// eslint-disable-next-line es/no-reflect -- safe
	var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND ? call$9.bind(apply$6) : function () {
	  return call$9.apply(apply$6, arguments);
	});

	var uncurryThis$m = functionUncurryThis;
	var toObject$2 = toObject$b;

	var floor$3 = Math.floor;
	var charAt$5 = uncurryThis$m(''.charAt);
	var replace$7 = uncurryThis$m(''.replace);
	var stringSlice$5 = uncurryThis$m(''.slice);
	// eslint-disable-next-line redos/no-vulnerable -- safe
	var SUBSTITUTION_SYMBOLS = /&#36;([$&'`]|\d{1,2}|<[^>]*>)/g;
	var SUBSTITUTION_SYMBOLS_NO_NAMED = /&#36;([$&'`]|\d{1,2})/g;

	// `GetSubstitution` abstract operation
	// https://tc39.es/ecma262/#sec-getsubstitution
	var getSubstitution$1 = function (matched, str, position, captures, namedCaptures, replacement) {
	  var tailPos = position + matched.length;
	  var m = captures.length;
	  var symbols = SUBSTITUTION_SYMBOLS_NO_NAMED;
	  if (namedCaptures !== undefined) {
	    namedCaptures = toObject$2(namedCaptures);
	    symbols = SUBSTITUTION_SYMBOLS;
	  }
	  return replace$7(replacement, symbols, function (match, ch) {
	    var capture;
	    switch (charAt$5(ch, 0)) {
	      case '$': return '$';
	      case '&': return matched;
	      case '`': return stringSlice$5(str, 0, position);
	      case "'": return stringSlice$5(str, tailPos);
	      case '<':
	        capture = namedCaptures[stringSlice$5(ch, 1, -1)];
	        break;
	      default: // \d\d?
	        var n = +ch;
	        if (n === 0) return match;
	        if (n > m) {
	          var f = floor$3(n / 10);
	          if (f === 0) return match;
	          if (f <= m) return captures[f - 1] === undefined ? charAt$5(ch, 1) : captures[f - 1] + charAt$5(ch, 1);
	          return match;
	        }
	        capture = captures[n - 1];
	    }
	    return capture === undefined ? '' : capture;
	  });
	};

	var apply$5 = functionApply;
	var call$8 = functionCall;
	var uncurryThis$l = functionUncurryThis;
	var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
	var fails$g = fails$I;
	var anObject$6 = anObject$l;
	var isCallable$a = isCallable$u;
	var isNullOrUndefined$4 = isNullOrUndefined$9;
	var toIntegerOrInfinity$3 = toIntegerOrInfinity$7;
	var toLength$2 = toLength$5;
	var toString$8 = toString$i;
	var requireObjectCoercible$4 = requireObjectCoercible$b;
	var advanceStringIndex = advanceStringIndex$2;
	var getMethod = getMethod$5;
	var getSubstitution = getSubstitution$1;
	var regExpExec$1 = regexpExecAbstract;
	var wellKnownSymbol$5 = wellKnownSymbol$o;

	var REPLACE = wellKnownSymbol$5('replace');
	var max$2 = Math.max;
	var min$3 = Math.min;
	var concat = uncurryThis$l([].concat);
	var push$6 = uncurryThis$l([].push);
	var stringIndexOf = uncurryThis$l(''.indexOf);
	var stringSlice$4 = uncurryThis$l(''.slice);

	var maybeToString = function (it) {
	  return it === undefined ? it : String(it);
	};

	// IE <= 11 replaces $0 with the whole match, as if it was $&
	// https://stackoverflow.com/questions/6024666/getting-ie-to-replace-a-regex-with-the-literal-string-0
	var REPLACE_KEEPS_$0 = (function () {
	  // eslint-disable-next-line regexp/prefer-escape-replacement-dollar-char -- required for testing
	  return 'a'.replace(/./, '$0') === '$0';
	})();

	// Safari <= 13.0.3(?) substitutes nth capture where n>m with an empty string
	var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = (function () {
	  if (/./[REPLACE]) {
	    return /./[REPLACE]('a', '$0') === '';
	  }
	  return false;
	})();

	var REPLACE_SUPPORTS_NAMED_GROUPS = !fails$g(function () {
	  var re = /./;
	  re.exec = function () {
	    var result = [];
	    result.groups = { a: '7' };
	    return result;
	  };
	  // eslint-disable-next-line regexp/no-useless-dollar-replacements -- false positive
	  return ''.replace(re, '$<a>') !== '7';
	});

	// @@replace logic
	fixRegExpWellKnownSymbolLogic('replace', function (_, nativeReplace, maybeCallNative) {
	  var UNSAFE_SUBSTITUTE = REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE ? '$' : '$0';

	  return [
	    // `String.prototype.replace` method
	    // https://tc39.es/ecma262/#sec-string.prototype.replace
	    function replace(searchValue, replaceValue) {
	      var O = requireObjectCoercible$4(this);
	      var replacer = isNullOrUndefined$4(searchValue) ? undefined : getMethod(searchValue, REPLACE);
	      return replacer
	        ? call$8(replacer, searchValue, O, replaceValue)
	        : call$8(nativeReplace, toString$8(O), searchValue, replaceValue);
	    },
	    // `RegExp.prototype[@@replace]` method
	    // https://tc39.es/ecma262/#sec-regexp.prototype-@@replace
	    function (string, replaceValue) {
	      var rx = anObject$6(this);
	      var S = toString$8(string);

	      if (
	        typeof replaceValue == 'string' &&
	        stringIndexOf(replaceValue, UNSAFE_SUBSTITUTE) === -1 &&
	        stringIndexOf(replaceValue, '$<') === -1
	      ) {
	        var res = maybeCallNative(nativeReplace, rx, S, replaceValue);
	        if (res.done) return res.value;
	      }

	      var functionalReplace = isCallable$a(replaceValue);
	      if (!functionalReplace) replaceValue = toString$8(replaceValue);

	      var global = rx.global;
	      if (global) {
	        var fullUnicode = rx.unicode;
	        rx.lastIndex = 0;
	      }
	      var results = [];
	      while (true) {
	        var result = regExpExec$1(rx, S);
	        if (result === null) break;

	        push$6(results, result);
	        if (!global) break;

	        var matchStr = toString$8(result[0]);
	        if (matchStr === '') rx.lastIndex = advanceStringIndex(S, toLength$2(rx.lastIndex), fullUnicode);
	      }

	      var accumulatedResult = '';
	      var nextSourcePosition = 0;
	      for (var i = 0; i < results.length; i++) {
	        result = results[i];

	        var matched = toString$8(result[0]);
	        var position = max$2(min$3(toIntegerOrInfinity$3(result.index), S.length), 0);
	        var captures = [];
	        // NOTE: This is equivalent to
	        //   captures = result.slice(1).map(maybeToString)
	        // but for some reason `nativeSlice.call(result, 1, result.length)` (called in
	        // the slice polyfill when slicing native arrays) "doesn't work" in safari 9 and
	        // causes a crash (https://pastebin.com/N21QzeQA) when trying to debug it.
	        for (var j = 1; j < result.length; j++) push$6(captures, maybeToString(result[j]));
	        var namedCaptures = result.groups;
	        if (functionalReplace) {
	          var replacerArgs = concat([matched], captures, position, S);
	          if (namedCaptures !== undefined) push$6(replacerArgs, namedCaptures);
	          var replacement = toString$8(apply$5(replaceValue, undefined, replacerArgs));
	        } else {
	          replacement = getSubstitution(matched, S, position, captures, namedCaptures, replaceValue);
	        }
	        if (position >= nextSourcePosition) {
	          accumulatedResult += stringSlice$4(S, nextSourcePosition, position) + replacement;
	          nextSourcePosition = position + matched.length;
	        }
	      }
	      return accumulatedResult + stringSlice$4(S, nextSourcePosition);
	    }
	  ];
	}, !REPLACE_SUPPORTS_NAMED_GROUPS || !REPLACE_KEEPS_$0 || REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE);

	var StringUtil = {
	  /**
	   * Interpolate a string.
	   * @param {string} template - The template string to interpolate, with keys in the format %{key}.
	   * @param {object} data - An object containing the keys and values to replace in the template.
	   * @returns {string} - The interpolated string.
	   */
	  interpolateString: function interpolateString(template, data) {
	    return template.replace(/%{(\w+)}/g, function (match, key) {
	      if (Object.prototype.hasOwnProperty.call(data, key)) {
	        return data[key];
	      }

	      // %{key} not found, show a warning in the console and return an empty string
	      // eslint-disable-next-line no-console
	      console.warn("Template error, %{" + key + "} not found:", template);
	      return '';
	    });
	  }
	};

	/* eslint-disable es/no-array-prototype-indexof -- required for testing */
	var $$B = _export;
	var uncurryThis$k = functionUncurryThisClause;
	var $indexOf = arrayIncludes.indexOf;
	var arrayMethodIsStrict$4 = arrayMethodIsStrict$7;

	var nativeIndexOf = uncurryThis$k([].indexOf);

	var NEGATIVE_ZERO$1 = !!nativeIndexOf && 1 / nativeIndexOf([1], 1, -0) < 0;
	var FORCED$4 = NEGATIVE_ZERO$1 || !arrayMethodIsStrict$4('indexOf');

	// `Array.prototype.indexOf` method
	// https://tc39.es/ecma262/#sec-array.prototype.indexof
	$$B({ target: 'Array', proto: true, forced: FORCED$4 }, {
	  indexOf: function indexOf(searchElement /* , fromIndex = 0 */) {
	    var fromIndex = arguments.length > 1 ? arguments[1] : undefined;
	    return NEGATIVE_ZERO$1
	      // convert -0 to +0
	      ? nativeIndexOf(this, searchElement, fromIndex) || 0
	      : $indexOf(this, searchElement, fromIndex);
	  }
	});

	var tryToString$2 = tryToString$5;

	var $TypeError$5 = TypeError;

	var deletePropertyOrThrow$2 = function (O, P) {
	  if (!delete O[P]) throw $TypeError$5('Cannot delete property ' + tryToString$2(P) + ' of ' + tryToString$2(O));
	};

	var $$A = _export;
	var toObject$1 = toObject$b;
	var toAbsoluteIndex$1 = toAbsoluteIndex$4;
	var toIntegerOrInfinity$2 = toIntegerOrInfinity$7;
	var lengthOfArrayLike$4 = lengthOfArrayLike$b;
	var setArrayLength = arraySetLength;
	var doesNotExceedSafeInteger = doesNotExceedSafeInteger$3;
	var arraySpeciesCreate = arraySpeciesCreate$3;
	var createProperty$1 = createProperty$5;
	var deletePropertyOrThrow$1 = deletePropertyOrThrow$2;
	var arrayMethodHasSpeciesSupport$1 = arrayMethodHasSpeciesSupport$5;

	var HAS_SPECIES_SUPPORT$1 = arrayMethodHasSpeciesSupport$1('splice');

	var max$1 = Math.max;
	var min$2 = Math.min;

	// `Array.prototype.splice` method
	// https://tc39.es/ecma262/#sec-array.prototype.splice
	// with adding support of @@species
	$$A({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$1 }, {
	  splice: function splice(start, deleteCount /* , ...items */) {
	    var O = toObject$1(this);
	    var len = lengthOfArrayLike$4(O);
	    var actualStart = toAbsoluteIndex$1(start, len);
	    var argumentsLength = arguments.length;
	    var insertCount, actualDeleteCount, A, k, from, to;
	    if (argumentsLength === 0) {
	      insertCount = actualDeleteCount = 0;
	    } else if (argumentsLength === 1) {
	      insertCount = 0;
	      actualDeleteCount = len - actualStart;
	    } else {
	      insertCount = argumentsLength - 2;
	      actualDeleteCount = min$2(max$1(toIntegerOrInfinity$2(deleteCount), 0), len - actualStart);
	    }
	    doesNotExceedSafeInteger(len + insertCount - actualDeleteCount);
	    A = arraySpeciesCreate(O, actualDeleteCount);
	    for (k = 0; k < actualDeleteCount; k++) {
	      from = actualStart + k;
	      if (from in O) createProperty$1(A, k, O[from]);
	    }
	    A.length = actualDeleteCount;
	    if (insertCount < actualDeleteCount) {
	      for (k = actualStart; k < len - actualDeleteCount; k++) {
	        from = k + actualDeleteCount;
	        to = k + insertCount;
	        if (from in O) O[to] = O[from];
	        else deletePropertyOrThrow$1(O, to);
	      }
	      for (k = len; k > len - actualDeleteCount + insertCount; k--) deletePropertyOrThrow$1(O, k - 1);
	    } else if (insertCount > actualDeleteCount) {
	      for (k = len - actualDeleteCount; k > actualStart; k--) {
	        from = k + actualDeleteCount - 1;
	        to = k + insertCount - 1;
	        if (from in O) O[to] = O[from];
	        else deletePropertyOrThrow$1(O, to);
	      }
	    }
	    for (k = 0; k < insertCount; k++) {
	      O[k + actualStart] = arguments[k + 2];
	    }
	    setArrayLength(O, len - actualDeleteCount + insertCount);
	    return A;
	  }
	});

	var EventName$N = {
	  ON_REMOVE: 'onRemove'
	};
	var focusControls = [];

	/**
	 * Class representing Focus Controls.
	 * Solve for Firefox bug where following on-page anchor links loses focus:
	 * https://bugzilla.mozilla.org/show_bug.cgi?id=308064
	 * https://bugzilla.mozilla.org/show_bug.cgi?id=277178
	 */
	var FocusControls = /*#__PURE__*/function () {
	  /**
	   * Create a FocusControls instance
	   * @param {Object} opts - The focus control options.
	   * @param {HTMLElement} opts.el - The anchor element node, must have href attribute with fragment identifier.
	   */
	  function FocusControls(opts) {
	    var _this = this;
	    this.el = opts.el;
	    this.target = document.querySelector(this.el.getAttribute('href'));
	    this.events = [{
	      el: this.el,
	      type: 'click',
	      handler: function handler(e) {
	        _this.onClick(e);
	      }
	    }];

	    // Add event handlers.
	    InitializationUtil.addEvents(this.events);
	    focusControls.push(this);
	  }

	  /**
	   * Click event.
	   * @param {Event} e - The event object.
	   */
	  var _proto = FocusControls.prototype;
	  _proto.onClick = function onClick(e) {
	    e.preventDefault();
	    // removes focus if target element is already focused (for voiceover on mobile)
	    if (document.activeElement === this.target) {
	      document.activeElement.blur();
	    }
	    this.target.focus();
	    this.target.scrollIntoView();
	  }

	  /**
	   * Remove the focus controls and events.
	   */;
	  _proto.remove = function remove() {
	    // Remove event handlers
	    InitializationUtil.removeEvents(this.events);

	    // Remove this focus controls reference from array of instances
	    var index = focusControls.indexOf(this);
	    focusControls.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$N.ON_REMOVE] = new CustomEvent(EventName$N.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$N.ON_REMOVE]);
	  }

	  /**
	   * Get an array of focus controls instances.
	   * @returns {Object[]} Array of focus controls instances.
	   */;
	  FocusControls.getInstances = function getInstances() {
	    return focusControls;
	  };
	  return FocusControls;
	}();

	var global$g = global$y;
	var fails$f = fails$I;
	var uncurryThis$j = functionUncurryThis;
	var toString$7 = toString$i;
	var trim = stringTrim.trim;
	var whitespaces$1 = whitespaces$5;

	var charAt$4 = uncurryThis$j(''.charAt);
	var $parseFloat$1 = global$g.parseFloat;
	var Symbol$1 = global$g.Symbol;
	var ITERATOR$2 = Symbol$1 && Symbol$1.iterator;
	var FORCED$3 = 1 / $parseFloat$1(whitespaces$1 + '-0') !== -Infinity
	  // MS Edge 18- broken with boxed symbols
	  || (ITERATOR$2 && !fails$f(function () { $parseFloat$1(Object(ITERATOR$2)); }));

	// `parseFloat` method
	// https://tc39.es/ecma262/#sec-parsefloat-string
	var numberParseFloat = FORCED$3 ? function parseFloat(string) {
	  var trimmedString = trim(toString$7(string));
	  var result = $parseFloat$1(trimmedString);
	  return result === 0 && charAt$4(trimmedString, 0) == '-' ? -0 : result;
	} : $parseFloat$1;

	var $$z = _export;
	var $parseFloat = numberParseFloat;

	// `parseFloat` method
	// https://tc39.es/ecma262/#sec-parsefloat-string
	$$z({ global: true, forced: parseFloat != $parseFloat }, {
	  parseFloat: $parseFloat
	});

	/* global Bun -- Deno case */

	var engineIsBun = typeof Bun == 'function' && Bun && typeof Bun.version == 'string';

	var $TypeError$4 = TypeError;

	var validateArgumentsLength$5 = function (passed, required) {
	  if (passed < required) throw $TypeError$4('Not enough arguments');
	  return passed;
	};

	var global$f = global$y;
	var apply$4 = functionApply;
	var isCallable$9 = isCallable$u;
	var ENGINE_IS_BUN = engineIsBun;
	var USER_AGENT = engineUserAgent;
	var arraySlice$5 = arraySlice$7;
	var validateArgumentsLength$4 = validateArgumentsLength$5;

	var Function$2 = global$f.Function;
	// dirty IE9- and Bun 0.3.0- checks
	var WRAP = /MSIE .\./.test(USER_AGENT) || ENGINE_IS_BUN && (function () {
	  var version = global$f.Bun.version.split('.');
	  return version.length < 3 || version[0] == 0 && (version[1] < 3 || version[1] == 3 && version[2] == 0);
	})();

	// IE9- / Bun 0.3.0- setTimeout / setInterval / setImmediate additional parameters fix
	// https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#timers
	// https://github.com/oven-sh/bun/issues/1633
	var schedulersFix$2 = function (scheduler, hasTimeArg) {
	  var firstParamIndex = hasTimeArg ? 2 : 1;
	  return WRAP ? function (handler, timeout /* , ...arguments */) {
	    var boundArgs = validateArgumentsLength$4(arguments.length, 1) > firstParamIndex;
	    var fn = isCallable$9(handler) ? handler : Function$2(handler);
	    var params = boundArgs ? arraySlice$5(arguments, firstParamIndex) : [];
	    var callback = boundArgs ? function () {
	      apply$4(fn, this, params);
	    } : fn;
	    return hasTimeArg ? scheduler(callback, timeout) : scheduler(callback);
	  } : scheduler;
	};

	var $$y = _export;
	var global$e = global$y;
	var schedulersFix$1 = schedulersFix$2;

	var setInterval = schedulersFix$1(global$e.setInterval, true);

	// Bun / IE9- setInterval additional parameters fix
	// https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-setinterval
	$$y({ global: true, bind: true, forced: global$e.setInterval !== setInterval }, {
	  setInterval: setInterval
	});

	var $$x = _export;
	var global$d = global$y;
	var schedulersFix = schedulersFix$2;

	var setTimeout$1 = schedulersFix(global$d.setTimeout, true);

	// Bun / IE9- setTimeout additional parameters fix
	// https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-settimeout
	$$x({ global: true, bind: true, forced: global$d.setTimeout !== setTimeout$1 }, {
	  setTimeout: setTimeout$1
	});

	var TRANSITION_END = 'transitionend';

	/**
	 * Gets the transition duration from an element's styles
	 * @param {HTMLElement} element - element
	 * @returns {number} - transition duration in milliseconds
	 */
	var getTransitionDurationFromElement = function getTransitionDurationFromElement(element) {
	  var MILLISECONDS_MULTIPLIER = 1000;
	  if (!element) {
	    return 0;
	  }

	  // Get transition-duration of the element
	  var transitionDuration = getComputedStyle(element)['transition-duration'];
	  var transitionDelay = getComputedStyle(element)['transition-delay'];
	  var floatTransitionDuration = parseFloat(transitionDuration);
	  var floatTransitionDelay = parseFloat(transitionDelay);

	  // Return 0 if element or transition duration is not found
	  if (!floatTransitionDuration && !floatTransitionDelay) {
	    return 0;
	  }

	  // If multiple durations are defined, take the first
	  transitionDuration = transitionDuration.split(',')[0];
	  transitionDelay = transitionDelay.split(',')[0];
	  return (parseFloat(transitionDuration) + parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER;
	};

	/**
	 * Dispatches a transition-end event.
	 * @param {HTMLElement} element - element on which to dispatch event
	 */
	var triggerTransitionEnd = function triggerTransitionEnd(element) {
	  element.dispatchEvent(new Event(TRANSITION_END));
	};

	/**
	 * Ensures transition-end is triggered on an element.
	 * @param {HTMLElement} element - element on which transition occurs
	 * @param {number} duration - transition duration in milliseconds
	 */
	var emulateTransitionEnd = function emulateTransitionEnd(element, duration) {
	  if (duration === void 0) {
	    duration = 0;
	  }
	  var called = false;
	  var durationPadding = 5;
	  var emulatedDuration = duration + durationPadding;
	  function listener() {
	    called = true;
	    element.removeEventListener(TRANSITION_END, listener);
	  }
	  element.addEventListener(TRANSITION_END, listener);
	  setTimeout(function () {
	    if (!called) {
	      triggerTransitionEnd(element);
	    }
	  }, emulatedDuration);
	};
	var TransitionUtil = {
	  TRANSITION_END: TRANSITION_END,
	  getTransitionDurationFromElement: getTransitionDurationFromElement,
	  triggerTransitionEnd: triggerTransitionEnd,
	  emulateTransitionEnd: emulateTransitionEnd
	};

	var Util$1 = Object.assign({}, DetectionUtil, HelpersUtil, InitializationUtil, ColorUtil, KeyboardUtil, StringUtil, {
	  FocusControls: FocusControls
	}, TransitionUtil);

	// TODO: Remove from `core-js@4`
	var $$w = _export;
	var uncurryThis$i = functionUncurryThis;

	var $Date = Date;
	var thisTimeValue$1 = uncurryThis$i($Date.prototype.getTime);

	// `Date.now` method
	// https://tc39.es/ecma262/#sec-date.now
	$$w({ target: 'Date', stat: true }, {
	  now: function now() {
	    return thisTimeValue$1(new $Date());
	  }
	});

	/* eslint-disable no-undefined,no-param-reassign,no-shadow */

	/**
	 * Throttle execution of a function. Especially useful for rate limiting
	 * execution of handlers on events like resize and scroll.
	 *
	 * @param {number} delay -                  A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher)
	 *                                            are most useful.
	 * @param {Function} callback -               A function to be executed after delay milliseconds. The `this` context and all arguments are passed through,
	 *                                            as-is, to `callback` when the throttled-function is executed.
	 * @param {object} [options] -              An object to configure options.
	 * @param {boolean} [options.noTrailing] -   Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds
	 *                                            while the throttled-function is being called. If noTrailing is false or unspecified, callback will be executed
	 *                                            one final time after the last throttled-function call. (After the throttled-function has not been called for
	 *                                            `delay` milliseconds, the internal counter is reset).
	 * @param {boolean} [options.noLeading] -   Optional, defaults to false. If noLeading is false, the first throttled-function call will execute callback
	 *                                            immediately. If noLeading is true, the first the callback execution will be skipped. It should be noted that
	 *                                            callback will never executed if both noLeading = true and noTrailing = true.
	 * @param {boolean} [options.debounceMode] - If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is
	 *                                            false (at end), schedule `callback` to execute after `delay` ms.
	 *
	 * @returns {Function} A new, throttled, function.
	 */
	function throttle(delay, callback, options) {
	  var _ref = options || {},
	    _ref$noTrailing = _ref.noTrailing,
	    noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing,
	    _ref$noLeading = _ref.noLeading,
	    noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading,
	    _ref$debounceMode = _ref.debounceMode,
	    debounceMode = _ref$debounceMode === void 0 ? undefined : _ref$debounceMode;
	  /*
	   * After wrapper has stopped being called, this timeout ensures that
	   * `callback` is executed at the proper times in `throttle` and `end`
	   * debounce modes.
	   */

	  var timeoutID;
	  var cancelled = false; // Keep track of the last time `callback` was executed.

	  var lastExec = 0; // Function to clear existing timeout

	  function clearExistingTimeout() {
	    if (timeoutID) {
	      clearTimeout(timeoutID);
	    }
	  } // Function to cancel next exec

	  function cancel(options) {
	    var _ref2 = options || {},
	      _ref2$upcomingOnly = _ref2.upcomingOnly,
	      upcomingOnly = _ref2$upcomingOnly === void 0 ? false : _ref2$upcomingOnly;
	    clearExistingTimeout();
	    cancelled = !upcomingOnly;
	  }
	  /*
	   * The `wrapper` function encapsulates all of the throttling / debouncing
	   * functionality and when executed will limit the rate at which `callback`
	   * is executed.
	   */

	  function wrapper() {
	    for (var _len = arguments.length, arguments_ = new Array(_len), _key = 0; _key < _len; _key++) {
	      arguments_[_key] = arguments[_key];
	    }
	    var self = this;
	    var elapsed = Date.now() - lastExec;
	    if (cancelled) {
	      return;
	    } // Execute `callback` and update the `lastExec` timestamp.

	    function exec() {
	      lastExec = Date.now();
	      callback.apply(self, arguments_);
	    }
	    /*
	     * If `debounceMode` is true (at begin) this is used to clear the flag
	     * to allow future `callback` executions.
	     */

	    function clear() {
	      timeoutID = undefined;
	    }
	    if (!noLeading && debounceMode && !timeoutID) {
	      /*
	       * Since `wrapper` is being called for the first time and
	       * `debounceMode` is true (at begin), execute `callback`
	       * and noLeading != true.
	       */
	      exec();
	    }
	    clearExistingTimeout();
	    if (debounceMode === undefined && elapsed > delay) {
	      if (noLeading) {
	        /*
	         * In throttle mode with noLeading, if `delay` time has
	         * been exceeded, update `lastExec` and schedule `callback`
	         * to execute after `delay` ms.
	         */
	        lastExec = Date.now();
	        if (!noTrailing) {
	          timeoutID = setTimeout(debounceMode ? clear : exec, delay);
	        }
	      } else {
	        /*
	         * In throttle mode without noLeading, if `delay` time has been exceeded, execute
	         * `callback`.
	         */
	        exec();
	      }
	    } else if (noTrailing !== true) {
	      /*
	       * In trailing throttle mode, since `delay` time has not been
	       * exceeded, schedule `callback` to execute `delay` ms after most
	       * recent execution.
	       *
	       * If `debounceMode` is true (at begin), schedule `clear` to execute
	       * after `delay` ms.
	       *
	       * If `debounceMode` is false (at end), schedule `callback` to
	       * execute after `delay` ms.
	       */
	      timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === undefined ? delay - elapsed : delay);
	    }
	  }
	  wrapper.cancel = cancel; // Return the wrapper function.

	  return wrapper;
	}

	/* eslint-disable no-undefined */
	/**
	 * Debounce execution of a function. Debouncing, unlike throttling,
	 * guarantees that a function is only executed a single time, either at the
	 * very beginning of a series of calls, or at the very end.
	 *
	 * @param {number} delay -               A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.
	 * @param {Function} callback -          A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, as-is,
	 *                                        to `callback` when the debounced-function is executed.
	 * @param {object} [options] -           An object to configure options.
	 * @param {boolean} [options.atBegin] -  Optional, defaults to false. If atBegin is false or unspecified, callback will only be executed `delay` milliseconds
	 *                                        after the last debounced-function call. If atBegin is true, callback will be executed only at the first debounced-function call.
	 *                                        (After the throttled-function has not been called for `delay` milliseconds, the internal counter is reset).
	 *
	 * @returns {Function} A new, debounced function.
	 */

	function debounce(delay, callback, options) {
	  var _ref = options || {},
	    _ref$atBegin = _ref.atBegin,
	    atBegin = _ref$atBegin === void 0 ? false : _ref$atBegin;
	  return throttle(delay, callback, {
	    debounceMode: atBegin !== false
	  });
	}

	var Selector$N = {
	  MEDIA_CONTROL: 'media-control',
	  M365_VIDEO_CONTROL: 'm365-video__control',
	  PAUSE_GLYPH_CLASS: 'glyph-prepend-pause',
	  PLAY_GLYPH_CLASS: 'glyph-prepend-play-solid',
	  PAUSE_ALT_TEXT_PREFIX: 'data-aria-label-pause-prefix',
	  PLAY_ALT_TEXT_PREFIX: 'data-aria-label-play-prefix',
	  ARIA_LABEL_SUFFIX: 'data-aria-label-suffix',
	  DATA_MOUNT: '[data-mount="m365-video"]',
	  CONTENT_SCROLL_VIEW: 'ContentScrollView'
	};

	/**
	 * Swaps out videos to serve specific video sources for certain min-widths.
	 */
	var AdaptiveVideo = /*#__PURE__*/function () {
	  /**
	   * Adds responsiveness to a video by taking different sources specified for min-widths and swapping them out on window resize.
	   * @param {HTMLElement} videoElement Video element to add responsiveness to
	   */
	  function AdaptiveVideo(videoElement, onViewportChange) {
	    var _this = this;
	    this.resizeTimeout = 100;
	    this.options = {
	      breakpoints: {
	        "default": {
	          src: videoElement.dataset.src
	        }
	      },
	      onViewportChange: onViewportChange
	    };
	    this.setVideo(videoElement);

	    // get a list of video switching points and links to the videos themselves
	    videoElement.querySelectorAll('[data-src]').forEach(function (element) {
	      _this.options.breakpoints[element.dataset.minWidth] = {
	        src: element.dataset.src,
	        type: element.getAttribute('type')
	      };
	    });
	    videoElement.innerHTML = ''; // we clean up so that there is nothing superfluous

	    // run the handler and track the change in screen width
	    this.responseVideo(this.options, videoElement.autoplay);
	    this.resizer();
	    this.onViewportChange();
	  }

	  /**
	   * Changes the video element this object applies viewport changes to.
	   * @param {HTMLElement} videoElement Video element to assign to this class
	   */
	  var _proto = AdaptiveVideo.prototype;
	  _proto.setVideo = function setVideo(videoElement) {
	    this.options.videoElement = videoElement;
	  }

	  /**
	   * Binds a function to be called when the video is changed due to a viewport change.
	   * @param {Function} callback Function to call on video viewport change
	   */;
	  _proto.bindViewportChange = function bindViewportChange(callback) {
	    this.options.onViewportChange = callback;
	  }

	  /**
	   * Event for when the video changes due to viewport changes
	   */;
	  _proto.onViewportChange = function onViewportChange() {
	    this.options.onViewportChange(this.options.videoElement);
	  }

	  /** Function runs on resize  */;
	  _proto.resizer = function resizer() {
	    window.addEventListener('resize', throttle(this.resizeTimeout, this.responseVideo.bind(this, this.options)));
	  }

	  /**
	   * Tests a value to see if it is NaN.
	   * @param {Number} number value to test
	   * @returns True if NaN or null, false otherwise.
	   */;
	  _proto.numberIsNaN = function numberIsNaN(number) {
	    return !number || isNaN(number) || !isFinite(number);
	  }

	  /**
	   * Gets the last recorded min width used for the video
	   * @param {HTMLElement} videoElement Video element
	   * @returns The last recorded min width for the video
	   */;
	  _proto.getWidthNow = function getWidthNow(videoElement) {
	    var ret = videoElement.dataset.widthNow;
	    var numberValue = parseInt(ret, 10);
	    if (!this.numberIsNaN(numberValue)) {
	      ret = numberValue;
	    } else if (ret !== 'default') {
	      ret = null;
	    }
	    return ret;
	  };
	  _proto.onCanPlayThrough = function onCanPlayThrough(time, videoElement, playOnLoad, paused, ended) {
	    if (!this.numberIsNaN(time)) {
	      videoElement.currentTime = time; // set the time on the video to the current time of the last video
	    }

	    // play or pause the video based on the state of the old video element
	    if (!playOnLoad) {
	      if (!paused && !ended) {
	        videoElement.play();
	      } else {
	        videoElement.pause();
	      }
	    }
	  }

	  /**
	   * Change src value of video link to fit screen width
	   *
	   * @param {Object} options object with options
	   */;
	  _proto.responseVideo = function responseVideo(options, playOnLoad) {
	    var _this2 = this;
	    if (playOnLoad === void 0) {
	      playOnLoad = false;
	    }
	    var videoElement = options.videoElement,
	      breakpoints = options.breakpoints; // get options
	    var currentTime = videoElement.currentTime,
	      paused = videoElement.paused,
	      ended = videoElement.ended,
	      parentElement = videoElement.parentElement; // get video info
	    var videoElementClone = videoElement.cloneNode(true); // create new video element for viewport
	    var videoSource = document.createElement('source');
	    var widthNow = this.getWidthNow(videoElement); // get the last video min width
	    var minBreakpoint = Math.max.apply(null, Object.keys(breakpoints).filter(function (key) {
	      return Number(key) <= document.body.clientWidth;
	    }));

	    // find maximum width from breakpoints that doesn't go over the width of the window
	    var nowBreakpoint = this.numberIsNaN(minBreakpoint) ? 'default' : minBreakpoint; // choose either the maximum value, if not, then the default
	    // call back for function needed as a const so that it can be removed later.
	    var canPlayThroughCallback = function canPlayThroughCallback() {
	      _this2.onCanPlayThrough(currentTime, videoElementClone, playOnLoad, paused, ended);
	      videoElementClone.removeEventListener('canplaythrough', canPlayThroughCallback);
	    };
	    if (widthNow && widthNow === nowBreakpoint) {
	      return;
	    } // check if the video needs to be changed

	    videoElementClone.innerHTML = ''; // we clean up so that there is nothing superfluous
	    videoElementClone.dataset.widthNow = nowBreakpoint; // flag the new viewport
	    videoElementClone.addEventListener('canplaythrough', canPlayThroughCallback); // add callback to seek video to previous time once loaded to that point
	    videoSource.src = breakpoints[nowBreakpoint].src; // set the source for the new viewport video
	    videoSource.type = breakpoints[nowBreakpoint].type;
	    videoElementClone.append(videoSource); // add the source to the new video element
	    parentElement.append(videoElementClone); // append the new video element
	    videoElement.remove(); // remove the old video element

	    this.setVideo(videoElementClone); // save new video element
	    this.onViewportChange(); // inform other objects of the new video element
	  };
	  return AdaptiveVideo;
	}();
	/**
	 * Used to determine when a video is visible and ready to be loaded.
	 */
	var VideoLazyLoader = /*#__PURE__*/function () {
	  /**
	   * Constructor
	   * @param {Object} opts Options for the lazy loader
	   */
	  function VideoLazyLoader(opts) {
	    var _window$top$document;
	    this.scrollTimeout = 100;
	    this.shown = false;
	    var video = opts.video,
	      onShown = opts.onShown;
	    this.video = video;
	    this.onShown = onShown;
	    this.contentScrollViewEle = (_window$top$document = window.top.document) == null ? void 0 : _window$top$document.getElementById(Selector$N.CONTENT_SCROLL_VIEW);
	    this.viewportThreshold = this.video.dataset.videoInviewport ? 0.5 : 0;
	    if (this.isScrolledIntoView(this.viewportThreshold)) {
	      this.onShown();
	    } else {
	      this.bindEvents();
	    }
	  }

	  /**
	   * Determines if video is scrolled into view
	   * @param {Number} options number with options, threshold value is between 0 and 1.
	   * @returns true if visible
	   */
	  var _proto2 = VideoLazyLoader.prototype;
	  _proto2.isScrolledIntoView = function isScrolledIntoView(viewportThreshold) {
	    if (viewportThreshold === void 0) {
	      viewportThreshold = 0;
	    }
	    var _this$video$getBoundi = this.video.getBoundingClientRect(),
	      top = _this$video$getBoundi.top,
	      height = _this$video$getBoundi.height;
	    var browserHeight = window.innerHeight;

	    // If the window's document is not the root of the HTML (usually in edit/preview mode), then
	    // window.innerHeight will not contain the necessary scroll element
	    // and the ContentScrollView needs to be used instead.
	    if (window !== window.top && this.contentScrollViewEle) {
	      // ContentScrollView's client height is the equivalent to the window.innerHeight
	      browserHeight = this.contentScrollViewEle.clientHeight;

	      // ContentScrollView's scrollTop is the equivalent to the amount scrolled
	      browserHeight += this.contentScrollViewEle.scrollTop;
	    }
	    return viewportThreshold ? top + height * viewportThreshold <= browserHeight : top <= browserHeight;
	  }

	  /**
	   * Determines if the video is visible. If it is, it fires the onShown event
	   * videoInViewport determines fires the onShown event when the half of video visible in viewport.
	   */;
	  _proto2.scrollThrottleFunction = function scrollThrottleFunction() {
	    if (!this.shown && this.isScrolledIntoView(this.viewportThreshold)) {
	      this.shown = true;
	      this.onShown();
	    }
	  }

	  /**
	   * Binds the window events needed to determine if video should be loaded
	   */;
	  _proto2.bindEvents = function bindEvents() {
	    var scrolledThrottleFunction = throttle(this.scrollTimeout, this.scrollThrottleFunction.bind(this));

	    // If the window's document is not the root of the HTML (usually in edit/preview mode), then
	    // window will not contain any elements that actually scroll, so
	    // the scroll event listener is attached to the document's element that actually scrolls
	    if (window !== window.top && this.contentScrollViewEle) {
	      this.contentScrollViewEle.addEventListener('scroll', scrolledThrottleFunction);
	    } else {
	      window.addEventListener('scroll', scrolledThrottleFunction);
	    }
	    window.addEventListener('resize', scrolledThrottleFunction);
	  };
	  return VideoLazyLoader;
	}();
	var VideoExtension = /*#__PURE__*/function () {
	  var _proto3 = VideoExtension.prototype;
	  _proto3._playVideo = function _playVideo() {
	    if (this.video.paused) {
	      this._toggleMediaControlGlyph('pause');
	      this._setAriaLabelPrefix('pause');
	      this.video.play();

	      // reset video timer if it has ended
	      if (this.isEnded(this.video)) {
	        this.video.currentTime = 0;
	      }
	    }
	  };
	  _proto3._pauseVideo = function _pauseVideo() {
	    if (!this.video.paused) {
	      this._toggleMediaControlGlyph('play');
	      this._setAriaLabelPrefix('play');
	      this.video.pause();
	    }
	  };
	  _proto3._setAriaLabelPrefix = function _setAriaLabelPrefix(controlType) {
	    if (this.mediaControlEl) {
	      var ariaLabelSuffix = this.mediaControlEl.getAttribute(Selector$N.ARIA_LABEL_SUFFIX);
	      var ariaLabelPrefix = controlType === 'pause' ? this.mediaControlEl.getAttribute(Selector$N.PAUSE_ALT_TEXT_PREFIX) : this.mediaControlEl.getAttribute(Selector$N.PLAY_ALT_TEXT_PREFIX);
	      this.mediaControlEl.setAttribute('aria-label', "" + (ariaLabelPrefix != null ? ariaLabelPrefix : '') + (ariaLabelSuffix != null ? ariaLabelSuffix : ''));
	    }
	  }

	  /**
	   * Toggles the video button from play to pause or visa versa
	   */;
	  _proto3._toggleVideoButton = function _toggleVideoButton() {
	    if (this.video.paused) {
	      this._playVideo();
	    } else {
	      this._pauseVideo();
	    }
	  };
	  _proto3._toggleMediaControlGlyph = function _toggleMediaControlGlyph(setGlyph) {
	    if (this.mediaControlSpanEl) {
	      var pauseGlyphClass = this.mediaControlEl.dataset.pauseGlyphClass || Selector$N.PAUSE_GLYPH_CLASS;
	      var playGlyphClass = this.mediaControlEl.dataset.playGlyphClass || Selector$N.PLAY_GLYPH_CLASS;
	      if (setGlyph === 'play') {
	        this.mediaControlSpanEl.classList.remove(pauseGlyphClass);
	        this.mediaControlSpanEl.classList.add(playGlyphClass);
	      } else {
	        this.mediaControlSpanEl.classList.remove(playGlyphClass);
	        this.mediaControlSpanEl.classList.add(pauseGlyphClass);
	      }
	    }
	  }

	  /**
	   * Determines if a video is done playing
	   * @param {HTMLElement} video Video to test
	   * @returns True if the video is ended or has reached the end of its duration
	   */;
	  _proto3.isEnded = function isEnded(video) {
	    return video.isEnded || video.currentTime === video.duration;
	  }

	  /**
	   * Attaches needed events
	   */;
	  _proto3.attachEventsToVideo = function attachEventsToVideo() {
	    var _this3 = this;
	    // On video ended, update play/pause glyph
	    this.video.addEventListener('ended', function () {
	      if (_this3.isEnded(_this3.video)) {
	        _this3._toggleMediaControlGlyph('play');
	        _this3._setAriaLabelPrefix('play');
	      }
	    });
	  }

	  /**
	   * Loads video
	   */;
	  _proto3.loadVideo = function loadVideo() {
	    var _this4 = this;
	    this.video.preload = 'auto';
	    this.video.autoplay = this.video.dataset.autoplay;
	    this.responser = new AdaptiveVideo(this.video, function (videoElement) {
	      _this4.video = videoElement;
	      _this4.attachEventsToVideo();

	      // If auto playing, change play glyph to pause glyph
	      if (_this4.video.autoplay && _this4.video.paused) {
	        _this4._toggleMediaControlGlyph('pause');
	        _this4._setAriaLabelPrefix('pause');
	      }
	    });
	  };
	  function VideoExtension(opts) {
	    var el = opts.el,
	      mediaControlSpanEl = opts.mediaControlSpanEl,
	      toggleVideoButton = opts.toggleVideoButton;
	    this.video = el.querySelector('video');
	    this.mediaControlEl = el.querySelector("." + Selector$N.M365_VIDEO_CONTROL) || el.querySelector("." + Selector$N.MEDIA_CONTROL);
	    this.events = [];
	    if (this.mediaControlEl) {
	      this.mediaControlSpanEl = mediaControlSpanEl || this.mediaControlEl.querySelector("span");
	      this.toggleVideoButton = toggleVideoButton || this._toggleVideoButton.bind(this);
	      this.events.push({
	        el: this.mediaControlEl,
	        type: 'click',
	        handler: this.toggleVideoButton.bind(this)
	      });

	      // initially set aria-label for media control button
	      this._setAriaLabelPrefix('play');
	    }
	    if (this.video.dataset.lazyload) {
	      this.lazyLoader = new VideoLazyLoader({
	        video: this.video,
	        onShown: this.loadVideo.bind(this)
	      });
	    } else {
	      this.loadVideo();
	    }
	    if (this.events.length > 0) {
	      Util$1.addEvents(this.events);
	    }
	  }
	  return VideoExtension;
	}();

	var $$v = _export;
	var $find = arrayIteration.find;
	var addToUnscopables$1 = addToUnscopables$4;

	var FIND = 'find';
	var SKIPS_HOLES$1 = true;

	// Shouldn't skip holes
	// eslint-disable-next-line es/no-array-prototype-find -- testing
	if (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES$1 = false; });

	// `Array.prototype.find` method
	// https://tc39.es/ecma262/#sec-array.prototype.find
	$$v({ target: 'Array', proto: true, forced: SKIPS_HOLES$1 }, {
	  find: function find(callbackfn /* , that = undefined */) {
	    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
	  }
	});

	// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
	addToUnscopables$1(FIND);

	var $$u = _export;
	var uncurryThis$h = functionUncurryThisClause;
	var getOwnPropertyDescriptor$2 = objectGetOwnPropertyDescriptor.f;
	var toLength$1 = toLength$5;
	var toString$6 = toString$i;
	var notARegExp = notARegexp;
	var requireObjectCoercible$3 = requireObjectCoercible$b;
	var correctIsRegExpLogic = correctIsRegexpLogic;

	// eslint-disable-next-line es/no-string-prototype-startswith -- safe
	var nativeStartsWith = uncurryThis$h(''.startsWith);
	var stringSlice$3 = uncurryThis$h(''.slice);
	var min$1 = Math.min;

	var CORRECT_IS_REGEXP_LOGIC = correctIsRegExpLogic('startsWith');
	// https://github.com/zloirock/core-js/pull/702
	var MDN_POLYFILL_BUG = !CORRECT_IS_REGEXP_LOGIC && !!function () {
	  var descriptor = getOwnPropertyDescriptor$2(String.prototype, 'startsWith');
	  return descriptor && !descriptor.writable;
	}();

	// `String.prototype.startsWith` method
	// https://tc39.es/ecma262/#sec-string.prototype.startswith
	$$u({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG && !CORRECT_IS_REGEXP_LOGIC }, {
	  startsWith: function startsWith(searchString /* , position = 0 */) {
	    var that = toString$6(requireObjectCoercible$3(this));
	    notARegExp(searchString);
	    var index = toLength$1(min$1(arguments.length > 1 ? arguments[1] : undefined, that.length));
	    var search = toString$6(searchString);
	    return nativeStartsWith
	      ? nativeStartsWith(that, search, index)
	      : stringSlice$3(that, index, index + search.length) === search;
	  }
	});

	var biDirectional = Util$1.isBiDirectional();
	var ClassName$u = {
	  SHOW: 'show',
	  FADE: 'fade',
	  FADING_OUT: 'fading-out',
	  ACTIVE: 'active',
	  FLYOUT: 'flyout'
	};
	var Default$5 = {
	  START: biDirectional ? 'right' : 'left',
	  END: biDirectional ? 'left' : 'right',
	  ALIGNMENT: 'start'
	};
	var DefaultReflow = {
	  left: ['left', 'bottom', 'top', 'right'],
	  right: ['right', 'bottom', 'top', 'left'],
	  top: ['top', 'right', 'bottom', 'left'],
	  bottom: ['bottom', 'right', 'top', 'left']
	};

	/**
	 * Private functions
	 */

	function _hasReflow(node) {
	  if (node.hasAttribute('data-disable-reflow') && node.getAttribute('data-disable-reflow') !== 'false') {
	    return false;
	  }
	  return true;
	}

	/**
	 * Get the placement of a flyout.
	 * @param {string?} str - The string to parse.
	 * @param {string} [defaultValue=start] - The default value to fallback to.
	 * @returns {string} The placement of the flyout.
	 */
	function _getPlacement(str, defaultValue) {
	  if (defaultValue === void 0) {
	    defaultValue = Default$5.END;
	  }
	  switch (str) {
	    case 'top':
	    case 'bottom':
	      return str;
	    case 'left':
	    case 'start':
	      return Default$5.START;
	    case 'right':
	    case 'end':
	      return Default$5.END;
	    default:
	      return defaultValue;
	  }
	}

	/**
	 * Get the alignment of a flyout.
	 * @param {string?} str - The string to parse.
	 * @param {string} [defaultValue=start] - The default value to fallback to.
	 * @returns {string} The alignment enum of the flyout.
	 */
	function _getAlignment(str, defaultValue) {
	  if (defaultValue === void 0) {
	    defaultValue = Default$5.ALIGNMENT;
	  }
	  switch (str) {
	    case 'center':
	    case 'start':
	    case 'end':
	      return str;
	    default:
	      return defaultValue;
	  }
	}

	/**
	 * Get the related menu for an element.
	 * @param {HTMLElement} node - The element to find a related menu for, typically the flyout instance target.
	 * @returns {HTMLElement?} The menu element.
	 */
	function _getRelatedMenu(node) {
	  if (node.attributes['aria-controls']) {
	    return document.querySelector("#" + node.attributes['aria-controls'].value);
	  }
	}

	/**
	 * Get the X distance for menu positioning.
	 * @param {string} textAlignment - The text alignment of the flyout's parent. Affects the left/right CSS positioning, therefore changes the translate coordinates.
	 * @param {string} placement - Menu's placement in relation to the flyout trigger: 'left', 'right', 'top', or 'bottom'.
	 * @param {string} alignment - Menu's alignment with the flyout trigger, correlates to read order: 'center', 'start', 'end'.
	 * @returns {number} The X distance to translate the menu.
	 * @this Flyout
	 */
	function _getTranslateX(textAlignment, placement, alignment) {
	  var translateX = 0;
	  var overflowOffset = 0;

	  /* eslint-disable no-lonely-if */
	  // If text is aligned left
	  if (textAlignment === 'left') {
	    if (placement === 'right') {
	      // Place menu right of trigger
	      translateX += this.boundingRect.el.width + this.offset;
	    } else if (placement === 'left') {
	      // Place menu left of trigger
	      translateX -= this.boundingRect.menu.width + this.offset;
	    } else {
	      // Adjust alignment for top and bottom menus

	      if (alignment === 'center') {
	        translateX -= (this.boundingRect.menu.width - this.boundingRect.el.width) / 2;
	      } else if (alignment === 'end' && !biDirectional || alignment === 'start' && biDirectional) {
	        translateX -= this.boundingRect.menu.width - this.boundingRect.el.width;
	        // Shift menu left if needed to fit menu in tiny window sizes, record offset for future use
	        overflowOffset = _shiftLeftToFitWindow.call(this, translateX);
	        translateX += overflowOffset;
	      } else {
	        // Shift menu right if needed to fit menu in tiny window sizes, record offset for future use
	        overflowOffset = _shiftRightToFitWindow.call(this, translateX);
	        translateX += overflowOffset;
	      }
	    }
	    // If text is aligned right
	  } else {
	    if (placement === 'right') {
	      translateX += this.boundingRect.menu.width + this.offset;
	    } else if (placement === 'left') {
	      translateX -= this.boundingRect.el.width + this.offset;
	    } else {
	      if (alignment === 'center') {
	        translateX += (this.boundingRect.menu.width - this.boundingRect.el.width) / 2;
	      } else if (alignment === 'start' && !biDirectional || alignment === 'end' && biDirectional) {
	        translateX += this.boundingRect.menu.width - this.boundingRect.el.width;
	        // Shift menu right if needed to fit menu in tiny window sizes, record offset for future use
	        overflowOffset = _shiftRightToFitWindow.call(this, translateX);
	        translateX += overflowOffset;
	      } else {
	        // Shift menu left if needed to fit menu in tiny window sizes, record offset for future use
	        overflowOffset = _shiftLeftToFitWindow.call(this, translateX);
	        translateX += overflowOffset;
	      }
	    }
	  }
	  /* eslint-enable no-lonely-if */

	  // Save any overflowOffset (rounded) to the instance for later use
	  this.overflowOffset = Math.round(overflowOffset);
	  return translateX;
	}

	/**
	 * Returns distance in pixels needed to prevent overflow on the right side of the window.
	 * @returns {number} The distance in pixels to shift the menu left.
	 */
	function _shiftLeftToFitWindow() {
	  var xOverflow = this.boundingRect.window.width - (this.boundingRect.el.x + this.boundingRect.el.width) + this.boundingRect.menu.width;
	  return xOverflow > this.boundingRect.window.width ? xOverflow - this.boundingRect.window.width : 0;
	}

	/**
	 * Returns distance in pixels needed to prevent overflow on the left side of the window.
	 * @returns {number} The distance in pixels to shift the menu right.
	 */
	function _shiftRightToFitWindow() {
	  var xOverflow = this.boundingRect.el.x + this.boundingRect.menu.width;
	  return xOverflow > this.boundingRect.window.width ? -(xOverflow - this.boundingRect.window.width) : 0;
	}

	/**
	 * Get the Y distance for menu positioning.
	 * @param {string} placement - Menu's placement in relation to the flyout trigger: 'left', 'right', 'top', or 'bottom'.
	 * @param {string} alignment - Menu's alignment with the flyout trigger, correlates to read order: 'center', 'start', 'end'.
	 * @returns {number} The Y distance to translate the menu.
	 * @this Flyout
	 */
	function _getTranslateY(placement, alignment) {
	  var translateY = 0;

	  // Place menu above trigger
	  if (placement === 'top') {
	    translateY -= this.boundingRect.menu.height + this.offset;
	    // Place menu below trigger
	  } else if (placement === 'bottom') {
	    translateY += this.boundingRect.el.height + this.offset;
	  } else {
	    // Adjust alignment for left and right menus
	    /* eslint-disable no-lonely-if */
	    if (alignment === 'center') {
	      translateY -= (this.boundingRect.menu.height - this.boundingRect.el.height) / 2;
	    } else if (alignment === 'end') {
	      translateY -= this.boundingRect.menu.height - this.boundingRect.el.height;
	    }
	    /* eslint-enable no-lonely-if */
	  }

	  return translateY;
	}
	var Flyout = /*#__PURE__*/function () {
	  /**
	   * Create a Flyout instance
	   * @param {Object} opts - The flyout options
	   * @param {HTMLElement} opts.el - The element that toggles the flyout
	   * @param {HTMLElement} [opts.menu] - The element that defines the flyout menu
	   * @param {string} [opts.placement=right] - A string that defines the placement of the menu
	   * @param {string} [opts.alignment=start] - A string that defines the alignment of the menu
	   * @param {number} [opts.offset=0] - The number of pixels the menu should be offset from the trigger
	   * @param {boolean} [opts.enableReflow=true] - Whether the menu should reflow to fit within the window as best as possible
	   * @param {boolean} [opts.enableFade=true] - Whether the menu should fade in and out
	   */
	  function Flyout(opts) {
	    this.el = opts.el; // the toggle
	    this.menu = opts.menu || _getRelatedMenu(this.el); // the flyout menu
	    this.parent = this.el.offsetParent || this.el.parentElement;
	    this.placement = _getPlacement(opts.placement || this.el.getAttribute('data-placement'));
	    this.alignment = _getAlignment(opts.alignment || this.el.getAttribute('data-alignment'));
	    this.offset = opts.offset ? parseInt(opts.offset, 10) : 0;
	    this.translateX = 0;
	    this.translateY = 0;
	    this.overflowOffset = 0;
	    this.enableReflow = typeof opts.enableReflow === 'boolean' ? opts.enableReflow : _hasReflow(this.el);
	    this.enableFade = typeof opts.enableFade === 'boolean' ? opts.enableFade : this.menu.classList.contains(ClassName$u.FADE);
	    this.shown = false;

	    // Ensure position is set on parent element, needed for absolute positioning of menu
	    var parentPositionProperty = window.getComputedStyle(this.parent).position;
	    if (parentPositionProperty !== 'relative' && parentPositionProperty !== 'absolute') {
	      this.parent.style.position = 'relative';
	    }

	    // Setup fade animation based on options supplied
	    if (opts.enableFade === true) {
	      this.menu.classList.add(ClassName$u.FADE);
	    } else if (opts.enableFade === false) {
	      this.menu.classList.remove(ClassName$u.FADE);
	    }
	    if (!this.menu.hasAttribute('tabindex')) {
	      this.menu.setAttribute('tabindex', '-1');
	    }
	  }

	  /**
	   * Get the current position of the menu based on enableReflow setting
	   * @returns {object} The instance's position object
	   */
	  var _proto = Flyout.prototype;
	  /**
	   * Calculates and sets the reflow position value (placement and alignment)
	   */
	  _proto.calcReflowPosition = function calcReflowPosition() {
	    // Calculate the distance of the trigger from each side of the window
	    var distFrom = {
	      top: this.boundingRect.el.top,
	      bottom: window.innerHeight - this.boundingRect.el.bottom,
	      left: this.boundingRect.el.left,
	      right: document.body.clientWidth - this.boundingRect.el.right
	    };
	    // Add the menu offset spacing to the width and height of the menu
	    var menuWidth = this.boundingRect.menu.width + this.offset;
	    var menuHeight = this.boundingRect.menu.height + this.offset;
	    var placements = DefaultReflow[this.placement].slice();
	    // Calculate the distance needed for the menu to fit inside the window
	    var distX = menuWidth - this.boundingRect.el.width;
	    var distY = menuHeight - this.boundingRect.el.height;
	    if (this.alignment === 'center') {
	      distX /= 2;
	      distY /= 2;
	    }

	    // Copy values so we don't override original instance property
	    var placement = this.placement,
	      alignment = this.alignment;

	    // Eliminate the placements that won't fit
	    if (distFrom.left < menuWidth) {
	      placements.splice(placements.indexOf('left'), 1);
	    }
	    if (distFrom.right < menuWidth) {
	      placements.splice(placements.indexOf('right'), 1);
	    }
	    if (distFrom.top < menuHeight) {
	      placements.splice(placements.indexOf('top'), 1);
	    }
	    if (distFrom.bottom < menuHeight) {
	      placements.splice(placements.indexOf('bottom'), 1);
	    }
	    placement = placements.length ? placements.shift() : 'bottom'; // fallback placement is always bottom

	    // Adjust the alignment of the chosen placement
	    // NOTE: Keep this logic as is for readability and sanity
	    if (placement === 'bottom' || placement === 'top') {
	      // If neither side is ideal
	      if (distFrom.left < distX && distFrom.right < distX) {
	        // Align to the Read order
	        alignment = 'start';
	        // LTR: If distFrom.left < distX
	      } else if (distFrom[Default$5.START] < distX) {
	        alignment = 'start';
	      } else if (distFrom[Default$5.END] <= distX) {
	        alignment = 'end';
	      }
	    } else {
	      // If placement is 'left' or 'right'
	      // If neither above nor below is ideal
	      /* eslint-disable no-lonely-if */
	      if (distFrom.top < distY && distFrom.bottom < distY) {
	        // Force the beginning of the menu content to be in view,
	        // which should force window to grow, enabling user to scroll to view entire menu
	        alignment = 'start';
	      } else if (distFrom.top < distY) {
	        alignment = 'start';
	      } else if (distFrom.bottom <= distY) {
	        alignment = 'end';
	      }
	      /* eslint-enable no-lonely-if */
	    }

	    this.reflowPosition = {
	      placement: placement,
	      alignment: alignment
	    };
	  }

	  /**
	   * Position the flyout menu
	   */;
	  _proto.positionMenu = function positionMenu() {
	    if (this.enableReflow) {
	      this.calcReflowPosition();
	    }
	    var position = this.currentPosition;

	    // Get the direction of text flow (affected by cascade of text-align css property and/or RTL)
	    var textAlignProperty = window.getComputedStyle(this.parent).textAlign;
	    var textAlignment = Default$5.START;
	    if (textAlignProperty === 'left' || textAlignProperty === 'right') {
	      textAlignment = textAlignProperty;
	    } else if (textAlignProperty === 'end') {
	      textAlignment = Default$5.END;
	    }

	    // Set the transformation's "origin" based on text alignment
	    this.menu.style.top = Math.round(this.boundingRect.el.top - this.boundingRect.parent.top) + 'px';
	    if (textAlignment === 'left') {
	      this.menu.style.left = Math.round(this.boundingRect.el.left - this.boundingRect.parent.left) + 'px';
	      this.menu.style.right = 'auto';
	    } else {
	      this.menu.style.left = 'auto';
	      this.menu.style.right = -Math.round(this.boundingRect.el.right - this.boundingRect.parent.right) + 'px';
	    }

	    // Allow the menu to define its own width according to the needed width of its contents
	    this.menu.style.minWidth = Math.round(this.boundingRect.menu.width) + 'px';

	    // Calculate the x and y distances needed to push the menu to the correct position.
	    this.translateX = Math.round(_getTranslateX.call(this, textAlignment, position.placement, position.alignment));
	    this.translateY = Math.round(_getTranslateY.call(this, position.placement, position.alignment));

	    // Set the transform style
	    this.menu.style.transform = "translate(" + this.translateX + "px, " + this.translateY + "px)";

	    // Reset menu classes associated with position
	    this.menu.classList.remove(ClassName$u.FLYOUT + "-left", ClassName$u.FLYOUT + "-right", ClassName$u.FLYOUT + "-top", ClassName$u.FLYOUT + "-bottom", ClassName$u.FLYOUT + "-align-start", ClassName$u.FLYOUT + "-align-end", ClassName$u.FLYOUT + "-align-center");
	    // Set the menu classes associated with position
	    this.menu.classList.add(ClassName$u.FLYOUT + "-" + position.placement, ClassName$u.FLYOUT + "-align-" + position.alignment);
	  }

	  /**
	   * Show the menu
	   */;
	  _proto.show = function show() {
	    // Record window width prior to showing the menu,
	    // otherwise the menu will effect the window width
	    var windowWidth = window.innerWidth;
	    this.shown = true;
	    this.el.classList.add(ClassName$u.ACTIVE);
	    this.menu.classList.add(ClassName$u.SHOW);

	    // Store the coordinates of the associated elements for ease of reuse now that the menu has layout
	    this.boundingRect = {
	      el: this.el.getBoundingClientRect(),
	      menu: this.menu.getBoundingClientRect(),
	      parent: this.parent.getBoundingClientRect(),
	      window: {
	        width: windowWidth
	      }
	    };
	    this.positionMenu();
	  }

	  /**
	   * Hide the menu
	   * @param {Object} [opts={}] - Options for hiding the menu
	   * @param {boolean} [opts.setFocus=true] - Whether or not the focus should be set on the toggling element; defaults to true
	   */;
	  _proto.hide = function hide(opts) {
	    var _this = this;
	    if (opts === void 0) {
	      opts = {};
	    }
	    // Default behavior should be to set focus on toggling element
	    var setFocus = typeof opts.setFocus === 'boolean' ? opts.setFocus : true;
	    this.shown = false;
	    this.el.classList.remove(ClassName$u.ACTIVE);
	    this.menu.classList.remove(ClassName$u.SHOW);

	    // 1. Add a class that triggers a CSS animation
	    // 2. Create an event listener that removes the class once it's animation is complete
	    if (this.enableFade) {
	      this.menu.addEventListener('animationend', function () {
	        _this.menu.classList.remove(ClassName$u.FADING_OUT);
	      }, {
	        once: true
	      }); // 2.
	      this.menu.classList.add(ClassName$u.FADING_OUT); // 1.
	    }

	    if (setFocus) {
	      // Set focus on the toggle
	      this.el.focus();
	    }
	  }

	  /**
	   * Toggle the menu state
	   */;
	  _proto.toggle = function toggle() {
	    if (this.shown) {
	      this.hide();
	    } else {
	      this.show();
	    }
	  }

	  /**
	   * Update the flyout instance
	   * @param {Object} [opts={}] - Options for updating the flyout instance
	   */;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    // Change the placement of the menu
	    if (opts.placement) {
	      this.placement = _getPlacement(opts.placement);
	    }

	    // Change the alignment of the menu
	    if (opts.alignment) {
	      this.alignment = _getAlignment(opts.alignment);
	    }

	    // Change the offset of the menu
	    if (typeof opts.offset !== 'undefined') {
	      var offset = parseInt(opts.offset, 10);
	      if (!isNaN(offset)) {
	        this.offset = offset;
	      }
	    }

	    // Change whether the menu should reflow
	    if (typeof opts.enableReflow === 'boolean') {
	      this.enableReflow = opts.enableReflow;
	    }

	    // Change whether the menu should enable a fade animation
	    if (typeof opts.enableFade === 'boolean' && opts.enableFade !== this.enableFade) {
	      this.enableFade = opts.enableFade;
	      this.menu.classList.toggle(ClassName$u.FADE);
	    }

	    // Update the menu position if its open
	    if (this.shown) {
	      this.positionMenu();
	    }
	  };
	  _createClass(Flyout, [{
	    key: "currentPosition",
	    get: function get() {
	      var position = {
	        placement: this.placement,
	        alignment: this.alignment
	      };
	      if (this.enableReflow) {
	        return this.reflowPosition || position; // fallback to original position, if undefined
	      }

	      return position;
	    }
	  }]);
	  return Flyout;
	}();

	var EventName$M = {
	  ON_HIDE: 'onHide',
	  ON_SHOW: 'onShow',
	  ON_UPDATE: 'onUpdate',
	  ON_REMOVE: 'onRemove'
	};
	var ClassName$t = {
	  SHOW: 'show',
	  ACTIVE: 'active',
	  BOTTOM: 'dropdown',
	  TOP: 'dropup',
	  RIGHT: 'dropright',
	  LEFT: 'dropleft',
	  MENU_RIGHT: 'dropdown-menu-right',
	  MENU_LEFT: 'dropdown-menu-left'
	};
	var Default$4 = Object.assign({}, Default$5, {
	  PLACEMENT: 'bottom'
	});
	var dropdowns = [];

	/**
	 * The event handler for when the target element is clicked.
	 * @param {MouseEvent} event - The event object.
	 */
	function _elOnClick(event) {
	  // Prevent page from trying to scroll to a page anchor.
	  event.preventDefault();
	  this.toggle();
	}

	/**
	 * The event handler for when a key is pressed on the target element.
	 * @param {KeyboardEvent} event - The event object.
	 */
	function _elOnKeydown(event) {
	  // Override keyboard functionality if element is an anchor.
	  if (event.keyCode === Util$1.keyCodes.SPACE || event.keyCode === Util$1.keyCodes.ENTER) {
	    // Trigger the same event as a click for consistency.
	    event.preventDefault();
	    _elOnClick.bind(this)(event);
	  }

	  // Events for when the menu is open.
	  if (this.shown) {
	    // Menu should close with the Esc key.
	    if (event.keyCode === Util$1.keyCodes.ESC) {
	      event.stopPropagation();
	      this.hide();
	    }
	    if (this.arrowableItems && event.keyCode === Util$1.keyCodes.ARROW_DOWN) {
	      // Prevent scrolling page on down arrow.
	      event.preventDefault();
	      // Set focus to first focusable element in menu.
	      this.arrowableItems[0].focus();
	    }
	  }
	}

	/**
	 * The event handler for when a key is pressed on the menu
	 * @param {KeyboardEvent} event - The event object
	 */
	function _menuOnKeydown$1(event) {
	  if (event.keyCode === Util$1.keyCodes.ESC) {
	    this.hide();
	  }
	  if (this.arrowableItems && (event.keyCode === Util$1.keyCodes.ARROW_DOWN || event.keyCode === Util$1.keyCodes.ARROW_UP)) {
	    // Prevent scrolling page on down arrow.
	    event.preventDefault();
	    if (event.keyCode === Util$1.keyCodes.ARROW_DOWN && document.activeElement !== this.arrowableItems[this.arrowableItems.length - 1]) {
	      // If the down key is pressed and its NOT on the last item in the list
	      this.arrowableItems[this.arrowableItems.indexOf(document.activeElement) + 1].focus();
	    } else if (event.keyCode === Util$1.keyCodes.ARROW_UP && document.activeElement !== this.arrowableItems[0]) {
	      // If the up key is pressed and its NOT on the first item in the list
	      this.arrowableItems[this.arrowableItems.indexOf(document.activeElement) - 1].focus();
	    } else {
	      this.hide();
	    }
	  }
	}

	/**
	 * The event handler for when mousedown is triggered on the document.
	 * Happens before mouseup, click, and focusin to control closing of the menu without conflicting with other events.
	 * @param {Event} event - The event object
	 */
	function _documentOnMousedown(event) {
	  if (this.shown && !this.menu.contains(event.target) && !this.el.contains(event.target)) {
	    this.hide({
	      setFocus: false
	    });
	  }
	}

	/**
	 * The event handler for when the document receives focus
	 * @param {Event} event - The event object
	 */
	function _documentOnFocusin(event) {
	  if (this.shown && !this.menu.contains(event.target)) {
	    this.hide();
	  }
	}

	/**
	 * Get the placement of a dropdown from the parent node class
	 * @param {HTMLElement} node - The element to check for a placement class
	 * @returns {string?} The placement of the dropdown
	 */
	function _getPlacementFromClass(node) {
	  for (var i = 0; i < node.classList.length; i++) {
	    switch (node.classList[i]) {
	      case ClassName$t.BOTTOM:
	        return 'bottom';
	      case ClassName$t.TOP:
	        return 'top';
	      case ClassName$t.LEFT:
	        return 'start';
	      case ClassName$t.RIGHT:
	        return 'end';
	    }
	  }
	}

	/**
	 * Apply the correct `drop{direction}` class according to the placement
	 * @param {HTMLElement} node - The element to apply the class to
	 */
	function _updatePlacementClass(node, placement) {
	  var className = ClassName$t[placement.toUpperCase()];
	  node.classList.remove(ClassName$t.BOTTOM, ClassName$t.TOP, ClassName$t.RIGHT, ClassName$t.LEFT);
	  node.classList.add(className);
	}
	var Dropdown = /*#__PURE__*/function (_Flyout) {
	  _inheritsLoose(Dropdown, _Flyout);
	  /**
	   * Create a Dropdown instance (inheriting Flyout)
	   * @param {Object} opts - The flyout options
	   * @param {HTMLElement} opts.el - The element that toggles the flyout
	   * @param {HTMLElement} [opts.menu] - The element that defines the flyout menu
	   * @param {string} [opts.placement=bottom] - A string that defines the placement of the menu
	   * @param {string} [opts.alignment=start] - A string that defines the alignment of the menu
	   * @param {number} [opts.offset=0] - The number of pixels the menu should be offset from the trigger
	   * @param {boolean} [opts.enableReflow=true] - Whether the menu should reflow to fit within the window as best as possible
	   */
	  function Dropdown(opts) {
	    var _this;
	    // Set super options
	    var flyoutOpts = Object.assign({}, opts);
	    var parent = flyoutOpts.el.offsetParent || flyoutOpts.el.parentElement;
	    var placementFromClass = _getPlacementFromClass(parent);
	    flyoutOpts.placement = opts.placement || placementFromClass || flyoutOpts.el.getAttribute('data-placement') || Default$4.PLACEMENT;
	    flyoutOpts.enableFade = false;
	    _this = _Flyout.call(this, flyoutOpts) || this;

	    // Dropdown-specific setup

	    // Ensure `drop` class matches the placement of the menu
	    // Invert
	    var invertedPlacement = _getPlacement(_this.placement, Default$4.PLACEMENT);
	    _updatePlacementClass(_this.parent, invertedPlacement);
	    if (_this.menu.nodeName.toLowerCase() === 'ul' || _this.menu.nodeName.toLowerCase() === 'ol') {
	      _this.arrowableItems = Util$1.getTabbableElements(_this.menu);
	    }

	    // Add event handlers.
	    _this.events = [{
	      el: _this.el,
	      type: 'click',
	      handler: _elOnClick.bind(_assertThisInitialized(_this))
	    }, {
	      el: _this.el,
	      type: 'keydown',
	      handler: _elOnKeydown.bind(_assertThisInitialized(_this))
	    }, {
	      el: _this.menu,
	      type: 'keydown',
	      handler: _menuOnKeydown$1.bind(_assertThisInitialized(_this))
	    }, {
	      el: document,
	      type: 'mousedown',
	      handler: _documentOnMousedown.bind(_assertThisInitialized(_this))
	    }, {
	      el: document,
	      type: 'focusin',
	      handler: _documentOnFocusin.bind(_assertThisInitialized(_this))
	    }];
	    Util$1.addEvents(_this.events);

	    // Add mutation observers.
	    _this.menuObserver = new MutationObserver(_this.update.bind(_assertThisInitialized(_this)));
	    _this.menuObserver.observe(_this.menu, {
	      childList: true,
	      subtree: true
	    });
	    dropdowns.push(_assertThisInitialized(_this));
	    return _this;
	  }

	  /**
	   * Show the menu
	   */
	  var _proto = Dropdown.prototype;
	  _proto.show = function show() {
	    // Create and dispatch custom event
	    this[EventName$M.ON_SHOW] = new CustomEvent(EventName$M.ON_SHOW, {
	      bubbles: true,
	      cancelable: true
	    });
	    this.el.dispatchEvent(this[EventName$M.ON_SHOW]);
	    if (this[EventName$M.ON_SHOW].defaultPrevented) {
	      return;
	    }
	    _Flyout.prototype.show.call(this);
	    this.el.setAttribute('aria-expanded', this.shown);
	  }

	  /**
	   * Hide the menu
	   * @param {Object} [opts={}] - Options for hiding the menu
	   * @param {boolean} [opts.setFocus=true] - Whether or not the focus should be set on the toggling element; defaults to true
	   */;
	  _proto.hide = function hide(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    // Create and dispatch custom event
	    this[EventName$M.ON_HIDE] = new CustomEvent(EventName$M.ON_HIDE, {
	      bubbles: true,
	      cancelable: true
	    });
	    this.el.dispatchEvent(this[EventName$M.ON_HIDE]);
	    if (this[EventName$M.ON_HIDE].defaultPrevented) {
	      return;
	    }
	    _Flyout.prototype.hide.call(this, opts);
	    this.el.setAttribute('aria-expanded', this.shown);
	  }

	  /**
	   * Update the dropdown instance
	   * @param {Object} [opts={}] - Options for updating the instance
	   */;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    var flyoutOpts = Object.assign({}, opts);
	    flyoutOpts.enableFade = false; // disable flyout fade feature

	    if (typeof this.arrowableItems !== 'undefined') {
	      // Update the list of known focusable items within the menu.
	      this.arrowableItems = Util$1.getTabbableElements(this.menu);
	    }
	    if (opts.placement) {
	      flyoutOpts.placement = _getPlacement(opts.placement, Default$4.PLACEMENT);
	    }
	    _Flyout.prototype.update.call(this, flyoutOpts);

	    // Invert dropleft/dropright classes that switch orientation in RTL
	    var invertedPlacement = _getPlacement(this.placement, Default$4.PLACEMENT);
	    _updatePlacementClass(this.parent, invertedPlacement);

	    // Create and dispatch custom event
	    this[EventName$M.ON_UPDATE] = new CustomEvent(EventName$M.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$M.ON_UPDATE]);
	  }

	  /**
	   * Remove the dropdown instance
	   */;
	  _proto.remove = function remove() {
	    // Remove event handlers, observers, etc.
	    Util$1.removeEvents(this.events);

	    // Remove this reference from the array of instances
	    var index = dropdowns.indexOf(this);
	    dropdowns.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$M.ON_REMOVE] = new CustomEvent(EventName$M.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$M.ON_REMOVE]);
	  }

	  /**
	   * Get an array of dropdown instances
	   * @returns {Object[]} Array of dropdown instances
	   */;
	  Dropdown.getInstances = function getInstances() {
	    return dropdowns;
	  };
	  return Dropdown;
	}(Flyout);

	var $$t = _export;
	var DESCRIPTORS$b = descriptors;
	var defineProperty$5 = objectDefineProperty.f;

	// `Object.defineProperty` method
	// https://tc39.es/ecma262/#sec-object.defineproperty
	// eslint-disable-next-line es/no-object-defineproperty -- safe
	$$t({ target: 'Object', stat: true, forced: Object.defineProperty !== defineProperty$5, sham: !DESCRIPTORS$b }, {
	  defineProperty: defineProperty$5
	});

	var internalMetadata = {exports: {}};

	var objectGetOwnPropertyNamesExternal = {};

	var toAbsoluteIndex = toAbsoluteIndex$4;
	var lengthOfArrayLike$3 = lengthOfArrayLike$b;
	var createProperty = createProperty$5;

	var $Array = Array;
	var max = Math.max;

	var arraySliceSimple = function (O, start, end) {
	  var length = lengthOfArrayLike$3(O);
	  var k = toAbsoluteIndex(start, length);
	  var fin = toAbsoluteIndex(end === undefined ? length : end, length);
	  var result = $Array(max(fin - k, 0));
	  for (var n = 0; k < fin; k++, n++) createProperty(result, n, O[k]);
	  result.length = n;
	  return result;
	};

	/* eslint-disable es/no-object-getownpropertynames -- safe */

	var classof$4 = classofRaw$2;
	var toIndexedObject$2 = toIndexedObject$a;
	var $getOwnPropertyNames = objectGetOwnPropertyNames.f;
	var arraySlice$4 = arraySliceSimple;

	var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames
	  ? Object.getOwnPropertyNames(window) : [];

	var getWindowNames = function (it) {
	  try {
	    return $getOwnPropertyNames(it);
	  } catch (error) {
	    return arraySlice$4(windowNames);
	  }
	};

	// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
	objectGetOwnPropertyNamesExternal.f = function getOwnPropertyNames(it) {
	  return windowNames && classof$4(it) == 'Window'
	    ? getWindowNames(it)
	    : $getOwnPropertyNames(toIndexedObject$2(it));
	};

	// FF26- bug: ArrayBuffers are non-extensible, but Object.isExtensible does not report it
	var fails$e = fails$I;

	var arrayBufferNonExtensible = fails$e(function () {
	  if (typeof ArrayBuffer == 'function') {
	    var buffer = new ArrayBuffer(8);
	    // eslint-disable-next-line es/no-object-isextensible, es/no-object-defineproperty -- safe
	    if (Object.isExtensible(buffer)) Object.defineProperty(buffer, 'a', { value: 8 });
	  }
	});

	var fails$d = fails$I;
	var isObject$8 = isObject$l;
	var classof$3 = classofRaw$2;
	var ARRAY_BUFFER_NON_EXTENSIBLE = arrayBufferNonExtensible;

	// eslint-disable-next-line es/no-object-isextensible -- safe
	var $isExtensible = Object.isExtensible;
	var FAILS_ON_PRIMITIVES = fails$d(function () { $isExtensible(1); });

	// `Object.isExtensible` method
	// https://tc39.es/ecma262/#sec-object.isextensible
	var objectIsExtensible = (FAILS_ON_PRIMITIVES || ARRAY_BUFFER_NON_EXTENSIBLE) ? function isExtensible(it) {
	  if (!isObject$8(it)) return false;
	  if (ARRAY_BUFFER_NON_EXTENSIBLE && classof$3(it) == 'ArrayBuffer') return false;
	  return $isExtensible ? $isExtensible(it) : true;
	} : $isExtensible;

	var fails$c = fails$I;

	var freezing = !fails$c(function () {
	  // eslint-disable-next-line es/no-object-isextensible, es/no-object-preventextensions -- required for testing
	  return Object.isExtensible(Object.preventExtensions({}));
	});

	var $$s = _export;
	var uncurryThis$g = functionUncurryThis;
	var hiddenKeys = hiddenKeys$5;
	var isObject$7 = isObject$l;
	var hasOwn$9 = hasOwnProperty_1;
	var defineProperty$4 = objectDefineProperty.f;
	var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
	var getOwnPropertyNamesExternalModule = objectGetOwnPropertyNamesExternal;
	var isExtensible$1 = objectIsExtensible;
	var uid = uid$3;
	var FREEZING$1 = freezing;

	var REQUIRED = false;
	var METADATA = uid('meta');
	var id$1 = 0;

	var setMetadata = function (it) {
	  defineProperty$4(it, METADATA, { value: {
	    objectID: 'O' + id$1++, // object ID
	    weakData: {}          // weak collections IDs
	  } });
	};

	var fastKey$1 = function (it, create) {
	  // return a primitive with prefix
	  if (!isObject$7(it)) return typeof it == 'symbol' ? it : (typeof it == 'string' ? 'S' : 'P') + it;
	  if (!hasOwn$9(it, METADATA)) {
	    // can't set metadata to uncaught frozen object
	    if (!isExtensible$1(it)) return 'F';
	    // not necessary to add metadata
	    if (!create) return 'E';
	    // add missing metadata
	    setMetadata(it);
	  // return object ID
	  } return it[METADATA].objectID;
	};

	var getWeakData$1 = function (it, create) {
	  if (!hasOwn$9(it, METADATA)) {
	    // can't set metadata to uncaught frozen object
	    if (!isExtensible$1(it)) return true;
	    // not necessary to add metadata
	    if (!create) return false;
	    // add missing metadata
	    setMetadata(it);
	  // return the store of weak collections IDs
	  } return it[METADATA].weakData;
	};

	// add metadata on freeze-family methods calling
	var onFreeze = function (it) {
	  if (FREEZING$1 && REQUIRED && isExtensible$1(it) && !hasOwn$9(it, METADATA)) setMetadata(it);
	  return it;
	};

	var enable = function () {
	  meta.enable = function () { /* empty */ };
	  REQUIRED = true;
	  var getOwnPropertyNames = getOwnPropertyNamesModule.f;
	  var splice = uncurryThis$g([].splice);
	  var test = {};
	  test[METADATA] = 1;

	  // prevent exposing of metadata key
	  if (getOwnPropertyNames(test).length) {
	    getOwnPropertyNamesModule.f = function (it) {
	      var result = getOwnPropertyNames(it);
	      for (var i = 0, length = result.length; i < length; i++) {
	        if (result[i] === METADATA) {
	          splice(result, i, 1);
	          break;
	        }
	      } return result;
	    };

	    $$s({ target: 'Object', stat: true, forced: true }, {
	      getOwnPropertyNames: getOwnPropertyNamesExternalModule.f
	    });
	  }
	};

	var meta = internalMetadata.exports = {
	  enable: enable,
	  fastKey: fastKey$1,
	  getWeakData: getWeakData$1,
	  onFreeze: onFreeze
	};

	hiddenKeys[METADATA] = true;

	var internalMetadataExports = internalMetadata.exports;

	var bind$6 = functionBindContext;
	var call$7 = functionCall;
	var anObject$5 = anObject$l;
	var tryToString$1 = tryToString$5;
	var isArrayIteratorMethod = isArrayIteratorMethod$2;
	var lengthOfArrayLike$2 = lengthOfArrayLike$b;
	var isPrototypeOf$2 = objectIsPrototypeOf;
	var getIterator$1 = getIterator$3;
	var getIteratorMethod$1 = getIteratorMethod$4;
	var iteratorClose = iteratorClose$2;

	var $TypeError$3 = TypeError;

	var Result = function (stopped, result) {
	  this.stopped = stopped;
	  this.result = result;
	};

	var ResultPrototype = Result.prototype;

	var iterate$5 = function (iterable, unboundFunction, options) {
	  var that = options && options.that;
	  var AS_ENTRIES = !!(options && options.AS_ENTRIES);
	  var IS_RECORD = !!(options && options.IS_RECORD);
	  var IS_ITERATOR = !!(options && options.IS_ITERATOR);
	  var INTERRUPTED = !!(options && options.INTERRUPTED);
	  var fn = bind$6(unboundFunction, that);
	  var iterator, iterFn, index, length, result, next, step;

	  var stop = function (condition) {
	    if (iterator) iteratorClose(iterator, 'normal', condition);
	    return new Result(true, condition);
	  };

	  var callFn = function (value) {
	    if (AS_ENTRIES) {
	      anObject$5(value);
	      return INTERRUPTED ? fn(value[0], value[1], stop) : fn(value[0], value[1]);
	    } return INTERRUPTED ? fn(value, stop) : fn(value);
	  };

	  if (IS_RECORD) {
	    iterator = iterable.iterator;
	  } else if (IS_ITERATOR) {
	    iterator = iterable;
	  } else {
	    iterFn = getIteratorMethod$1(iterable);
	    if (!iterFn) throw $TypeError$3(tryToString$1(iterable) + ' is not iterable');
	    // optimisation for array iterators
	    if (isArrayIteratorMethod(iterFn)) {
	      for (index = 0, length = lengthOfArrayLike$2(iterable); length > index; index++) {
	        result = callFn(iterable[index]);
	        if (result && isPrototypeOf$2(ResultPrototype, result)) return result;
	      } return new Result(false);
	    }
	    iterator = getIterator$1(iterable, iterFn);
	  }

	  next = IS_RECORD ? iterable.next : iterator.next;
	  while (!(step = call$7(next, iterator)).done) {
	    try {
	      result = callFn(step.value);
	    } catch (error) {
	      iteratorClose(iterator, 'throw', error);
	    }
	    if (typeof result == 'object' && result && isPrototypeOf$2(ResultPrototype, result)) return result;
	  } return new Result(false);
	};

	var isPrototypeOf$1 = objectIsPrototypeOf;

	var $TypeError$2 = TypeError;

	var anInstance$8 = function (it, Prototype) {
	  if (isPrototypeOf$1(Prototype, it)) return it;
	  throw $TypeError$2('Incorrect invocation');
	};

	var $$r = _export;
	var global$c = global$y;
	var uncurryThis$f = functionUncurryThis;
	var isForced$1 = isForced_1;
	var defineBuiltIn$7 = defineBuiltIn$g;
	var InternalMetadataModule$1 = internalMetadataExports;
	var iterate$4 = iterate$5;
	var anInstance$7 = anInstance$8;
	var isCallable$8 = isCallable$u;
	var isNullOrUndefined$3 = isNullOrUndefined$9;
	var isObject$6 = isObject$l;
	var fails$b = fails$I;
	var checkCorrectnessOfIteration$1 = checkCorrectnessOfIteration$3;
	var setToStringTag$4 = setToStringTag$7;
	var inheritIfRequired$2 = inheritIfRequired$4;

	var collection$3 = function (CONSTRUCTOR_NAME, wrapper, common) {
	  var IS_MAP = CONSTRUCTOR_NAME.indexOf('Map') !== -1;
	  var IS_WEAK = CONSTRUCTOR_NAME.indexOf('Weak') !== -1;
	  var ADDER = IS_MAP ? 'set' : 'add';
	  var NativeConstructor = global$c[CONSTRUCTOR_NAME];
	  var NativePrototype = NativeConstructor && NativeConstructor.prototype;
	  var Constructor = NativeConstructor;
	  var exported = {};

	  var fixMethod = function (KEY) {
	    var uncurriedNativeMethod = uncurryThis$f(NativePrototype[KEY]);
	    defineBuiltIn$7(NativePrototype, KEY,
	      KEY == 'add' ? function add(value) {
	        uncurriedNativeMethod(this, value === 0 ? 0 : value);
	        return this;
	      } : KEY == 'delete' ? function (key) {
	        return IS_WEAK && !isObject$6(key) ? false : uncurriedNativeMethod(this, key === 0 ? 0 : key);
	      } : KEY == 'get' ? function get(key) {
	        return IS_WEAK && !isObject$6(key) ? undefined : uncurriedNativeMethod(this, key === 0 ? 0 : key);
	      } : KEY == 'has' ? function has(key) {
	        return IS_WEAK && !isObject$6(key) ? false : uncurriedNativeMethod(this, key === 0 ? 0 : key);
	      } : function set(key, value) {
	        uncurriedNativeMethod(this, key === 0 ? 0 : key, value);
	        return this;
	      }
	    );
	  };

	  var REPLACE = isForced$1(
	    CONSTRUCTOR_NAME,
	    !isCallable$8(NativeConstructor) || !(IS_WEAK || NativePrototype.forEach && !fails$b(function () {
	      new NativeConstructor().entries().next();
	    }))
	  );

	  if (REPLACE) {
	    // create collection constructor
	    Constructor = common.getConstructor(wrapper, CONSTRUCTOR_NAME, IS_MAP, ADDER);
	    InternalMetadataModule$1.enable();
	  } else if (isForced$1(CONSTRUCTOR_NAME, true)) {
	    var instance = new Constructor();
	    // early implementations not supports chaining
	    var HASNT_CHAINING = instance[ADDER](IS_WEAK ? {} : -0, 1) != instance;
	    // V8 ~ Chromium 40- weak-collections throws on primitives, but should return false
	    var THROWS_ON_PRIMITIVES = fails$b(function () { instance.has(1); });
	    // most early implementations doesn't supports iterables, most modern - not close it correctly
	    // eslint-disable-next-line no-new -- required for testing
	    var ACCEPT_ITERABLES = checkCorrectnessOfIteration$1(function (iterable) { new NativeConstructor(iterable); });
	    // for early implementations -0 and +0 not the same
	    var BUGGY_ZERO = !IS_WEAK && fails$b(function () {
	      // V8 ~ Chromium 42- fails only with 5+ elements
	      var $instance = new NativeConstructor();
	      var index = 5;
	      while (index--) $instance[ADDER](index, index);
	      return !$instance.has(-0);
	    });

	    if (!ACCEPT_ITERABLES) {
	      Constructor = wrapper(function (dummy, iterable) {
	        anInstance$7(dummy, NativePrototype);
	        var that = inheritIfRequired$2(new NativeConstructor(), dummy, Constructor);
	        if (!isNullOrUndefined$3(iterable)) iterate$4(iterable, that[ADDER], { that: that, AS_ENTRIES: IS_MAP });
	        return that;
	      });
	      Constructor.prototype = NativePrototype;
	      NativePrototype.constructor = Constructor;
	    }

	    if (THROWS_ON_PRIMITIVES || BUGGY_ZERO) {
	      fixMethod('delete');
	      fixMethod('has');
	      IS_MAP && fixMethod('get');
	    }

	    if (BUGGY_ZERO || HASNT_CHAINING) fixMethod(ADDER);

	    // weak collections should not contains .clear method
	    if (IS_WEAK && NativePrototype.clear) delete NativePrototype.clear;
	  }

	  exported[CONSTRUCTOR_NAME] = Constructor;
	  $$r({ global: true, constructor: true, forced: Constructor != NativeConstructor }, exported);

	  setToStringTag$4(Constructor, CONSTRUCTOR_NAME);

	  if (!IS_WEAK) common.setStrong(Constructor, CONSTRUCTOR_NAME, IS_MAP);

	  return Constructor;
	};

	var makeBuiltIn = makeBuiltInExports;
	var defineProperty$3 = objectDefineProperty;

	var defineBuiltInAccessor$6 = function (target, name, descriptor) {
	  if (descriptor.get) makeBuiltIn(descriptor.get, name, { getter: true });
	  if (descriptor.set) makeBuiltIn(descriptor.set, name, { setter: true });
	  return defineProperty$3.f(target, name, descriptor);
	};

	var defineBuiltIn$6 = defineBuiltIn$g;

	var defineBuiltIns$4 = function (target, src, options) {
	  for (var key in src) defineBuiltIn$6(target, key, src[key], options);
	  return target;
	};

	var getBuiltIn$9 = getBuiltIn$e;
	var defineBuiltInAccessor$5 = defineBuiltInAccessor$6;
	var wellKnownSymbol$4 = wellKnownSymbol$o;
	var DESCRIPTORS$a = descriptors;

	var SPECIES$2 = wellKnownSymbol$4('species');

	var setSpecies$2 = function (CONSTRUCTOR_NAME) {
	  var Constructor = getBuiltIn$9(CONSTRUCTOR_NAME);

	  if (DESCRIPTORS$a && Constructor && !Constructor[SPECIES$2]) {
	    defineBuiltInAccessor$5(Constructor, SPECIES$2, {
	      configurable: true,
	      get: function () { return this; }
	    });
	  }
	};

	var create$3 = objectCreate;
	var defineBuiltInAccessor$4 = defineBuiltInAccessor$6;
	var defineBuiltIns$3 = defineBuiltIns$4;
	var bind$5 = functionBindContext;
	var anInstance$6 = anInstance$8;
	var isNullOrUndefined$2 = isNullOrUndefined$9;
	var iterate$3 = iterate$5;
	var defineIterator = iteratorDefine;
	var createIterResultObject = createIterResultObject$3;
	var setSpecies$1 = setSpecies$2;
	var DESCRIPTORS$9 = descriptors;
	var fastKey = internalMetadataExports.fastKey;
	var InternalStateModule$5 = internalState;

	var setInternalState$5 = InternalStateModule$5.set;
	var internalStateGetterFor$1 = InternalStateModule$5.getterFor;

	var collectionStrong$2 = {
	  getConstructor: function (wrapper, CONSTRUCTOR_NAME, IS_MAP, ADDER) {
	    var Constructor = wrapper(function (that, iterable) {
	      anInstance$6(that, Prototype);
	      setInternalState$5(that, {
	        type: CONSTRUCTOR_NAME,
	        index: create$3(null),
	        first: undefined,
	        last: undefined,
	        size: 0
	      });
	      if (!DESCRIPTORS$9) that.size = 0;
	      if (!isNullOrUndefined$2(iterable)) iterate$3(iterable, that[ADDER], { that: that, AS_ENTRIES: IS_MAP });
	    });

	    var Prototype = Constructor.prototype;

	    var getInternalState = internalStateGetterFor$1(CONSTRUCTOR_NAME);

	    var define = function (that, key, value) {
	      var state = getInternalState(that);
	      var entry = getEntry(that, key);
	      var previous, index;
	      // change existing entry
	      if (entry) {
	        entry.value = value;
	      // create new entry
	      } else {
	        state.last = entry = {
	          index: index = fastKey(key, true),
	          key: key,
	          value: value,
	          previous: previous = state.last,
	          next: undefined,
	          removed: false
	        };
	        if (!state.first) state.first = entry;
	        if (previous) previous.next = entry;
	        if (DESCRIPTORS$9) state.size++;
	        else that.size++;
	        // add to index
	        if (index !== 'F') state.index[index] = entry;
	      } return that;
	    };

	    var getEntry = function (that, key) {
	      var state = getInternalState(that);
	      // fast case
	      var index = fastKey(key);
	      var entry;
	      if (index !== 'F') return state.index[index];
	      // frozen object case
	      for (entry = state.first; entry; entry = entry.next) {
	        if (entry.key == key) return entry;
	      }
	    };

	    defineBuiltIns$3(Prototype, {
	      // `{ Map, Set }.prototype.clear()` methods
	      // https://tc39.es/ecma262/#sec-map.prototype.clear
	      // https://tc39.es/ecma262/#sec-set.prototype.clear
	      clear: function clear() {
	        var that = this;
	        var state = getInternalState(that);
	        var data = state.index;
	        var entry = state.first;
	        while (entry) {
	          entry.removed = true;
	          if (entry.previous) entry.previous = entry.previous.next = undefined;
	          delete data[entry.index];
	          entry = entry.next;
	        }
	        state.first = state.last = undefined;
	        if (DESCRIPTORS$9) state.size = 0;
	        else that.size = 0;
	      },
	      // `{ Map, Set }.prototype.delete(key)` methods
	      // https://tc39.es/ecma262/#sec-map.prototype.delete
	      // https://tc39.es/ecma262/#sec-set.prototype.delete
	      'delete': function (key) {
	        var that = this;
	        var state = getInternalState(that);
	        var entry = getEntry(that, key);
	        if (entry) {
	          var next = entry.next;
	          var prev = entry.previous;
	          delete state.index[entry.index];
	          entry.removed = true;
	          if (prev) prev.next = next;
	          if (next) next.previous = prev;
	          if (state.first == entry) state.first = next;
	          if (state.last == entry) state.last = prev;
	          if (DESCRIPTORS$9) state.size--;
	          else that.size--;
	        } return !!entry;
	      },
	      // `{ Map, Set }.prototype.forEach(callbackfn, thisArg = undefined)` methods
	      // https://tc39.es/ecma262/#sec-map.prototype.foreach
	      // https://tc39.es/ecma262/#sec-set.prototype.foreach
	      forEach: function forEach(callbackfn /* , that = undefined */) {
	        var state = getInternalState(this);
	        var boundFunction = bind$5(callbackfn, arguments.length > 1 ? arguments[1] : undefined);
	        var entry;
	        while (entry = entry ? entry.next : state.first) {
	          boundFunction(entry.value, entry.key, this);
	          // revert to the last existing entry
	          while (entry && entry.removed) entry = entry.previous;
	        }
	      },
	      // `{ Map, Set}.prototype.has(key)` methods
	      // https://tc39.es/ecma262/#sec-map.prototype.has
	      // https://tc39.es/ecma262/#sec-set.prototype.has
	      has: function has(key) {
	        return !!getEntry(this, key);
	      }
	    });

	    defineBuiltIns$3(Prototype, IS_MAP ? {
	      // `Map.prototype.get(key)` method
	      // https://tc39.es/ecma262/#sec-map.prototype.get
	      get: function get(key) {
	        var entry = getEntry(this, key);
	        return entry && entry.value;
	      },
	      // `Map.prototype.set(key, value)` method
	      // https://tc39.es/ecma262/#sec-map.prototype.set
	      set: function set(key, value) {
	        return define(this, key === 0 ? 0 : key, value);
	      }
	    } : {
	      // `Set.prototype.add(value)` method
	      // https://tc39.es/ecma262/#sec-set.prototype.add
	      add: function add(value) {
	        return define(this, value = value === 0 ? 0 : value, value);
	      }
	    });
	    if (DESCRIPTORS$9) defineBuiltInAccessor$4(Prototype, 'size', {
	      configurable: true,
	      get: function () {
	        return getInternalState(this).size;
	      }
	    });
	    return Constructor;
	  },
	  setStrong: function (Constructor, CONSTRUCTOR_NAME, IS_MAP) {
	    var ITERATOR_NAME = CONSTRUCTOR_NAME + ' Iterator';
	    var getInternalCollectionState = internalStateGetterFor$1(CONSTRUCTOR_NAME);
	    var getInternalIteratorState = internalStateGetterFor$1(ITERATOR_NAME);
	    // `{ Map, Set }.prototype.{ keys, values, entries, @@iterator }()` methods
	    // https://tc39.es/ecma262/#sec-map.prototype.entries
	    // https://tc39.es/ecma262/#sec-map.prototype.keys
	    // https://tc39.es/ecma262/#sec-map.prototype.values
	    // https://tc39.es/ecma262/#sec-map.prototype-@@iterator
	    // https://tc39.es/ecma262/#sec-set.prototype.entries
	    // https://tc39.es/ecma262/#sec-set.prototype.keys
	    // https://tc39.es/ecma262/#sec-set.prototype.values
	    // https://tc39.es/ecma262/#sec-set.prototype-@@iterator
	    defineIterator(Constructor, CONSTRUCTOR_NAME, function (iterated, kind) {
	      setInternalState$5(this, {
	        type: ITERATOR_NAME,
	        target: iterated,
	        state: getInternalCollectionState(iterated),
	        kind: kind,
	        last: undefined
	      });
	    }, function () {
	      var state = getInternalIteratorState(this);
	      var kind = state.kind;
	      var entry = state.last;
	      // revert to the last existing entry
	      while (entry && entry.removed) entry = entry.previous;
	      // get next entry
	      if (!state.target || !(state.last = entry = entry ? entry.next : state.state.first)) {
	        // or finish the iteration
	        state.target = undefined;
	        return createIterResultObject(undefined, true);
	      }
	      // return step by kind
	      if (kind == 'keys') return createIterResultObject(entry.key, false);
	      if (kind == 'values') return createIterResultObject(entry.value, false);
	      return createIterResultObject([entry.key, entry.value], false);
	    }, IS_MAP ? 'entries' : 'values', !IS_MAP, true);

	    // `{ Map, Set }.prototype[@@species]` accessors
	    // https://tc39.es/ecma262/#sec-get-map-@@species
	    // https://tc39.es/ecma262/#sec-get-set-@@species
	    setSpecies$1(CONSTRUCTOR_NAME);
	  }
	};

	var collection$2 = collection$3;
	var collectionStrong$1 = collectionStrong$2;

	// `Map` constructor
	// https://tc39.es/ecma262/#sec-map-objects
	collection$2('Map', function (init) {
	  return function Map() { return init(this, arguments.length ? arguments[0] : undefined); };
	}, collectionStrong$1);

	var arraySlice$3 = arraySliceSimple;

	var floor$2 = Math.floor;

	var mergeSort = function (array, comparefn) {
	  var length = array.length;
	  var middle = floor$2(length / 2);
	  return length < 8 ? insertionSort(array, comparefn) : merge(
	    array,
	    mergeSort(arraySlice$3(array, 0, middle), comparefn),
	    mergeSort(arraySlice$3(array, middle), comparefn),
	    comparefn
	  );
	};

	var insertionSort = function (array, comparefn) {
	  var length = array.length;
	  var i = 1;
	  var element, j;

	  while (i < length) {
	    j = i;
	    element = array[i];
	    while (j && comparefn(array[j - 1], element) > 0) {
	      array[j] = array[--j];
	    }
	    if (j !== i++) array[j] = element;
	  } return array;
	};

	var merge = function (array, left, right, comparefn) {
	  var llength = left.length;
	  var rlength = right.length;
	  var lindex = 0;
	  var rindex = 0;

	  while (lindex < llength || rindex < rlength) {
	    array[lindex + rindex] = (lindex < llength && rindex < rlength)
	      ? comparefn(left[lindex], right[rindex]) <= 0 ? left[lindex++] : right[rindex++]
	      : lindex < llength ? left[lindex++] : right[rindex++];
	  } return array;
	};

	var arraySort$1 = mergeSort;

	var userAgent$5 = engineUserAgent;

	var firefox = userAgent$5.match(/firefox\/(\d+)/i);

	var engineFfVersion = !!firefox && +firefox[1];

	var UA = engineUserAgent;

	var engineIsIeOrEdge = /MSIE|Trident/.test(UA);

	var userAgent$4 = engineUserAgent;

	var webkit = userAgent$4.match(/AppleWebKit\/(\d+)\./);

	var engineWebkitVersion = !!webkit && +webkit[1];

	var $$q = _export;
	var uncurryThis$e = functionUncurryThis;
	var aCallable$4 = aCallable$a;
	var toObject = toObject$b;
	var lengthOfArrayLike$1 = lengthOfArrayLike$b;
	var deletePropertyOrThrow = deletePropertyOrThrow$2;
	var toString$5 = toString$i;
	var fails$a = fails$I;
	var internalSort = arraySort$1;
	var arrayMethodIsStrict$3 = arrayMethodIsStrict$7;
	var FF = engineFfVersion;
	var IE_OR_EDGE = engineIsIeOrEdge;
	var V8 = engineV8Version;
	var WEBKIT = engineWebkitVersion;

	var test = [];
	var nativeSort = uncurryThis$e(test.sort);
	var push$5 = uncurryThis$e(test.push);

	// IE8-
	var FAILS_ON_UNDEFINED = fails$a(function () {
	  test.sort(undefined);
	});
	// V8 bug
	var FAILS_ON_NULL = fails$a(function () {
	  test.sort(null);
	});
	// Old WebKit
	var STRICT_METHOD$3 = arrayMethodIsStrict$3('sort');

	var STABLE_SORT = !fails$a(function () {
	  // feature detection can be too slow, so check engines versions
	  if (V8) return V8 < 70;
	  if (FF && FF > 3) return;
	  if (IE_OR_EDGE) return true;
	  if (WEBKIT) return WEBKIT < 603;

	  var result = '';
	  var code, chr, value, index;

	  // generate an array with more 512 elements (Chakra and old V8 fails only in this case)
	  for (code = 65; code < 76; code++) {
	    chr = String.fromCharCode(code);

	    switch (code) {
	      case 66: case 69: case 70: case 72: value = 3; break;
	      case 68: case 71: value = 4; break;
	      default: value = 2;
	    }

	    for (index = 0; index < 47; index++) {
	      test.push({ k: chr + index, v: value });
	    }
	  }

	  test.sort(function (a, b) { return b.v - a.v; });

	  for (index = 0; index < test.length; index++) {
	    chr = test[index].k.charAt(0);
	    if (result.charAt(result.length - 1) !== chr) result += chr;
	  }

	  return result !== 'DGBEFHACIJK';
	});

	var FORCED$2 = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD$3 || !STABLE_SORT;

	var getSortCompare = function (comparefn) {
	  return function (x, y) {
	    if (y === undefined) return -1;
	    if (x === undefined) return 1;
	    if (comparefn !== undefined) return +comparefn(x, y) || 0;
	    return toString$5(x) > toString$5(y) ? 1 : -1;
	  };
	};

	// `Array.prototype.sort` method
	// https://tc39.es/ecma262/#sec-array.prototype.sort
	$$q({ target: 'Array', proto: true, forced: FORCED$2 }, {
	  sort: function sort(comparefn) {
	    if (comparefn !== undefined) aCallable$4(comparefn);

	    var array = toObject(this);

	    if (STABLE_SORT) return comparefn === undefined ? nativeSort(array) : nativeSort(array, comparefn);

	    var items = [];
	    var arrayLength = lengthOfArrayLike$1(array);
	    var itemsLength, index;

	    for (index = 0; index < arrayLength; index++) {
	      if (index in array) push$5(items, array[index]);
	    }

	    internalSort(items, getSortCompare(comparefn));

	    itemsLength = lengthOfArrayLike$1(items);
	    index = 0;

	    while (index < itemsLength) array[index] = items[index++];
	    while (index < arrayLength) deletePropertyOrThrow(array, index++);

	    return array;
	  }
	});

	var $$p = _export;
	var $map = arrayIteration.map;
	var arrayMethodHasSpeciesSupport = arrayMethodHasSpeciesSupport$5;

	var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');

	// `Array.prototype.map` method
	// https://tc39.es/ecma262/#sec-array.prototype.map
	// with adding support of @@species
	$$p({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
	  map: function map(callbackfn /* , thisArg */) {
	    return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
	  }
	});

	var uncurryThis$d = functionUncurryThis;
	var isArray$1 = isArray$7;
	var isCallable$7 = isCallable$u;
	var classof$2 = classofRaw$2;
	var toString$4 = toString$i;

	var push$4 = uncurryThis$d([].push);

	var getJsonReplacerFunction = function (replacer) {
	  if (isCallable$7(replacer)) return replacer;
	  if (!isArray$1(replacer)) return;
	  var rawLength = replacer.length;
	  var keys = [];
	  for (var i = 0; i < rawLength; i++) {
	    var element = replacer[i];
	    if (typeof element == 'string') push$4(keys, element);
	    else if (typeof element == 'number' || classof$2(element) == 'Number' || classof$2(element) == 'String') push$4(keys, toString$4(element));
	  }
	  var keysLength = keys.length;
	  var root = true;
	  return function (key, value) {
	    if (root) {
	      root = false;
	      return value;
	    }
	    if (isArray$1(this)) return value;
	    for (var j = 0; j < keysLength; j++) if (keys[j] === key) return value;
	  };
	};

	var $$o = _export;
	var getBuiltIn$8 = getBuiltIn$e;
	var apply$3 = functionApply;
	var call$6 = functionCall;
	var uncurryThis$c = functionUncurryThis;
	var fails$9 = fails$I;
	var isCallable$6 = isCallable$u;
	var isSymbol = isSymbol$4;
	var arraySlice$2 = arraySlice$7;
	var getReplacerFunction = getJsonReplacerFunction;
	var NATIVE_SYMBOL = symbolConstructorDetection;

	var $String = String;
	var $stringify = getBuiltIn$8('JSON', 'stringify');
	var exec$3 = uncurryThis$c(/./.exec);
	var charAt$3 = uncurryThis$c(''.charAt);
	var charCodeAt$1 = uncurryThis$c(''.charCodeAt);
	var replace$6 = uncurryThis$c(''.replace);
	var numberToString$1 = uncurryThis$c(1.0.toString);

	var tester = /[\uD800-\uDFFF]/g;
	var low = /^[\uD800-\uDBFF]$/;
	var hi = /^[\uDC00-\uDFFF]$/;

	var WRONG_SYMBOLS_CONVERSION = !NATIVE_SYMBOL || fails$9(function () {
	  var symbol = getBuiltIn$8('Symbol')();
	  // MS Edge converts symbol values to JSON as {}
	  return $stringify([symbol]) != '[null]'
	    // WebKit converts symbol values to JSON as null
	    || $stringify({ a: symbol }) != '{}'
	    // V8 throws on boxed symbols
	    || $stringify(Object(symbol)) != '{}';
	});

	// https://github.com/tc39/proposal-well-formed-stringify
	var ILL_FORMED_UNICODE = fails$9(function () {
	  return $stringify('\uDF06\uD834') !== '"\\udf06\\ud834"'
	    || $stringify('\uDEAD') !== '"\\udead"';
	});

	var stringifyWithSymbolsFix = function (it, replacer) {
	  var args = arraySlice$2(arguments);
	  var $replacer = getReplacerFunction(replacer);
	  if (!isCallable$6($replacer) && (it === undefined || isSymbol(it))) return; // IE8 returns string on undefined
	  args[1] = function (key, value) {
	    // some old implementations (like WebKit) could pass numbers as keys
	    if (isCallable$6($replacer)) value = call$6($replacer, this, $String(key), value);
	    if (!isSymbol(value)) return value;
	  };
	  return apply$3($stringify, null, args);
	};

	var fixIllFormed = function (match, offset, string) {
	  var prev = charAt$3(string, offset - 1);
	  var next = charAt$3(string, offset + 1);
	  if ((exec$3(low, match) && !exec$3(hi, next)) || (exec$3(hi, match) && !exec$3(low, prev))) {
	    return '\\u' + numberToString$1(charCodeAt$1(match, 0), 16);
	  } return match;
	};

	if ($stringify) {
	  // `JSON.stringify` method
	  // https://tc39.es/ecma262/#sec-json.stringify
	  $$o({ target: 'JSON', stat: true, arity: 3, forced: WRONG_SYMBOLS_CONVERSION || ILL_FORMED_UNICODE }, {
	    // eslint-disable-next-line no-unused-vars -- required for `.length`
	    stringify: function stringify(it, replacer, space) {
	      var args = arraySlice$2(arguments);
	      var result = apply$3(WRONG_SYMBOLS_CONVERSION ? stringifyWithSymbolsFix : $stringify, null, args);
	      return ILL_FORMED_UNICODE && typeof result == 'string' ? replace$6(result, tester, fixIllFormed) : result;
	    }
	  });
	}

	var DESCRIPTORS$8 = descriptors;
	var uncurryThis$b = functionUncurryThis;
	var objectKeys = objectKeys$3;
	var toIndexedObject$1 = toIndexedObject$a;
	var $propertyIsEnumerable = objectPropertyIsEnumerable.f;

	var propertyIsEnumerable = uncurryThis$b($propertyIsEnumerable);
	var push$3 = uncurryThis$b([].push);

	// `Object.{ entries, values }` methods implementation
	var createMethod$1 = function (TO_ENTRIES) {
	  return function (it) {
	    var O = toIndexedObject$1(it);
	    var keys = objectKeys(O);
	    var length = keys.length;
	    var i = 0;
	    var result = [];
	    var key;
	    while (length > i) {
	      key = keys[i++];
	      if (!DESCRIPTORS$8 || propertyIsEnumerable(O, key)) {
	        push$3(result, TO_ENTRIES ? [key, O[key]] : O[key]);
	      }
	    }
	    return result;
	  };
	};

	var objectToArray = {
	  // `Object.entries` method
	  // https://tc39.es/ecma262/#sec-object.entries
	  entries: createMethod$1(true),
	  // `Object.values` method
	  // https://tc39.es/ecma262/#sec-object.values
	  values: createMethod$1(false)
	};

	var $$n = _export;
	var $values = objectToArray.values;

	// `Object.values` method
	// https://tc39.es/ecma262/#sec-object.values
	$$n({ target: 'Object', stat: true }, {
	  values: function values(O) {
	    return $values(O);
	  }
	});

	var Selector$M = {
	  DATA_MOUNT: '[data-mount="sticky"]',
	  SHOW_STUCK: '.sticky-show-stuck',
	  HIDE_STUCK: '.sticky-hide-stuck'
	};
	var ClassName$s = {
	  STICKY: 'sticky',
	  STUCK: 'stuck',
	  GET_HEIGHT: 'get-height',
	  STICKY_TOP: 'sticky-direction-top',
	  STICKY_BOTTOM: 'sticky-direction-bottom'
	};
	var Direction$4 = {
	  TOP: 'top',
	  BOTTOM: 'bottom'
	};
	var EventName$L = {
	  ON_STUCK: 'onSticky',
	  ON_UNSTUCK: 'onStatic',
	  ON_UPDATE: 'onUpdate',
	  ON_REMOVE: 'onRemove',
	  RESIZE: 'resize'
	};
	var Default$3 = {
	  DIRECTION: 'top',
	  EXTRA_SCROLL_PADDING: 12
	};

	/**
	 * @enum {string}
	 */
	var ObserverBehavior$2 = {
	  ALWAYS: 'always',
	  OFF: 'off',
	  SIZE_AWARE: 'size-aware'
	};
	var stickies$2 = [];

	/**
	 * Private functions.
	 */

	/**
	 * Get the direction of the sticky.
	 * @param {string} str - The string to parse.
	 * @param {string} [defaultValue="top"] - The default value to fallback to.
	 * @returns {string} The direction of the sticky.
	 */
	function _getDirection$2(str, defaultValue) {
	  if (defaultValue === void 0) {
	    defaultValue = Default$3.DIRECTION;
	  }
	  switch (str) {
	    case 'top':
	    case 'bottom':
	      return str;
	    default:
	      return defaultValue;
	  }
	}

	/**
	 * Class representing a Sticky element.
	 */
	var _init$1 = /*#__PURE__*/_classPrivateFieldLooseKey("init");
	var _setUp = /*#__PURE__*/_classPrivateFieldLooseKey("setUp");
	var _getObserverBehavior$2 = /*#__PURE__*/_classPrivateFieldLooseKey("getObserverBehavior");
	var _setDirectionalProps$2 = /*#__PURE__*/_classPrivateFieldLooseKey("setDirectionalProps");
	var _calculateHeights$2 = /*#__PURE__*/_classPrivateFieldLooseKey("calculateHeights");
	var _calculateLooseWidth = /*#__PURE__*/_classPrivateFieldLooseKey("calculateLooseWidth");
	var _onStickyChange$2 = /*#__PURE__*/_classPrivateFieldLooseKey("onStickyChange");
	var _createObserver$3 = /*#__PURE__*/_classPrivateFieldLooseKey("createObserver");
	var _setStickyHeight = /*#__PURE__*/_classPrivateFieldLooseKey("setStickyHeight");
	var _setVw = /*#__PURE__*/_classPrivateFieldLooseKey("setVw");
	var _setIsStuck = /*#__PURE__*/_classPrivateFieldLooseKey("setIsStuck");
	var _onResize$1 = /*#__PURE__*/_classPrivateFieldLooseKey("onResize");
	var _updateScrollPadding$2 = /*#__PURE__*/_classPrivateFieldLooseKey("updateScrollPadding");
	var _stickyExceedsAcceptedHeight$2 = /*#__PURE__*/_classPrivateFieldLooseKey("stickyExceedsAcceptedHeight");
	var _setObserverStatus = /*#__PURE__*/_classPrivateFieldLooseKey("setObserverStatus");
	var Sticky = /*#__PURE__*/function () {
	  /**
	   * Create a Sticky instance
	   * @param {Object} opts - The Sticky element options.
	   * @param {HTMLElement} opts.el - The Sticky element DOM node.
	   * @param {string} [opts.direction] - Whether the Sticky element sticks to the top when scrolled below a certain point (TOP) or sticks to the bottom when scrolled above a certain point (BOTTOM). If not defined, will attempt to read `data-direction` attribute, then defaults TOP
	   * @param {ObserverBehavior} opts.observerBehavior - the behavior of the intersection observer to toggle stuck/unstuck states
	   * @param {number} [opts.extraScrollPaddingPx] - Extra scroll padding to reduce crowding into sticky bars, defaults to 12px, same as minimal gutters
	   */
	  function Sticky(opts) {
	    var _this = this;
	    /**
	     * Set the status (enabled/disabled) of the intersection observer and update the isStuck property
	     * @param {boolean} status The status to set
	     */
	    Object.defineProperty(this, _setObserverStatus, {
	      value: _setObserverStatus2
	    });
	    /**
	     * Calculate whether the height of the sticky has exceeded 33% of the viewport height based on height of the sticky's hidden elements and the height of the sticky's visible elements.
	     * @returns {boolean} Whether the height of the sticky has exceeded 33% of the viewport height.
	     */
	    Object.defineProperty(this, _stickyExceedsAcceptedHeight$2, {
	      value: _stickyExceedsAcceptedHeight2
	    });
	    /**
	     * Updates scroll padding CSS property on HTML element
	     */
	    Object.defineProperty(this, _updateScrollPadding$2, {
	      value: _updateScrollPadding2
	    });
	    /**
	     * Handler for resize event
	     */
	    Object.defineProperty(this, _onResize$1, {
	      value: _onResize2
	    });
	    /**
	     * Checks if Sticky is stuck and if it is sets isStuck property to true
	     */
	    Object.defineProperty(this, _setIsStuck, {
	      value: _setIsStuck2
	    });
	    /**
	     * Set document clientWidth in CSS variable
	     */
	    Object.defineProperty(this, _setVw, {
	      value: _setVw2
	    });
	    /**
	     * Set height of Sticky element to the stuck height and apply the difference to margin-top
	     * @param {boolean} [removeStyles=false] - Whether to set Sticky element height and margin-top to null
	     */
	    Object.defineProperty(this, _setStickyHeight, {
	      value: _setStickyHeight2
	    });
	    /**
	     * Create a new observer instance member, disconnecting the old one if present.
	     */
	    Object.defineProperty(this, _createObserver$3, {
	      value: _createObserver2
	    });
	    /**
	     * Handle intersection observer
	     */
	    Object.defineProperty(this, _onStickyChange$2, {
	      value: _onStickyChange2
	    });
	    /**
	     * Calculate width with not stuck.
	     * @returns {number} - Width of el when not stuck
	     */
	    Object.defineProperty(this, _calculateLooseWidth, {
	      value: _calculateLooseWidth2
	    });
	    /**
	     * Calculate and set heights.
	     * @returns {boolean} Whether the height of the Sticky el has changed.
	     */
	    Object.defineProperty(this, _calculateHeights$2, {
	      value: _calculateHeights2
	    });
	    /**
	     * Set value of instances members and DOM node properties depending on the direction instance member
	     */
	    Object.defineProperty(this, _setDirectionalProps$2, {
	      value: _setDirectionalProps2
	    });
	    /**
	     * Validate observer behavior or fall back to default
	     * @param {string} [option] - configuration for observerBehavior
	     * @returns {ObserverBehavior}
	     */
	    Object.defineProperty(this, _getObserverBehavior$2, {
	      value: _getObserverBehavior2
	    });
	    /**
	     * Set styles and configure observer
	     * @param {boolean} keepObserverStatus - maintain current observer status.
	     */
	    Object.defineProperty(this, _setUp, {
	      value: _setUp2
	    });
	    Object.defineProperty(this, _init$1, {
	      value: _init2$1
	    });
	    this.el = opts.el;
	    this.direction = _getDirection$2(opts.direction || this.el.dataset.direction);
	    this.extraScrollPaddingPx = typeof opts.extraScrollPaddingPx === 'number' ? opts.extraScrollPaddingPx : Default$3.EXTRA_SCROLL_PADDING;
	    this.enableObserver = true;
	    this.observerBehavior = _classPrivateFieldLooseBase(this, _getObserverBehavior$2)[_getObserverBehavior$2](opts.observerBehavior);
	    this.isStuck = false;
	    this.observer = null;
	    this.windowScrollY = window.scrollY; // remove in v3 - deprecated as of v2.1.0
	    this.observedWindowDimensions = {
	      width: window.innerWidth,
	      height: window.innerHeight
	    };
	    this.looseWidth = _classPrivateFieldLooseBase(this, _calculateLooseWidth)[_calculateLooseWidth]();

	    // Add "sticky" class only while initialized to attach style and functionality provided by CSS
	    // Set prior to all height calculations so that styles are applied first
	    this.el.classList.add(ClassName$s.STICKY);
	    _classPrivateFieldLooseBase(this, _setVw)[_setVw]();
	    this.resizeObserver = new ResizeObserver(function () {
	      requestAnimationFrame(function () {
	        var windowDimensions = {
	          width: window.innerWidth,
	          height: window.innerHeight
	        };
	        _this.looseWidth = _classPrivateFieldLooseBase(_this, _calculateLooseWidth)[_calculateLooseWidth]();

	        // Sticky should maintain "sticky-ness" (observer status) if resize change is not from the window changing size
	        _classPrivateFieldLooseBase(_this, _setUp)[_setUp](JSON.stringify(windowDimensions) === JSON.stringify(_this.observedWindowDimensions));
	        _this.observedWindowDimensions = windowDimensions;
	      });
	    });
	    Array.from(this.el.children).forEach(function (child) {
	      _this.resizeObserver.observe(child);
	    });
	    _classPrivateFieldLooseBase(this, _init$1)[_init$1]();
	    stickies$2.push(this);
	  }
	  var _proto = Sticky.prototype;
	  /**
	   * Set the status of the sticky observer,
	   * dependent on configuration and/or height condition
	   */
	  _proto.setObserver = function setObserver() {
	    switch (this.observerBehavior) {
	      case ObserverBehavior$2.OFF:
	        _classPrivateFieldLooseBase(this, _setObserverStatus)[_setObserverStatus](false);
	        break;
	      case ObserverBehavior$2.ALWAYS:
	        _classPrivateFieldLooseBase(this, _setObserverStatus)[_setObserverStatus](true);
	        break;
	      default:
	        if (_classPrivateFieldLooseBase(this, _stickyExceedsAcceptedHeight$2)[_stickyExceedsAcceptedHeight$2]()) {
	          _classPrivateFieldLooseBase(this, _setObserverStatus)[_setObserverStatus](false);
	        } else {
	          _classPrivateFieldLooseBase(this, _setObserverStatus)[_setObserverStatus](true);
	        }
	    }
	  };
	  /**
	   * Get the height of the sticky element when stuck
	   * @returns {number} Stuck height in pixels
	   */
	  _proto.getStuckHeight = function getStuckHeight() {
	    return this.stuckHeight;
	  }

	  /**
	   * Updates key aspects the instance
	   * @param {Object} opts - The Sticky options.
	   * @param {string} [opts.direction] - Whether the Sticky element sticks to the top when scrolled below a certain point (TOP) or sticks to the bottom when scrolled above a certain point (BOTTOM). If not defined, will maintain current setting
	   * @param {number} [opts.extraScrollPaddingPx] - Extra scroll padding to reduce crowding into sticky bars. If not define, will maintain current setting
	   * @param {ObserverBehavior} [opts.observerBehavior] - the behavior of the intersection observer to toggle stuck/unstuck states
	   */;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    Util$1.removeEvents(this.events);
	    if (opts.direction) {
	      this.direction = _getDirection$2(opts.direction);
	    }
	    if (opts.extraScrollPaddingPx && typeof opts.extraScrollPaddingPx === 'number') {
	      this.extraScrollPaddingPx = opts.extraScrollPaddingPx;
	    }
	    if (opts.observerBehavior) {
	      this.observerBehavior = _classPrivateFieldLooseBase(this, _getObserverBehavior$2)[_getObserverBehavior$2](opts.observerBehavior);
	    }
	    _classPrivateFieldLooseBase(this, _init$1)[_init$1]();

	    // Create and dispatch custom event
	    this[EventName$L.ON_UPDATE] = new CustomEvent(EventName$L.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$L.ON_UPDATE]);
	  }

	  /**
	   * Remove the sticky.
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);
	    this.resizeObserver.disconnect();

	    // remove the attribute from the element
	    this.el.classList.remove(ClassName$s.STICKY);
	    _classPrivateFieldLooseBase(this, _updateScrollPadding$2)[_updateScrollPadding$2](true);
	    _classPrivateFieldLooseBase(this, _setStickyHeight)[_setStickyHeight](true);

	    // disconnect observer
	    this.observer.disconnect();

	    // remove this sticky reference from array of instances
	    var index = stickies$2.indexOf(this);
	    stickies$2.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$L.ON_REMOVE] = new CustomEvent(EventName$L.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$L.ON_REMOVE]);
	  }

	  /**
	   * Get an array of sticky instances.
	   * @returns {Object[]} Array of sticky instances.
	   */;
	  Sticky.getInstances = function getInstances() {
	    return stickies$2;
	  };
	  return Sticky;
	}();
	function _init2$1() {
	  _classPrivateFieldLooseBase(this, _setDirectionalProps$2)[_setDirectionalProps$2]();
	  _classPrivateFieldLooseBase(this, _setUp)[_setUp]();

	  // Add event handlers
	  this.events = [{
	    el: window,
	    type: EventName$L.RESIZE,
	    handler: throttle(200, _classPrivateFieldLooseBase(this, _onResize$1)[_onResize$1].bind(this))
	  }];
	  Util$1.addEvents(this.events);
	}
	function _setUp2(keepObserverStatus) {
	  var hasHeightChange = _classPrivateFieldLooseBase(this, _calculateHeights$2)[_calculateHeights$2]();

	  // A change in Sticky height requires a new IntersectionObserver
	  // Otherwise, only check IntersectionObserver status and update if needed
	  if (hasHeightChange) {
	    _classPrivateFieldLooseBase(this, _createObserver$3)[_createObserver$3]();
	    if (keepObserverStatus) {
	      _classPrivateFieldLooseBase(this, _setObserverStatus)[_setObserverStatus](this.enableObserver);
	    } else {
	      this.setObserver();
	    }
	  } else if (keepObserverStatus) {
	    _classPrivateFieldLooseBase(this, _setObserverStatus)[_setObserverStatus](this.enableObserver);
	  } else {
	    this.setObserver();
	  }
	}
	function _getObserverBehavior2(option) {
	  var isValid = function isValid(behavior) {
	    return Object.values(ObserverBehavior$2).includes(behavior);
	  };
	  if (option && isValid(option)) {
	    return option;
	  }
	  if (isValid(this.el.dataset.observerBehavior)) {
	    return this.el.dataset.observerBehavior;
	  }
	  return ObserverBehavior$2.SIZE_AWARE;
	}
	function _setDirectionalProps2() {
	  if (this.direction === Direction$4.BOTTOM) {
	    this.el.classList.add(ClassName$s.STICKY_BOTTOM);
	    this.el.classList.remove(ClassName$s.STICKY_TOP);
	  } else {
	    // Assume direction is Direction.TOP
	    this.el.classList.add(ClassName$s.STICKY_TOP);
	    this.el.classList.remove(ClassName$s.STICKY_BOTTOM);
	  }
	}
	function _calculateHeights2() {
	  var currentStuckHeight = this.stuckHeight;
	  var currentLooseHeight = this.looseHeight;
	  var heightOps = {
	    cssSelectors: ['margin']
	  };
	  _classPrivateFieldLooseBase(this, _setStickyHeight)[_setStickyHeight](true);
	  if (this.el.classList.contains(ClassName$s.STUCK)) {
	    this.stuckHeight = Util$1.getElementOuterHeight(this.el, heightOps);
	    this.el.classList.remove(ClassName$s.STUCK);
	    this.looseHeight = Util$1.getElementOuterHeight(this.el, heightOps);
	    this.el.classList.add(ClassName$s.STUCK);
	  } else {
	    this.looseHeight = Util$1.getElementOuterHeight(this.el, heightOps);
	    this.el.classList.add(ClassName$s.GET_HEIGHT);
	    this.el.classList.add(ClassName$s.STUCK);
	    this.stuckHeight = Util$1.getElementOuterHeight(this.el, heightOps);
	    this.el.classList.remove(ClassName$s.STUCK);
	    this.el.classList.remove(ClassName$s.GET_HEIGHT);
	  }
	  this.heightDif = this.looseHeight - this.stuckHeight;
	  _classPrivateFieldLooseBase(this, _setStickyHeight)[_setStickyHeight]();
	  return currentStuckHeight !== this.stuckHeight || currentLooseHeight !== this.looseHeight;
	}
	function _calculateLooseWidth2() {
	  var elWidth = this.el.getBoundingClientRect().width;
	  if (this.el.classList.contains(ClassName$s.STUCK)) {
	    this.el.classList.remove(ClassName$s.STUCK);
	    elWidth = this.el.getBoundingClientRect().width;
	    this.el.classList.add(ClassName$s.STUCK);
	  }
	  return elWidth;
	}
	function _onStickyChange2() {
	  this.el.classList.toggle(ClassName$s.STUCK, this.isStuck);
	  _classPrivateFieldLooseBase(this, _updateScrollPadding$2)[_updateScrollPadding$2]();
	}
	function _createObserver2() {
	  var _this2 = this;
	  if (this.observer) {
	    this.observer.disconnect();
	  }
	  var rootMarginX = (document.documentElement.clientWidth - this.looseWidth) / 2;
	  var rootMarginY = -1;
	  /*
	   We need to check for the presence of a sibling because of how position: sticky works in the
	   browser. Position: sticky automatically defines the element's immediate parent as its sticky
	   container. The item can't get out of its sticky container.
	   https://elad.medium.com/css-position-sticky-how-it-really-works-54cd01dc2d46
	    When the sticky element has a previous sibling (or next sibling if it is at the bottom),
	   we use a common trick to detect when it becomes sticky by setting the top and bottom root
	   margin to -1 pixel and waiting for that 1 pixel of the sticky element to leave the viewport.
	   Because there is an element before (or after) it, the sticky element can move within its
	   sticky container to meet this criteria.
	    However, if the sticky element doesn't have a sibling, the browser may cause it to become
	   sticky without it moving 1 pixel outside of the viewport (for example, when moving around
	   the page by tabbing). The top (or bottom) of the sticky element is the exact same as the top
	   (or bottom) of the sticky container. Because of this, we can modify the trick we used before
	   by instead checking for when the 1 pixel of the sticky moves to the edge of its sticky container.
	   */
	  var hasSibling = this.direction === Direction$4.BOTTOM ? this.el.nextElementSibling : this.el.previousElementSibling;
	  var root = hasSibling ? document : this.el.parentElement;
	  var observerOptions = {
	    root: root,
	    rootMargin: rootMarginY + "px " + rootMarginX + "px " + rootMarginY + "px " + rootMarginX + "px",
	    threshold: [1]
	  };
	  this.observer = new IntersectionObserver(function (_ref) {
	    var entry = _ref[0];
	    if (_this2.enableObserver) {
	      var prevState = _this2.isStuck;
	      if (root === document) {
	        var isIntersecting = entry.intersectionRect.top === -rootMarginY;
	        if (_this2.direction === Direction$4.BOTTOM) {
	          isIntersecting = entry.intersectionRect.bottom === document.documentElement.clientHeight + rootMarginY;
	        }
	        _this2.isStuck = entry.intersectionRatio < 1 && isIntersecting;
	      } else {
	        _this2.isStuck = entry.isIntersecting;
	      }
	      if (typeof prevState !== 'undefined' && prevState !== _this2.isStuck) {
	        _classPrivateFieldLooseBase(_this2, _onStickyChange$2)[_onStickyChange$2]();
	        if (_this2.isStuck) {
	          _this2[EventName$L.ON_STUCK] = new CustomEvent(EventName$L.ON_STUCK, {
	            bubbles: true
	          });
	          _this2.el.dispatchEvent(_this2[EventName$L.ON_STUCK]);
	        } else {
	          _this2[EventName$L.ON_UNSTUCK] = new CustomEvent(EventName$L.ON_UNSTUCK, {
	            bubbles: true
	          });
	          _this2.el.dispatchEvent(_this2[EventName$L.ON_UNSTUCK]);
	        }
	      }
	    }
	  }, observerOptions);
	  this.observer.observe(this.el);
	}
	function _setStickyHeight2(removeStyles) {
	  if (removeStyles === void 0) {
	    removeStyles = false;
	  }
	  var height = null;
	  var marginTop = null;
	  this.el.style.setProperty('margin-top', marginTop); // clear any margin-top styles previously set

	  if (!removeStyles) {
	    height = this.stuckHeight + "px";
	    var _getComputedStyle = getComputedStyle(this.el),
	      defaultMarginTop = _getComputedStyle.marginTop;
	    marginTop = this.heightDif + parseInt(defaultMarginTop, 10) + "px";
	  }
	  this.el.style.setProperty('height', height);
	  if (marginTop) {
	    this.el.style.setProperty('margin-top', marginTop);
	  }
	}
	function _setVw2() {
	  var vw = document.documentElement.clientWidth;
	  this.el.style.setProperty('--vw', vw + "px");
	}
	function _setIsStuck2() {
	  if (this.enableObserver) {
	    var stuckBottom = this.direction === Direction$4.BOTTOM && this.el.getBoundingClientRect().bottom === window.innerHeight;
	    var stuckTop = this.direction === Direction$4.TOP && this.el.getBoundingClientRect().top === 0;
	    if (stuckBottom || stuckTop) {
	      this.isStuck = true;
	    }
	  }
	}
	function _onResize2() {
	  _classPrivateFieldLooseBase(this, _setVw)[_setVw]();
	  // Only update Sticky if window height changes, resize observer handles width change
	  if (window.innerHeight !== this.observedWindowDimensions.height) {
	    _classPrivateFieldLooseBase(this, _setUp)[_setUp]();
	  }
	}
	function _updateScrollPadding2(removeScrollPadding) {
	  var htmlElement = document.querySelector('html');
	  this.currentHeight = this.el.getBoundingClientRect().height;
	  if (removeScrollPadding) {
	    htmlElement.style.scrollPaddingTop = 0;
	    htmlElement.style.scrollPaddingBottom = 0;
	  }
	  if (this.direction === Direction$4.TOP) {
	    htmlElement.style.scrollPaddingTop = this.currentHeight + this.extraScrollPaddingPx + 'px';
	  } else if (this.direction === Direction$4.BOTTOM) {
	    htmlElement.style.scrollPaddingBottom = this.currentHeight + this.extraScrollPaddingPx + 'px';
	  }
	}
	function _stickyExceedsAcceptedHeight2() {
	  return this.stuckHeight > window.innerHeight / 3;
	}
	function _setObserverStatus2(status) {
	  this.enableObserver = status;
	  var position = null;
	  if (!status) {
	    position = 'initial';
	    this.isStuck = false;
	  }
	  this.el.style.setProperty('position', position);
	  _classPrivateFieldLooseBase(this, _setIsStuck)[_setIsStuck]();
	  _classPrivateFieldLooseBase(this, _onStickyChange$2)[_onStickyChange$2]();
	}

	var $$m = _export;
	var $every = arrayIteration.every;
	var arrayMethodIsStrict$2 = arrayMethodIsStrict$7;

	var STRICT_METHOD$2 = arrayMethodIsStrict$2('every');

	// `Array.prototype.every` method
	// https://tc39.es/ecma262/#sec-array.prototype.every
	$$m({ target: 'Array', proto: true, forced: !STRICT_METHOD$2 }, {
	  every: function every(callbackfn /* , thisArg */) {
	    return $every(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
	  }
	});

	var Selector$L = {
	  DATA_MOUNT: '[data-mount="combobox-select"]',
	  ROLE_COMBOBOX: '[role=combobox]',
	  ROLE_LISTBOX: '[role=listbox]',
	  ROLE_OPTION: '[role=option]'
	};
	var EventName$K = {
	  BLUR: 'blur',
	  CLICK: 'click',
	  KEYDOWN: 'keydown',
	  MOUSEDOWN: 'mousedown',
	  ON_CHANGE: 'onChange',
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate'
	};
	var ClassName$r = {
	  ITEM: 'combobox-item',
	  CURRENT_ITEM: 'current-item'
	};

	// option count for PageUp/PageDown keys
	var PAGE_SIZE = 10;
	// duration to reset type search timeout
	var TIMEOUT_MS = 500;

	/**
	 * Save a list of named combobox actions for readability
	 * @enum {number}
	 */
	var SelectAction = {
	  Close: 0,
	  CloseSelect: 1,
	  First: 2,
	  Last: 3,
	  Next: 4,
	  Open: 5,
	  PageDown: 6,
	  PageUp: 7,
	  Previous: 8,
	  // Select: 9,
	  Type: 10
	};
	var _Util$keys$1 = Util$1.keys,
	  ARROW_DOWN$1 = _Util$keys$1.ARROW_DOWN,
	  ARROW_UP$1 = _Util$keys$1.ARROW_UP,
	  BACKSPACE = _Util$keys$1.BACKSPACE,
	  CLEAR = _Util$keys$1.CLEAR,
	  ENTER = _Util$keys$1.ENTER,
	  END = _Util$keys$1.END,
	  ESC$1 = _Util$keys$1.ESC,
	  HOME = _Util$keys$1.HOME,
	  PAGE_DOWN = _Util$keys$1.PAGE_DOWN,
	  PAGE_UP = _Util$keys$1.PAGE_UP,
	  SPACE = _Util$keys$1.SPACE;
	var instances$D = [];

	/**
	 * Get filtered array of options given an input string
	 * @param {string} filter - string against which to compare options
	 * @param {string[]} options - array of options to filter
	 * @param {string[]} exclude - array of options to exclude from filter/search
	 * @returns {string[]} - array of options that begin with the filter string, case-independent
	 */
	function getFilteredOptions(filter, options, exclude) {
	  if (options === void 0) {
	    options = [];
	  }
	  if (exclude === void 0) {
	    exclude = [];
	  }
	  return options.filter(function (option) {
	    var matches = option.toLowerCase().indexOf(filter.toLowerCase()) === 0;
	    return matches && exclude.indexOf(option) < 0;
	  });
	}

	/**
	 * Map a key press to an action
	 * @param {KeyboardEvent} event - the key press event
	 * @param {boolean} menuOpen – whether the listbox menu is open
	 * @returns {SelectAction}
	 */
	// eslint-disable-next-line complexity
	function getActionFromKey(event, menuOpen) {
	  var key = event.key,
	    altKey = event.altKey,
	    ctrlKey = event.ctrlKey,
	    metaKey = event.metaKey;
	  var openKeys = [ARROW_DOWN$1, ARROW_UP$1, ENTER, SPACE]; // keys that perform "Open" action

	  switch (true) {
	    // handle opening when closed
	    case !menuOpen && openKeys.includes(key):
	      return SelectAction.Open;
	    // home and end move the selected option when open or closed
	    case key === HOME:
	      return SelectAction.First;
	    case key === END:
	      return SelectAction.Last;
	    // handle typing characters when open or closed
	    case key === BACKSPACE:
	    case key === CLEAR:
	    case key.length === 1 && key !== SPACE && !altKey && !ctrlKey && !metaKey:
	      return SelectAction.Type;
	    default:
	      // handle keys when open
	      if (menuOpen) {
	        switch (true) {
	          case key === ARROW_UP$1 && altKey:
	            return SelectAction.CloseSelect;
	          case key === ARROW_DOWN$1 && !altKey:
	            return SelectAction.Next;
	          case key === ARROW_UP$1:
	            return SelectAction.Previous;
	          case key === PAGE_UP:
	            return SelectAction.PageUp;
	          case key === PAGE_DOWN:
	            return SelectAction.PageDown;
	          case key === ESC$1:
	            return SelectAction.Close;
	          case key === ENTER:
	          case key === SPACE:
	            return SelectAction.CloseSelect;
	        }
	      }
	  }
	}

	/**
	 * Get the index of an option from an array of options, based on a search string.
	 * If the filter is multiple iterations of the same letter (e.g "aaa"), cycle through first-letter matches
	 * @param {string[]} options - list of menu options (text content)
	 * @param {string} filter - typed key input
	 * @param {number} [startIndex=0]
	 * @returns {number} option index
	 */
	function getIndexByLetter(options, filter, startIndex) {
	  if (startIndex === void 0) {
	    startIndex = 0;
	  }
	  var orderedOptions = [].concat(options.slice(startIndex), options.slice(0, startIndex));
	  var firstMatch = getFilteredOptions(filter, orderedOptions)[0];
	  var allSameLetter = function allSameLetter(array) {
	    return array.every(function (letter) {
	      return letter === array[0];
	    });
	  }; // eslint-disable-line unicorn/consistent-function-scoping

	  // first check if there is an exact match for the typed string
	  if (firstMatch) {
	    return options.indexOf(firstMatch);
	  }

	  // if the same letter is being repeated, cycle through first-letter matches
	  if (allSameLetter(filter.split(''))) {
	    var matches = getFilteredOptions(filter[0], orderedOptions);
	    return options.indexOf(matches[0]);
	  }

	  // if no matches, return -1
	  return -1;
	}

	/**
	 * Get an updated option index after performing an action
	 * @param {number} currentIndex
	 * @param {number} maxIndex - index to set max range to change key input
	 * @param {SelectAction} action - a SelectAction
	 * @returns {number} new option index
	 */
	function getUpdatedIndex(currentIndex, maxIndex, action) {
	  switch (action) {
	    case SelectAction.First:
	      return 0;
	    case SelectAction.Last:
	      return maxIndex;
	    case SelectAction.Previous:
	      return Math.max(0, currentIndex - 1);
	    case SelectAction.Next:
	      return Math.min(maxIndex, currentIndex + 1);
	    case SelectAction.PageUp:
	      return Math.max(0, currentIndex - PAGE_SIZE);
	    case SelectAction.PageDown:
	      return Math.min(maxIndex, currentIndex + PAGE_SIZE);
	    default:
	      return currentIndex;
	  }
	}

	/**
	 * Check if element is visible in browser view port
	 * @param {HTMLElement} element - given element
	 * @returns {boolean}
	 */
	function isElementInView(element) {
	  var bounding = element.getBoundingClientRect();
	  return bounding.top >= 0 && bounding.left >= 0 && bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) && bounding.right <= (window.innerWidth || document.documentElement.clientWidth);
	}

	/**
	 * Check if an element is currently scrollable (vertically overflowing)
	 * @param {HTMLElement} element - given element
	 * @returns {boolean}
	 */
	function isScrollable(element) {
	  return element && element.clientHeight < element.scrollHeight;
	}

	/**
	 * Ensure a given child element is within the parent's visible scroll area
	 * If the child is not visible, scroll the parent
	 * @param {HTMLElement} activeElement - current element
	 * @param {HTMLElement} scrollParent - element's parent
	 */
	function maintainScrollVisibility(activeElement, scrollParent) {
	  var offsetHeight = activeElement.offsetHeight,
	    offsetTop = activeElement.offsetTop;
	  var parentOffsetHeight = scrollParent.offsetHeight,
	    scrollTop = scrollParent.scrollTop;
	  var isAbove = offsetTop < scrollTop;
	  var isBelow = offsetTop + offsetHeight > scrollTop + parentOffsetHeight;
	  if (isAbove) {
	    scrollParent.scrollTo(0, offsetTop);
	  } else if (isBelow) {
	    scrollParent.scrollTo(0, offsetTop - parentOffsetHeight + offsetHeight);
	  }
	}
	var _init = /*#__PURE__*/_classPrivateFieldLooseKey("init");
	var _setupOption = /*#__PURE__*/_classPrivateFieldLooseKey("setupOption");
	var _getSearchString = /*#__PURE__*/_classPrivateFieldLooseKey("getSearchString");
	var _onComboBlur = /*#__PURE__*/_classPrivateFieldLooseKey("onComboBlur");
	var _onComboClick = /*#__PURE__*/_classPrivateFieldLooseKey("onComboClick");
	var _onComboKeyDown = /*#__PURE__*/_classPrivateFieldLooseKey("onComboKeyDown");
	var _onComboType = /*#__PURE__*/_classPrivateFieldLooseKey("onComboType");
	var _onOptionChange = /*#__PURE__*/_classPrivateFieldLooseKey("onOptionChange");
	var _onOptionClick = /*#__PURE__*/_classPrivateFieldLooseKey("onOptionClick");
	var _onOptionMouseDown = /*#__PURE__*/_classPrivateFieldLooseKey("onOptionMouseDown");
	var _updateMenuState = /*#__PURE__*/_classPrivateFieldLooseKey("updateMenuState");
	var ComboboxSelect = /*#__PURE__*/function () {
	  /**
	   * Create a ComboboxSelect instance
	   * @param {Object} opts - the ComboboxSelect options
	   * @param {HTMLElement} opts.el - the ComboboxSelect container element
	   * @param {Boolean} [opts.manageFocusOnClick=true] - whether to send focus back to the Combobox on click
	   */
	  function ComboboxSelect(_ref) {
	    var _this$comboEl;
	    var el = _ref.el,
	      _ref$manageFocusOnCli = _ref.manageFocusOnClick,
	      manageFocusOnClick = _ref$manageFocusOnCli === void 0 ? true : _ref$manageFocusOnCli;
	    /**
	     * Change state of the listbox menu
	     * @param {boolean} open – whether the menu is open
	     * @param {boolean} callFocus – whether to return focus to the combobox
	     */
	    Object.defineProperty(this, _updateMenuState, {
	      value: _updateMenuState2
	    });
	    /**
	     * Handler for option mousedown event
	     */
	    Object.defineProperty(this, _onOptionMouseDown, {
	      value: _onOptionMouseDown2
	    });
	    /**
	     * Handler for option click
	     * @param {number} index - the index of the clicked option
	     */
	    Object.defineProperty(this, _onOptionClick, {
	      value: _onOptionClick2
	    });
	    /**
	     * Handler for option change
	     * @param {number} index – the index of the option to select
	     */
	    Object.defineProperty(this, _onOptionChange, {
	      value: _onOptionChange2
	    });
	    /**
	     * Handler for combobox typing action
	     * @param {string} letter - single letter
	     */
	    Object.defineProperty(this, _onComboType, {
	      value: _onComboType2
	    });
	    /**
	     * Handler for combobox keydown event
	     * @param {KeyboardEvent} event
	     */
	    Object.defineProperty(this, _onComboKeyDown, {
	      value: _onComboKeyDown2
	    });
	    /**
	     * Handler for combobox click event
	     */
	    Object.defineProperty(this, _onComboClick, {
	      value: _onComboClick2
	    });
	    /**
	     * Handler for combobox blur event
	     */
	    Object.defineProperty(this, _onComboBlur, {
	      value: _onComboBlur2
	    });
	    /**
	     * Get string per typed keystroke, and handle timeout
	     * @param {string} character - typed character
	     * @returns {string} - the string to search options
	     */
	    Object.defineProperty(this, _getSearchString, {
	      value: _getSearchString2
	    });
	    /**
	     * Setup event handlers and ensure HTML attributes for listbox options
	     * @param {Element} option - the option element
	     * @param {number} index - the index of this option
	     */
	    Object.defineProperty(this, _setupOption, {
	      value: _setupOption2
	    });
	    /**
	     * Initialize JS for combobox event handlers and listbox options
	     */
	    Object.defineProperty(this, _init, {
	      value: _init2
	    });
	    // element refs
	    this.el = el;
	    this.manageFocusOnClick = manageFocusOnClick;
	    this.comboEl = el.querySelector(Selector$L.ROLE_COMBOBOX);
	    this.listboxEl = el.querySelector(Selector$L.ROLE_LISTBOX);
	    this.optionEls = el.querySelectorAll(Selector$L.ROLE_OPTION);

	    // data
	    this.idBase = ((_this$comboEl = this.comboEl) == null ? void 0 : _this$comboEl.id) || "combobox_" + Util$1.getUid();

	    // state
	    this.activeIndex = 0;
	    this.open = false;
	    this.searchString = '';
	    this.searchTimeout = null;
	    this.events = [];

	    // init
	    if (el && this.comboEl && this.listboxEl && Boolean(this.optionEls.length)) {
	      _classPrivateFieldLooseBase(this, _init)[_init]();
	    }
	    instances$D.push(this);
	  }
	  ComboboxSelect.getInstances = function getInstances() {
	    return instances$D;
	  }

	  /**
	   * Perform an option selection
	   * @param {number} index – the index of the option to select
	   */;
	  var _proto = ComboboxSelect.prototype;
	  _proto.selectOption = function selectOption(index, event) {
	    // update state
	    this.activeIndex = index;
	    // update displayed value
	    var selected = this.optionEls[index];
	    this.comboEl.innerHTML = selected.textContent;

	    // update aria-selected
	    Array.from(this.optionEls).forEach(function (optionEl, i) {
	      optionEl.setAttribute('aria-selected', "" + (i === index));
	    });

	    // create and dispatch custom event on selection/change
	    this[EventName$K.ON_CHANGE] = new CustomEvent(EventName$K.ON_CHANGE, {
	      bubbles: true,
	      detail: {
	        value: selected.textContent,
	        event: event
	      }
	    });
	    this.comboEl.dispatchEvent(this[EventName$K.ON_CHANGE]);
	  }

	  /**
	   * Re-initialize the instance to update DOM elements and handlers
	   * @param {Object} [opts] - The Combobox options
	   * @param {Boolean} [opts.manageFocusOnClick] - whether to send focus back to the Combobox on click
	   */;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    this.comboEl = this.el.querySelector(Selector$L.ROLE_COMBOBOX);
	    this.listboxEl = this.el.querySelector(Selector$L.ROLE_LISTBOX);
	    this.optionEls = this.el.querySelectorAll(Selector$L.ROLE_OPTION);
	    if (typeof opts.manageFocusOnClick === 'boolean') {
	      this.manageFocusOnClick = opts.manageFocusOnClick;
	    }
	    if (this.el && this.comboEl && this.listboxEl && Boolean(this.optionEls.length)) {
	      // reset event handlers in case element refs have changed
	      Util$1.removeEvents(this.events);
	      _classPrivateFieldLooseBase(this, _init)[_init]();
	    }
	    this[EventName$K.ON_UPDATE] = new CustomEvent(EventName$K.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$K.ON_UPDATE]);
	  }

	  /**
	   * Remove the ComboboxSelect instance
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);
	    var index = instances$D.indexOf(this);
	    instances$D.splice(index, 1);
	    this[EventName$K.ON_REMOVE] = new CustomEvent(EventName$K.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$K.ON_REMOVE]);
	  };
	  return ComboboxSelect;
	}();
	function _init2() {
	  var _this$events;
	  // display first option by default
	  this.comboEl.innerHTML = this.optionEls[0].textContent;

	  // add combobox event listeners
	  var comboboxEventHandlers = [{
	    el: this.comboEl,
	    type: EventName$K.BLUR,
	    handler: _classPrivateFieldLooseBase(this, _onComboBlur)[_onComboBlur].bind(this)
	  }, {
	    el: this.comboEl,
	    type: EventName$K.CLICK,
	    handler: _classPrivateFieldLooseBase(this, _onComboClick)[_onComboClick].bind(this)
	  }, {
	    el: this.comboEl,
	    type: EventName$K.KEYDOWN,
	    handler: _classPrivateFieldLooseBase(this, _onComboKeyDown)[_onComboKeyDown].bind(this)
	  }];
	  (_this$events = this.events).push.apply(_this$events, comboboxEventHandlers);
	  Util$1.addEvents(comboboxEventHandlers);
	  Array.from(this.optionEls).forEach(_classPrivateFieldLooseBase(this, _setupOption)[_setupOption].bind(this));
	}
	function _setupOption2(option, index) {
	  var _this = this,
	    _this$events2;
	  // ensuring proper HTML attributes
	  option.setAttribute('aria-selected', "" + (index === 0));
	  if (index === 0) {
	    option.classList.add(ClassName$r.CURRENT_ITEM);
	  } else {
	    option.classList.remove(ClassName$r.CURRENT_ITEM);
	  }
	  option.id = this.idBase + "-" + index;

	  // add option event listeners
	  var optionEventHandlers = [{
	    el: option,
	    type: EventName$K.CLICK,
	    handler: function handler(event) {
	      event.stopPropagation();
	      _classPrivateFieldLooseBase(_this, _onOptionClick)[_onOptionClick](index);
	    }
	  }, {
	    el: option,
	    type: EventName$K.MOUSEDOWN,
	    handler: _classPrivateFieldLooseBase(this, _onOptionMouseDown)[_onOptionMouseDown].bind(this)
	  }];
	  (_this$events2 = this.events).push.apply(_this$events2, optionEventHandlers);
	  Util$1.addEvents(optionEventHandlers);
	}
	function _getSearchString2(character) {
	  var _this2 = this;
	  // reset typing timeout and start new timeout
	  // this allows multiple-letter matches, like a native <select>
	  if (typeof this.searchTimeout === 'number') {
	    window.clearTimeout(this.searchTimeout);
	  }
	  this.searchTimeout = window.setTimeout(function () {
	    _this2.searchString = '';
	  }, TIMEOUT_MS);

	  // add most recent letter to saved search string
	  this.searchString += character;
	  return this.searchString;
	}
	function _onComboBlur2() {
	  // do not do blur action if ignoreBlur flag has been set
	  if (this.ignoreBlur) {
	    this.ignoreBlur = false;
	    return;
	  }

	  // select current option and close
	  if (this.open) {
	    this.selectOption(this.activeIndex, 'blur');
	    _classPrivateFieldLooseBase(this, _updateMenuState)[_updateMenuState](false, false);
	  }
	}
	function _onComboClick2() {
	  _classPrivateFieldLooseBase(this, _updateMenuState)[_updateMenuState](!this.open, false);
	}
	function _onComboKeyDown2(event) {
	  var key = event.key;
	  var max = this.optionEls.length - 1;
	  var action = getActionFromKey(event, this.open);
	  switch (action) {
	    case SelectAction.Last:
	    case SelectAction.First:
	      _classPrivateFieldLooseBase(this, _updateMenuState)[_updateMenuState](true);
	    // intentional fallthrough
	    case SelectAction.Next:
	    case SelectAction.Previous:
	    case SelectAction.PageUp:
	    case SelectAction.PageDown:
	      event.preventDefault();
	      return _classPrivateFieldLooseBase(this, _onOptionChange)[_onOptionChange](getUpdatedIndex(this.activeIndex, max, action));
	    case SelectAction.CloseSelect:
	      event.preventDefault();
	      this.selectOption(this.activeIndex, 'keydown');
	    // intentional fallthrough
	    case SelectAction.Close:
	      event.preventDefault();
	      return _classPrivateFieldLooseBase(this, _updateMenuState)[_updateMenuState](false);
	    case SelectAction.Type:
	      return _classPrivateFieldLooseBase(this, _onComboType)[_onComboType](key);
	    case SelectAction.Open:
	      event.preventDefault();
	      return _classPrivateFieldLooseBase(this, _updateMenuState)[_updateMenuState](true);
	  }
	}
	function _onComboType2(letter) {
	  // open the listbox if it is closed
	  _classPrivateFieldLooseBase(this, _updateMenuState)[_updateMenuState](true);

	  // find the index of the first matching option
	  var searchString = _classPrivateFieldLooseBase(this, _getSearchString)[_getSearchString](letter);
	  var optionValues = Array.from(this.optionEls).map(function (optionEl) {
	    return optionEl.textContent;
	  });
	  var searchIndex = getIndexByLetter(optionValues, searchString, this.activeIndex + 1);

	  // if a match was found, go to it
	  if (searchIndex >= 0) {
	    _classPrivateFieldLooseBase(this, _onOptionChange)[_onOptionChange](searchIndex);
	  } else {
	    // if no matches, clear the timeout and search string
	    window.clearTimeout(this.searchTimeout);
	    this.searchString = '';
	  }
	}
	function _onOptionChange2(index) {
	  // update state
	  this.activeIndex = index;

	  // update aria-activedescendant
	  this.comboEl.setAttribute('aria-activedescendant', this.idBase + "-" + index);

	  // update current option styles
	  Array.from(this.optionEls).forEach(function (optionEl) {
	    optionEl.classList.remove(ClassName$r.CURRENT_ITEM);
	  });
	  this.optionEls[index].classList.add(ClassName$r.CURRENT_ITEM);

	  // ensure the new option is in view
	  if (isScrollable(this.listboxEl)) {
	    maintainScrollVisibility(this.optionEls[index], this.listboxEl);
	  }

	  // ensure the new option is in view
	  if (!isElementInView(this.optionEls[index])) {
	    this.optionEls[index].scrollIntoView({
	      behavior: Util$1.prefersReducedMotion() ? 'auto' : 'smooth',
	      block: 'nearest'
	    });
	  }
	}
	function _onOptionClick2(index) {
	  _classPrivateFieldLooseBase(this, _onOptionChange)[_onOptionChange](index);
	  this.selectOption(index, 'click');
	  _classPrivateFieldLooseBase(this, _updateMenuState)[_updateMenuState](false, this.manageFocusOnClick);
	}
	function _onOptionMouseDown2() {
	  // Clicking an option will cause a blur event,
	  // but we don't want to perform the default keyboard blur action
	  this.ignoreBlur = true;
	}
	function _updateMenuState2(open, callFocus) {
	  if (callFocus === void 0) {
	    callFocus = true;
	  }
	  if (this.open === open) {
	    return;
	  }

	  // update state
	  this.open = open;

	  // update aria-expanded and styles
	  this.comboEl.setAttribute('aria-expanded', "" + this.open);
	  if (this.open) {
	    this.listboxEl.classList.add('show');
	    this.comboEl.classList.add('active');
	  } else {
	    this.listboxEl.classList.remove('show');
	    this.comboEl.classList.remove('active');
	  }

	  // update activedescendant
	  var activeID = this.open ? this.idBase + "-" + this.activeIndex : '';
	  this.comboEl.setAttribute('aria-activedescendant', activeID);
	  if (activeID === '' && !isElementInView(this.comboEl)) {
	    this.comboEl.scrollIntoView({
	      behavior: Util$1.prefersReducedMotion() ? 'auto' : 'smooth',
	      block: 'nearest'
	    });
	  }

	  // move focus back to the combobox, if needed
	  if (callFocus) {
	    this.comboEl.focus();
	  }
	}

	var Selector$K = {
	  DATA_MOUNT: '[data-mount="nav-in-page"]',
	  NAV: '.nav-in-page',
	  NAV_CONTAINER: '.nav-in-page-container',
	  ITEMS: '.nav-in-page-item',
	  LABEL: '.nav-in-page-label'
	};
	var EventName$J = {
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate'
	};
	var ClassName$q = {
	  VERTICAL: 'nav-in-page-vertical',
	  HORIZONTAL: 'nav-in-page-horizontal',
	  ITEM: 'nav-in-page-item',
	  COMBOBOX: {
	    EL: 'combobox',
	    MENU: 'combobox-menu',
	    ITEM: 'combobox-item',
	    TOGGLE: 'combobox-toggle',
	    DIVIDER: 'combobox-divider'
	  },
	  DISPLAY_NONE: 'd-none',
	  ACTIVE: 'active'
	};
	var Alignment = {
	  VERTICAL: 'vertical',
	  HORIZONTAL: 'horizontal'
	};
	var instances$C = [];

	/**
	 * Class representing a in-page nav.
	 */
	var _elChildren = /*#__PURE__*/_classPrivateFieldLooseKey("elChildren");
	var _setup$1 = /*#__PURE__*/_classPrivateFieldLooseKey("setup");
	var _scrollSpyObserverCallback = /*#__PURE__*/_classPrivateFieldLooseKey("scrollSpyObserverCallback");
	var _onSticky = /*#__PURE__*/_classPrivateFieldLooseKey("onSticky");
	var _onStatic = /*#__PURE__*/_classPrivateFieldLooseKey("onStatic");
	var _setAlignmentProperties = /*#__PURE__*/_classPrivateFieldLooseKey("setAlignmentProperties");
	var _onViewChange = /*#__PURE__*/_classPrivateFieldLooseKey("onViewChange");
	var _generateEvents$4 = /*#__PURE__*/_classPrivateFieldLooseKey("generateEvents");
	var _shouldBeCombobox = /*#__PURE__*/_classPrivateFieldLooseKey("shouldBeCombobox");
	var _createElements = /*#__PURE__*/_classPrivateFieldLooseKey("createElements");
	var _onComboboxChange = /*#__PURE__*/_classPrivateFieldLooseKey("onComboboxChange");
	var _createCombobox = /*#__PURE__*/_classPrivateFieldLooseKey("createCombobox");
	var _removeCombobox = /*#__PURE__*/_classPrivateFieldLooseKey("removeCombobox");
	var _setView = /*#__PURE__*/_classPrivateFieldLooseKey("setView");
	var NavInPage = /*#__PURE__*/function () {
	  /**
	   * Create a NavInPage instance
	   * @param {Object} opts - The in-page nav options.
	   * @param {HTMLElement} opts.el - The in-page nav bar DOM node.
	   * @param {HTMLElement} [opts.navContainer] - The in-page nav container DOM node.
	   * @param {HTMLElement} [opts.navEl] - The in-page nav DOM node.
	   * @param {HTMLElement[]} [opts.navItems] - The in-page nav item DOM nodes.
	   * @param {HTMLElement} [opts.navLabel] - The in-page nav label DOM node.
	   * @param {String} [opts.desktopVp] - The viewport (t-shirt sized) that the in-page nav styles change.
	   * @param {String} [opts.alignment] - The alignment of in-page nav, either 'horizontal' or 'vertical', defaults to 'horizontal'.
	   * @param {String} [opts.stickyEl] - The parent Sticky element DOM node.
	   */
	  function NavInPage(opts) {
	    var _this = this;
	    /**
	     * Set how in-page nav will render
	     */
	    Object.defineProperty(this, _setView, {
	      value: _setView2
	    });
	    /**
	     * Render nav as a list of links
	     */
	    Object.defineProperty(this, _removeCombobox, {
	      value: _removeCombobox2
	    });
	    /**
	     * Render nav as a combobox
	     */
	    Object.defineProperty(this, _createCombobox, {
	      value: _createCombobox2
	    });
	    /**
	     * Combobox item change event handler
	     */
	    Object.defineProperty(this, _onComboboxChange, {
	      value: _onComboboxChange2
	    });
	    /**
	     * Create DOM elements, primarily for the transition to combobox.
	     */
	    Object.defineProperty(this, _createElements, {
	      value: _createElements2
	    });
	    /**
	     * Determine if the nav should become a combobox
	     */
	    Object.defineProperty(this, _shouldBeCombobox, {
	      value: _shouldBeCombobox2
	    });
	    /**
	     * Setup event handlers
	     */
	    Object.defineProperty(this, _generateEvents$4, {
	      value: _generateEvents2
	    });
	    /**
	     * Handler for screen resize and Sticky sticky/static events.
	     */
	    Object.defineProperty(this, _onViewChange, {
	      value: _onViewChange2
	    });
	    /**
	     * Set properties by alignment.
	     */
	    Object.defineProperty(this, _setAlignmentProperties, {
	      value: _setAlignmentProperties2
	    });
	    Object.defineProperty(this, _onStatic, {
	      value: _onStatic2
	    });
	    Object.defineProperty(this, _onSticky, {
	      value: _onSticky2
	    });
	    /**
	     * Callback for scrollSpyObserver.
	     */
	    Object.defineProperty(this, _scrollSpyObserverCallback, {
	      value: _scrollSpyObserverCallback2
	    });
	    /**
	     * Setup In-page nav.
	     */
	    Object.defineProperty(this, _setup$1, {
	      value: _setup2$1
	    });
	    Object.defineProperty(this, _elChildren, {
	      writable: true,
	      value: void 0
	    });
	    this.el = opts.el;
	    this.navContainer = opts.navContainer || this.el.querySelector(Selector$K.NAV_CONTAINER);
	    this.navEl = opts.navEl || this.el.querySelector(Selector$K.NAV);
	    this.navItems = opts.navItems || this.el.querySelectorAll(Selector$K.ITEMS);
	    this.navLabel = opts.navLabel || this.el.querySelector(Selector$K.LABEL);
	    this.desktopVp = opts.desktopVp || this.el.dataset.desktopVp || 'lg';
	    this.alignment = opts.alignment || this.el.dataset.alignment || Alignment.HORIZONTAL;
	    this.stickyEl = opts.stickyEl || document.querySelector(this.el.dataset.stickyEl);
	    this.isSticky = false;
	    this.el.style.display = 'inline-flex'; // "functional" styles required for width calculations
	    this.comboboxEvents = [];
	    this.scrollSpyObserver = new MutationObserver(function (mutationList) {
	      return _classPrivateFieldLooseBase(_this, _scrollSpyObserverCallback)[_scrollSpyObserverCallback](mutationList);
	    });
	    _classPrivateFieldLooseBase(this, _setup$1)[_setup$1]();
	    instances$C.push(this);
	  }
	  var _proto = NavInPage.prototype;
	  /**
	   * Update instance.
	   * @param {Object} [opts] - The in-page nav options.
	   * @param {HTMLElement} [opts.navContainer] - The in-page nav container DOM node.
	   * @param {HTMLElement} [opts.navEl] - The in-page nav DOM node.
	   * @param {HTMLElement[]} [opts.navItems] - The in-page nav item DOM nodes.
	   * @param {HTMLElement} [opts.navLabel] - The in-page nav label DOM node.
	   * @param {String} [opts.desktopVp] - The viewport (t-shirt sized) that the in-page nav styles change.
	   * @param {String} [opts.alignment] - The alignment of in-page nav, either 'horizontal' or 'vertical', defaults to 'horizontal'.
	   * @param {HTMLElement} [opts.stickyEl] - The parent Sticky element DOM node.
	   */
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    // Resets
	    Util$1.removeEvents(this.events);
	    _classPrivateFieldLooseBase(this, _removeCombobox)[_removeCombobox]();
	    this.scrollSpyObserver.disconnect();
	    if (opts.navContainer) {
	      this.navContainer = opts.navContainer;
	    }
	    if (opts.navEl) {
	      this.navEl = opts.navEl;
	    }
	    if (opts.navItems) {
	      this.navItems = opts.navItems;
	    }
	    if (opts.navLabel) {
	      this.navLabel = opts.navLabel;
	    }
	    if (opts.desktopVp) {
	      this.desktopVp = opts.desktopVp;
	    }
	    if (opts.alignment) {
	      this.alignment = opts.alignment;
	    }
	    if (opts.stickyEl) {
	      this.stickyEl = opts.stickyEl;
	    }

	    // Setup
	    _classPrivateFieldLooseBase(this, _setup$1)[_setup$1]();

	    // Trigger event
	    this[EventName$J.ON_UPDATE] = new CustomEvent(EventName$J.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$J.ON_UPDATE]);
	  }

	  /**
	   * Remove the in-page nav.
	   */;
	  _proto.remove = function remove() {
	    // Resets
	    Util$1.removeEvents(this.events);
	    _classPrivateFieldLooseBase(this, _removeCombobox)[_removeCombobox]();
	    this.el.style.display = null;
	    this.el.style.whiteSpace = null;
	    this.scrollSpyObserver.disconnect();

	    // remove this in-page nav reference from array of instances
	    var index = instances$C.indexOf(this);
	    instances$C.splice(index, 1);

	    // Trigger event
	    this[EventName$J.ON_REMOVE] = new CustomEvent(EventName$J.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$J.ON_REMOVE]);
	  }

	  /**
	   * Get an array of in-page nav instances.
	   * @returns {Object[]} Array of in-page nav instances.
	   */;
	  NavInPage.getInstances = function getInstances() {
	    return instances$C;
	  };
	  return NavInPage;
	}();
	function _setup2$1() {
	  _classPrivateFieldLooseBase(this, _setAlignmentProperties)[_setAlignmentProperties]();
	  _classPrivateFieldLooseBase(this, _createElements)[_createElements]();
	  _classPrivateFieldLooseBase(this, _elChildren)[_elChildren] = Array.from(this.el.children);
	  this.width = this.el.scrollWidth;
	  _classPrivateFieldLooseBase(this, _setView)[_setView]();
	  this.events = _classPrivateFieldLooseBase(this, _generateEvents$4)[_generateEvents$4]();
	  Util$1.addEvents(this.events);
	  this.scrollSpyObserver.observe(this.navEl, {
	    subtree: true,
	    attributeFilter: ['class']
	  });
	}
	function _scrollSpyObserverCallback2(mutationList) {
	  var _this2 = this;
	  mutationList.forEach(function (mutation) {
	    var isActive = mutation.target.classList.contains(ClassName$q.ACTIVE);
	    if (isActive && _this2.combobox) {
	      var activeIndex = Array.from(_this2.combobox.optionEls).indexOf(mutation.target.parentNode);
	      _this2.combobox.selectOption(activeIndex, 'scrollspy');
	    }
	  });
	}
	function _onSticky2() {
	  this.isSticky = true;
	  if (!this.combobox) {
	    _classPrivateFieldLooseBase(this, _onViewChange)[_onViewChange]();
	  }
	}
	function _onStatic2() {
	  this.isSticky = false;
	  if (!this.combobox) {
	    _classPrivateFieldLooseBase(this, _onViewChange)[_onViewChange]();
	  }
	}
	function _setAlignmentProperties2() {
	  switch (this.alignment) {
	    case Alignment.HORIZONTAL:
	      this.el.classList.add(ClassName$q.HORIZONTAL);
	      this.el.style.whiteSpace = 'nowrap'; // "functional" styles required for width calculations
	      break;
	    case Alignment.VERTICAL:
	      this.el.classList.add(ClassName$q.VERTICAL);
	      break;
	  }
	}
	function _onViewChange2() {
	  if (!this.combobox) {
	    var width = 0;
	    _classPrivateFieldLooseBase(this, _elChildren)[_elChildren].forEach(function (child) {
	      width += child.scrollWidth;
	    });
	    this.width = width;
	  }
	  _classPrivateFieldLooseBase(this, _setView)[_setView]();
	}
	function _generateEvents2() {
	  var events = [{
	    el: window,
	    type: 'resize',
	    handler: throttle(100, _classPrivateFieldLooseBase(this, _onViewChange)[_onViewChange].bind(this)),
	    options: {
	      passive: true
	    }
	  }];
	  if (this.stickyEl) {
	    events.push({
	      el: this.stickyEl,
	      type: 'onSticky',
	      handler: _classPrivateFieldLooseBase(this, _onSticky)[_onSticky].bind(this)
	    }, {
	      el: this.stickyEl,
	      type: 'onStatic',
	      handler: _classPrivateFieldLooseBase(this, _onStatic)[_onStatic].bind(this)
	    });
	  }
	  return events;
	}
	function _shouldBeCombobox2() {
	  var _getComputedStyle = getComputedStyle(this.el),
	    paddingRight = _getComputedStyle.paddingRight,
	    paddingLeft = _getComputedStyle.paddingLeft;
	  var elIsWiderThanWindow = this.width + parseInt(paddingRight, 10) + parseInt(paddingLeft, 10) > document.body.clientWidth; // width without the scrollbar
	  var verticalElIsWiderThanDesktopVp = ViewPort[this.desktopVp.toUpperCase()] > window.innerWidth; // width to match media queries

	  return this.alignment === Alignment.VERTICAL ? verticalElIsWiderThanDesktopVp : elIsWiderThanWindow;
	}
	function _createElements2() {
	  var _this$navLabel2;
	  var comboboxLabelId = "in-page-nav-" + Util$1.getUid();
	  if (this.stickyEl) {
	    var _this$navLabel;
	    this.labelOption = document.createElement('li');
	    this.labelOption.setAttribute('id', comboboxLabelId);
	    this.labelOption.classList.add(ClassName$q.COMBOBOX.ITEM);
	    this.labelOption.textContent = (_this$navLabel = this.navLabel) == null ? void 0 : _this$navLabel.textContent;
	    this.comboboxDivider = document.createElement('li');
	    this.comboboxDivider.classList.add(ClassName$q.COMBOBOX.DIVIDER);
	  }
	  this.comboboxLabel = document.createElement('label');
	  this.comboboxLabel.setAttribute('id', comboboxLabelId);
	  this.comboboxLabel.textContent = (_this$navLabel2 = this.navLabel) == null ? void 0 : _this$navLabel2.textContent;
	  this.comboboxToggle = document.createElement('div');
	  this.comboboxToggle.setAttribute('aria-controls', this.navEl.id);
	  this.comboboxToggle.setAttribute('aria-expanded', 'false');
	  this.comboboxToggle.setAttribute('aria-haspopup', 'listbox');
	  this.comboboxToggle.setAttribute('aria-labelledby', comboboxLabelId);
	  this.comboboxToggle.setAttribute('role', 'combobox');
	  this.comboboxToggle.setAttribute('tabindex', '0');
	  this.comboboxToggle.classList.add(ClassName$q.COMBOBOX.TOGGLE, 'btn', 'btn-faint-secondary');
	}
	function _onComboboxChange2(e) {
	  var detail = e.detail;
	  if (detail.event === 'click' || detail.event === 'keydown') {
	    this.combobox.optionEls[this.combobox.activeIndex].querySelector('a').click();
	  }
	}
	function _createCombobox2() {
	  var _this3 = this;
	  if (!this.combobox) {
	    this.el.style.display = null;
	    this.el.style.whiteSpace = null;
	    this.navEl.setAttribute('role', 'listbox');
	    this.navEl.classList.add(ClassName$q.COMBOBOX.MENU);
	    this.navEl.setAttribute('aria-labelledby', this.comboboxLabel.id);
	    this.navLabel.classList.add(ClassName$q.DISPLAY_NONE);
	    if (this.stickyEl) {
	      this.navEl.insertBefore(this.labelOption, this.navItems[0]);
	      this.navEl.insertBefore(this.comboboxDivider, this.navItems[0]);
	    }
	    this.navContainer.insertBefore(this.comboboxLabel, this.navEl);
	    this.navContainer.insertBefore(this.comboboxToggle, this.navEl);
	    this.comboboxEvents.push({
	      el: this.navContainer,
	      type: 'onChange',
	      handler: function handler(e) {
	        return _classPrivateFieldLooseBase(_this3, _onComboboxChange)[_onComboboxChange](e);
	      }
	    });
	    this.navItems.forEach(function (item) {
	      item.setAttribute('role', 'option');
	      item.classList.add(ClassName$q.COMBOBOX.ITEM);
	    });
	    this.el.classList.remove(ClassName$q.VERTICAL, ClassName$q.HORIZONTAL);
	    this.navContainer.classList.add(ClassName$q.COMBOBOX.EL);
	    this.combobox = new ComboboxSelect({
	      el: this.navContainer,
	      manageFocusOnClick: false
	    });
	    Util$1.addEvents(this.comboboxEvents);
	  }
	}
	function _removeCombobox2() {
	  if (this.combobox) {
	    var _this$labelOption, _this$comboboxDivider;
	    this.combobox.remove();
	    this.combobox = null;
	    this.el.style.display = 'inline-flex'; // "functional" styles required for width calculations

	    this.navEl.removeAttribute('role');
	    this.navEl.classList.remove(ClassName$q.COMBOBOX.MENU);
	    this.navEl.removeAttribute('aria-labelledby');
	    this.navLabel.classList.remove(ClassName$q.DISPLAY_NONE);
	    this.comboboxLabel.remove();
	    this.comboboxToggle.remove();
	    (_this$labelOption = this.labelOption) == null ? void 0 : _this$labelOption.remove();
	    (_this$comboboxDivider = this.comboboxDivider) == null ? void 0 : _this$comboboxDivider.remove();
	    this.navItems.forEach(function (item) {
	      item.removeAttribute('role');
	      item.removeAttribute('aria-selected');
	      item.classList.remove(ClassName$q.COMBOBOX.ITEM);
	    });
	    this.navContainer.classList.remove(ClassName$q.COMBOBOX.EL);
	    _classPrivateFieldLooseBase(this, _setAlignmentProperties)[_setAlignmentProperties]();
	    Util$1.removeEvents(this.comboboxEvents);
	    this.comboboxEvents = [];
	  }
	}
	function _setView2() {
	  if (_classPrivateFieldLooseBase(this, _shouldBeCombobox)[_shouldBeCombobox]()) {
	    _classPrivateFieldLooseBase(this, _createCombobox)[_createCombobox]();
	  } else {
	    _classPrivateFieldLooseBase(this, _removeCombobox)[_removeCombobox]();
	  }
	}

	var Selector$J = {
	  DATA_MOUNT: '[data-mount="ocr-scrollspy"]',
	  ACTIVE_CLASS: 'activeClass',
	  OFFSET: 'offset',
	  TARGET_LINKS: '[href].menu-list__item-link',
	  JUMP_LINKS: '.secondary-nav--jumplinks [href].jumplinks-item__link',
	  SCROLLSPY_CONTAINER: '.scrollspy-container'
	};
	var EventName$I = {
	  CLICK: 'click',
	  SCROLL: 'scroll',
	  KEYUP: 'keyup',
	  RESIZE: 'resize',
	  ON_CHANGE: 'onChange',
	  ON_UPDATE: 'onUpdate',
	  ON_REMOVE: 'onRemove'
	};
	var Method = {
	  OFFSET: 'offset',
	  POSITION: 'position'
	};
	var Default$2 = {
	  OFFSET: 10
	};
	var TAB = Util$1.keys.TAB;
	var instances$B = [];

	/**
	 * Check for the `data-smooth-scroll` attribute.
	 * Its presence makes this option "true" unless the value is specifically set to "false"
	 * @param {HTMLElement} node - The element to check for the attribute `data-smooth-scroll`
	 * @returns {Boolean} return false if the attribute is not set or equal to false
	 */
	function _hasSmoothScroll(node) {
	  if (node.hasAttribute('data-smooth-scroll') && node.dataset.smoothScroll !== 'false') {
	    return true;
	  }
	  return false;
	}

	/**
	 * Gets the target element containing anchor links
	 * @returns {HTMLElement?} The target element
	 */
	function _getTarget$3() {
	  // Reads selector from data-target attribute
	  var selector = Util$1.getSelectorFromElement(this.el);

	  // There should only be one element targeted, gets the first match
	  return document.querySelector(selector);
	}

	/**
	 * Class representing a OcrScrollspy.
	 */
	var _scrollElement = /*#__PURE__*/_classPrivateFieldLooseKey("scrollElement");
	var _targetLinks = /*#__PURE__*/_classPrivateFieldLooseKey("targetLinks");
	var _observableSections = /*#__PURE__*/_classPrivateFieldLooseKey("observableSections");
	var _offsets = /*#__PURE__*/_classPrivateFieldLooseKey("offsets");
	var _targets = /*#__PURE__*/_classPrivateFieldLooseKey("targets");
	var _activeTarget = /*#__PURE__*/_classPrivateFieldLooseKey("activeTarget");
	var _scrollHeight = /*#__PURE__*/_classPrivateFieldLooseKey("scrollHeight");
	var _stickyInstance = /*#__PURE__*/_classPrivateFieldLooseKey("stickyInstance");
	var _stickyHeight = /*#__PURE__*/_classPrivateFieldLooseKey("stickyHeight");
	var _navInPageInstance = /*#__PURE__*/_classPrivateFieldLooseKey("navInPageInstance");
	var _setup = /*#__PURE__*/_classPrivateFieldLooseKey("setup");
	var _setTargetsAndOffsets = /*#__PURE__*/_classPrivateFieldLooseKey("setTargetsAndOffsets");
	var _getOffset = /*#__PURE__*/_classPrivateFieldLooseKey("getOffset");
	var _getPosition = /*#__PURE__*/_classPrivateFieldLooseKey("getPosition");
	var _getScrollTop = /*#__PURE__*/_classPrivateFieldLooseKey("getScrollTop");
	var _getScrollHeight = /*#__PURE__*/_classPrivateFieldLooseKey("getScrollHeight");
	var _getOffsetHeight = /*#__PURE__*/_classPrivateFieldLooseKey("getOffsetHeight");
	var _updateStickyValues = /*#__PURE__*/_classPrivateFieldLooseKey("updateStickyValues");
	var _getStickyInstance = /*#__PURE__*/_classPrivateFieldLooseKey("getStickyInstance");
	var _getNavInPageInstance = /*#__PURE__*/_classPrivateFieldLooseKey("getNavInPageInstance");
	var _getStickyHeight = /*#__PURE__*/_classPrivateFieldLooseKey("getStickyHeight");
	var _onAnchorClick = /*#__PURE__*/_classPrivateFieldLooseKey("onAnchorClick");
	var _onKeyUp$1 = /*#__PURE__*/_classPrivateFieldLooseKey("onKeyUp");
	var _onScroll$1 = /*#__PURE__*/_classPrivateFieldLooseKey("onScroll");
	var _activate$1 = /*#__PURE__*/_classPrivateFieldLooseKey("activate");
	var OcrScrollspy = /*#__PURE__*/function () {
	  /**
	   * Create a Scrollspy instance
	   * @param {Object} opts - The Scrollspy options.
	   * @param {HTMLElement} opts.el - The Scrollspy DOM node.
	   * @param {HTMLElement} [opts.target] - The DOM node containing anchor links
	   * @param {boolean} [opts.smoothScroll] - Whether to apply smooth scrolling when clicking on links in the target element
	   * @param {string} [opts.activeClass] - The CSS class to apply to active links
	   * @param {number} [opts.offset] - Offset in pixels
	   */
	  function OcrScrollspy(opts) {
	    /**
	     * Apply active class to the to the target anchor link
	     * @param {string} target target anchor hash
	     */
	    Object.defineProperty(this, _activate$1, {
	      value: _activate2
	    });
	    /**
	     * Update the target anchor links to match what scrollable section is at top of the scrollable container
	     */
	    Object.defineProperty(this, _onScroll$1, {
	      value: _onScroll2
	    });
	    /**
	     * Update the target anchor links to match the scrollable section with a focused element
	     * @param {KeyboardEvent} event
	     */
	    Object.defineProperty(this, _onKeyUp$1, {
	      value: _onKeyUp2
	    });
	    /**
	     * Handler for target anchor link clicks
	     * @param {MouseEvent} event
	     */
	    Object.defineProperty(this, _onAnchorClick, {
	      value: _onAnchorClick2
	    });
	    Object.defineProperty(this, _getStickyHeight, {
	      value: _getStickyHeight2
	    });
	    Object.defineProperty(this, _getNavInPageInstance, {
	      value: _getNavInPageInstance2
	    });
	    Object.defineProperty(this, _getStickyInstance, {
	      value: _getStickyInstance2
	    });
	    Object.defineProperty(this, _updateStickyValues, {
	      value: _updateStickyValues2
	    });
	    Object.defineProperty(this, _getOffsetHeight, {
	      value: _getOffsetHeight2
	    });
	    Object.defineProperty(this, _getScrollHeight, {
	      value: _getScrollHeight2
	    });
	    Object.defineProperty(this, _getScrollTop, {
	      value: _getScrollTop2
	    });
	    Object.defineProperty(this, _getPosition, {
	      value: _getPosition2
	    });
	    Object.defineProperty(this, _getOffset, {
	      value: _getOffset2
	    });
	    /**
	     * Sets the targets and their related offsets in an ordered array
	     * @param {HTMLElement[]} targets Array of target links
	     */
	    Object.defineProperty(this, _setTargetsAndOffsets, {
	      value: _setTargetsAndOffsets2
	    });
	    /**
	     * Initialize the target links and observable sections of the page
	     */
	    Object.defineProperty(this, _setup, {
	      value: _setup2
	    });
	    // Instantiate private properties
	    Object.defineProperty(this, _scrollElement, {
	      writable: true,
	      value: void 0
	    });
	    Object.defineProperty(this, _targetLinks, {
	      writable: true,
	      value: void 0
	    });
	    Object.defineProperty(this, _observableSections, {
	      writable: true,
	      value: void 0
	    });
	    Object.defineProperty(this, _offsets, {
	      writable: true,
	      value: void 0
	    });
	    Object.defineProperty(this, _targets, {
	      writable: true,
	      value: void 0
	    });
	    Object.defineProperty(this, _activeTarget, {
	      writable: true,
	      value: void 0
	    });
	    Object.defineProperty(this, _scrollHeight, {
	      writable: true,
	      value: void 0
	    });
	    Object.defineProperty(this, _stickyInstance, {
	      writable: true,
	      value: void 0
	    });
	    Object.defineProperty(this, _stickyHeight, {
	      writable: true,
	      value: void 0
	    });
	    Object.defineProperty(this, _navInPageInstance, {
	      writable: true,
	      value: void 0
	    });
	    this.el = opts.el;
	    this.target = opts.target || _getTarget$3.call(this);
	    this.smoothScroll = typeof opts.smoothScroll === 'boolean' ? opts.smoothScroll : _hasSmoothScroll(this.el);
	    this.activeClass = opts.activeClass || this.el.dataset[Selector$J.ACTIVE_CLASS] || null;
	    this.offset = opts.offset || parseInt(this.el.dataset[Selector$J.OFFSET], 10) || Default$2.OFFSET;

	    // Set up private properties
	    _classPrivateFieldLooseBase(this, _scrollElement)[_scrollElement] = this.el.tagName === 'BODY' ? window : this.el;
	    _classPrivateFieldLooseBase(this, _targetLinks)[_targetLinks] = new Map();
	    _classPrivateFieldLooseBase(this, _observableSections)[_observableSections] = new Map();
	    _classPrivateFieldLooseBase(this, _offsets)[_offsets] = [];
	    _classPrivateFieldLooseBase(this, _targets)[_targets] = [];
	    _classPrivateFieldLooseBase(this, _activeTarget)[_activeTarget] = null;
	    _classPrivateFieldLooseBase(this, _scrollHeight)[_scrollHeight] = 0;
	    _classPrivateFieldLooseBase(this, _stickyInstance)[_stickyInstance] = null; // Don't try to get it yet, it's likely not available
	    _classPrivateFieldLooseBase(this, _stickyHeight)[_stickyHeight] = 0;
	    _classPrivateFieldLooseBase(this, _navInPageInstance)[_navInPageInstance] = null;
	    this.events = [];
	    instances$B.push(this);
	  }
	  /**
	   * Get an array of Scrollspy instances.
	   * @returns {Scrollspy[]} Array of Scrollspy instances.
	   */
	  OcrScrollspy.getInstances = function getInstances() {
	    return instances$B;
	  }

	  /**
	   * Update the Scrollspy instance
	   * @param {Object} [opts] - The Scrollspy options
	   * @param {HTMLElement} [opts.target] - The DOM node containing anchor links
	   * @param {boolean} [opts.smoothScroll] - Whether to apply smooth scrolling when clicking on links in the target element
	   * @param {string} [opts.activeClass] - The CSS class to apply to active links
	   * @param {number} [opts.offset] - Offset in pixels
	   */;
	  var _proto = OcrScrollspy.prototype;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    if (opts.target) {
	      this.target = opts.target;
	    }
	    if (typeof opts.smoothScroll === 'boolean') {
	      this.smoothScroll = opts.smoothScroll;
	    }
	    if (opts.activeClass) {
	      this.activeClass = opts.activeClass;
	    }
	    if (opts.offset) {
	      this.offset = opts.offset;
	    }

	    // Reset click events
	    Util$1.removeEvents(this.events);
	    this.events = [];
	    _classPrivateFieldLooseBase(this, _setup)[_setup]();
	    this[EventName$I.ON_UPDATE] = new CustomEvent(EventName$I.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$I.ON_UPDATE]);
	  }

	  /**
	   * Remove the Scrollspy instance
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);
	    var index = instances$B.indexOf(this);
	    instances$B.splice(index, 1);
	    this[EventName$I.ON_REMOVE] = new CustomEvent(EventName$I.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$I.ON_REMOVE]);
	  };
	  return OcrScrollspy;
	}();
	function _setup2() {
	  var _this = this;
	  _classPrivateFieldLooseBase(this, _targetLinks)[_targetLinks].clear();
	  _classPrivateFieldLooseBase(this, _observableSections)[_observableSections].clear();
	  var targetLinks = [];
	  if (this.target) {
	    targetLinks = [].concat(Array.from(this.el.querySelectorAll(Selector$J.JUMP_LINKS)), Array.from(this.target.querySelectorAll(Selector$J.TARGET_LINKS)));
	  }
	  targetLinks.forEach(function (anchor) {
	    // Ensure that the anchor has an id and is not disabled
	    if (!anchor.hash || anchor.hasAttribute('disabled')) {
	      return;
	    }
	    var observableSection = _this.el.querySelector(anchor.hash);

	    // Ensure that the observableSection exists & is visible
	    if (observableSection && observableSection instanceof Element && getComputedStyle(observableSection).getPropertyValue('visibility') === 'visible') {
	      _classPrivateFieldLooseBase(_this, _targetLinks)[_targetLinks].set(anchor.hash, anchor);
	      _classPrivateFieldLooseBase(_this, _observableSections)[_observableSections].set(anchor.hash, observableSection);

	      // Add anchor event listeners
	      _this.events.push({
	        el: anchor,
	        type: EventName$I.CLICK,
	        handler: _classPrivateFieldLooseBase(_this, _onAnchorClick)[_onAnchorClick].bind(_this)
	      });
	    }
	  });
	  _classPrivateFieldLooseBase(this, _setTargetsAndOffsets)[_setTargetsAndOffsets](targetLinks);

	  // Activate the first target on setup
	  if (_classPrivateFieldLooseBase(this, _targets)[_targets].length > 0 && _classPrivateFieldLooseBase(this, _activeTarget)[_activeTarget] !== _classPrivateFieldLooseBase(this, _targets)[_targets][0]) {
	    _classPrivateFieldLooseBase(this, _activate$1)[_activate$1](_classPrivateFieldLooseBase(this, _targets)[_targets][0]);
	  }
	  this.events.push({
	    el: _classPrivateFieldLooseBase(this, _scrollElement)[_scrollElement],
	    handler: throttle(200, function () {
	      return _classPrivateFieldLooseBase(_this, _onScroll$1)[_onScroll$1]();
	    }),
	    type: EventName$I.SCROLL
	  }, {
	    el: _classPrivateFieldLooseBase(this, _scrollElement)[_scrollElement],
	    handler: _classPrivateFieldLooseBase(this, _onKeyUp$1)[_onKeyUp$1].bind(this),
	    type: EventName$I.KEYUP
	  });
	  Util$1.addEvents(this.events);
	}
	function _setTargetsAndOffsets2(targets) {
	  var _this2 = this;
	  _classPrivateFieldLooseBase(this, _scrollHeight)[_scrollHeight] = _classPrivateFieldLooseBase(this, _getScrollHeight)[_getScrollHeight]();
	  if (targets.length > 0) {
	    _classPrivateFieldLooseBase(this, _offsets)[_offsets] = [];
	    _classPrivateFieldLooseBase(this, _targets)[_targets] = [];
	    var offsetMethod = _classPrivateFieldLooseBase(this, _scrollElement)[_scrollElement] === window ? Method.OFFSET : Method.POSITION;
	    targets.map(function (anchor) {
	      var observableSection = _classPrivateFieldLooseBase(_this2, _observableSections)[_observableSections].get(anchor.hash);
	      if (!observableSection) {
	        return null;
	      }
	      var offsetPosition = offsetMethod === Method.OFFSET ? _classPrivateFieldLooseBase(_this2, _getOffset)[_getOffset](observableSection) : _classPrivateFieldLooseBase(_this2, _getPosition)[_getPosition](observableSection);
	      return [offsetPosition, anchor.hash];
	    }).filter(Boolean) // remove any null values
	    .sort(function (a, b) {
	      return a[0] - b[0];
	    }) // sort by offset
	    .forEach(function (item) {
	      _classPrivateFieldLooseBase(_this2, _offsets)[_offsets].push(item[0]);
	      _classPrivateFieldLooseBase(_this2, _targets)[_targets].push(item[1]);
	    });
	  }
	}
	function _getOffset2(element) {
	  return element.getBoundingClientRect().top + window.scrollY;
	}
	function _getPosition2(element) {
	  return element.offsetTop;
	}
	function _getScrollTop2() {
	  return _classPrivateFieldLooseBase(this, _scrollElement)[_scrollElement] === window ? window.scrollY : _classPrivateFieldLooseBase(this, _scrollElement)[_scrollElement].scrollTop;
	}
	function _getScrollHeight2() {
	  return _classPrivateFieldLooseBase(this, _scrollElement)[_scrollElement].scrollHeight || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
	}
	function _getOffsetHeight2() {
	  return _classPrivateFieldLooseBase(this, _scrollElement)[_scrollElement] === window ? window.innerHeight : _classPrivateFieldLooseBase(this, _scrollElement)[_scrollElement].getBoundingClientRect().height;
	}
	function _updateStickyValues2() {
	  if (!_classPrivateFieldLooseBase(this, _stickyInstance)[_stickyInstance]) {
	    _classPrivateFieldLooseBase(this, _stickyInstance)[_stickyInstance] = _classPrivateFieldLooseBase(this, _getStickyInstance)[_getStickyInstance]();
	  }
	  if (this.target.closest('.sticky--contained')) {
	    var viewports = ['sm', 'xs'];
	    if (viewports.includes(DetectionUtil.detectViewport())) {
	      _classPrivateFieldLooseBase(this, _stickyHeight)[_stickyHeight] = -64;
	    } else {
	      _classPrivateFieldLooseBase(this, _stickyHeight)[_stickyHeight] = 0;
	    }
	    return;
	  }
	  _classPrivateFieldLooseBase(this, _stickyHeight)[_stickyHeight] = _classPrivateFieldLooseBase(this, _getStickyHeight)[_getStickyHeight]();
	}
	function _getStickyInstance2() {
	  var closestSticky = this.target.closest(Selector$M.DATA_MOUNT);
	  if (closestSticky) {
	    var stickyInstances = Sticky.getInstances();
	    return stickyInstances.find(function (sticky) {
	      return sticky.el === closestSticky;
	    });
	  }
	  return null;
	}
	function _getNavInPageInstance2() {
	  var closestNavInPage = this.target.closest(Selector$K.DATA_MOUNT);
	  if (closestNavInPage) {
	    var navInPageInstances = NavInPage.getInstances();
	    return navInPageInstances.find(function (navInPage) {
	      return navInPage.el === closestNavInPage;
	    });
	  }
	  return null;
	}
	function _getStickyHeight2() {
	  if (_classPrivateFieldLooseBase(this, _stickyInstance)[_stickyInstance]) {
	    var _classPrivateFieldLoo;
	    // For some browsers, the width of the sticky element is a decimal value
	    // and maybe a little less than the viewport width.
	    // e.g. sticky element width is 999.66px, the viewport width is 1000px
	    // so we need to round up the value to ensure that the sticky is full width.
	    var stickyWidth = Math.ceil(parseFloat(window.getComputedStyle(_classPrivateFieldLooseBase(this, _stickyInstance)[_stickyInstance].el).width));
	    var viewportWidth = Math.min(document.documentElement.clientWidth, window.innerWidth);
	    if (!_classPrivateFieldLooseBase(this, _navInPageInstance)[_navInPageInstance]) {
	      _classPrivateFieldLooseBase(this, _navInPageInstance)[_navInPageInstance] = _classPrivateFieldLooseBase(this, _getNavInPageInstance)[_getNavInPageInstance]();
	    }

	    // Only return the stuck height if the sticky is full width
	    // or it is inside a horizontal in-page nav
	    return stickyWidth >= viewportWidth || ((_classPrivateFieldLoo = _classPrivateFieldLooseBase(this, _navInPageInstance)[_navInPageInstance]) == null ? void 0 : _classPrivateFieldLoo.alignment) === Alignment.HORIZONTAL ? _classPrivateFieldLooseBase(this, _stickyInstance)[_stickyInstance].getStuckHeight() : 0;
	  }
	  return 0;
	}
	function _onAnchorClick2(event) {
	  var observableSection = _classPrivateFieldLooseBase(this, _observableSections)[_observableSections].get(event.currentTarget.hash);
	  if (observableSection) {
	    event.preventDefault();
	    _classPrivateFieldLooseBase(this, _updateStickyValues)[_updateStickyValues]();

	    // Update the URL
	    if (event.currentTarget.hash !== window.location.hash) {
	      window.history.pushState({}, '', event.currentTarget.hash);
	    }
	    var root = _classPrivateFieldLooseBase(this, _scrollElement)[_scrollElement];
	    var targetIndex = _classPrivateFieldLooseBase(this, _targets)[_targets].indexOf(event.currentTarget.hash);
	    var sectionOffset = _classPrivateFieldLooseBase(this, _offsets)[_offsets][targetIndex] - _classPrivateFieldLooseBase(this, _stickyHeight)[_stickyHeight];
	    var behavior = this.smoothScroll && !Util$1.prefersReducedMotion() ? 'smooth' : 'auto';

	    // preventScroll is not supported in Android
	    _classPrivateFieldLooseBase(this, _observableSections)[_observableSections].get(event.currentTarget.hash).focus({
	      preventScroll: true
	    });

	    // Give the browser a few milliseconds to catch up...
	    setTimeout(function () {
	      root.scrollTo({
	        top: sectionOffset,
	        behavior: behavior
	      });
	    }, 100);
	  }
	}
	function _onKeyUp2(event) {
	  var key = event.key;
	  if (key === TAB && document.querySelector(Selector$J.SCROLLSPY_CONTAINER).contains(document.activeElement)) {
	    var targetSelector = _classPrivateFieldLooseBase(this, _targets)[_targets].join(',');
	    var closestParentTarget = document.activeElement.closest(targetSelector);
	    if (closestParentTarget) {
	      // The targets are containers
	      _classPrivateFieldLooseBase(this, _activate$1)[_activate$1]("#" + closestParentTarget.id);
	    } else {
	      // The targets are heading elements, attempt to find one
	      var siblingTargetSelector = _classPrivateFieldLooseBase(this, _targets)[_targets].map(function (t) {
	        return t + ' ~ *';
	      }).join(',');
	      var nearestParent = document.activeElement.closest(siblingTargetSelector);
	      var nearestTarget = nearestParent == null ? void 0 : nearestParent.previousElementSibling;
	      if (nearestTarget && nearestTarget.matches(targetSelector)) {
	        _classPrivateFieldLooseBase(this, _activate$1)[_activate$1]("#" + nearestTarget.id);
	      }
	    }
	  }
	}
	function _onScroll2() {
	  _classPrivateFieldLooseBase(this, _updateStickyValues)[_updateStickyValues]();
	  var scrollTop = _classPrivateFieldLooseBase(this, _getScrollTop)[_getScrollTop]() + _classPrivateFieldLooseBase(this, _stickyHeight)[_stickyHeight] + this.offset;
	  var scrollHeight = _classPrivateFieldLooseBase(this, _getScrollHeight)[_getScrollHeight]();
	  var maxScroll = _classPrivateFieldLooseBase(this, _stickyHeight)[_stickyHeight] + this.offset + scrollHeight - _classPrivateFieldLooseBase(this, _getOffsetHeight)[_getOffsetHeight]();

	  // Check if the scrollHeight has changed
	  if (_classPrivateFieldLooseBase(this, _scrollHeight)[_scrollHeight] !== scrollHeight) {
	    _classPrivateFieldLooseBase(this, _setup)[_setup]();
	  }

	  // Activate the last target if we've scrolled past the end of the scrollable area
	  if (scrollTop >= maxScroll) {
	    var target = _classPrivateFieldLooseBase(this, _targets)[_targets][_classPrivateFieldLooseBase(this, _targets)[_targets].length - 1];
	    if (_classPrivateFieldLooseBase(this, _activeTarget)[_activeTarget] !== target) {
	      _classPrivateFieldLooseBase(this, _activate$1)[_activate$1](target);
	    }
	    return;
	  }

	  // Activate the first target if we've scrolled before the top of the scrollable area
	  if (_classPrivateFieldLooseBase(this, _activeTarget)[_activeTarget] && scrollTop < _classPrivateFieldLooseBase(this, _offsets)[_offsets][0] && _classPrivateFieldLooseBase(this, _offsets)[_offsets][0] > 0) {
	    var _target = _classPrivateFieldLooseBase(this, _targets)[_targets][0];
	    if (_classPrivateFieldLooseBase(this, _activeTarget)[_activeTarget] !== _target) {
	      _classPrivateFieldLooseBase(this, _activate$1)[_activate$1](_target);
	    }
	    return;
	  }
	  for (var i = _classPrivateFieldLooseBase(this, _offsets)[_offsets].length; i--;) {
	    var isActiveTarget = _classPrivateFieldLooseBase(this, _activeTarget)[_activeTarget] !== _classPrivateFieldLooseBase(this, _targets)[_targets][i] && scrollTop >= _classPrivateFieldLooseBase(this, _offsets)[_offsets][i] && (_classPrivateFieldLooseBase(this, _offsets)[_offsets][i + 1] === undefined || scrollTop < _classPrivateFieldLooseBase(this, _offsets)[_offsets][i + 1]);
	    if (isActiveTarget) {
	      _classPrivateFieldLooseBase(this, _activate$1)[_activate$1](_classPrivateFieldLooseBase(this, _targets)[_targets][i]);
	    }
	  }
	}
	function _activate2(target) {
	  var _this3 = this;
	  if (_classPrivateFieldLooseBase(this, _activeTarget)[_activeTarget] !== target) {
	    _classPrivateFieldLooseBase(this, _activeTarget)[_activeTarget] = target;
	    _classPrivateFieldLooseBase(this, _targetLinks)[_targetLinks].forEach(function (anchor, hash) {
	      if (target === hash) {
	        anchor.setAttribute('aria-current', 'true');
	        anchor.classList.add(_this3.activeClass);
	      } else {
	        anchor.removeAttribute('aria-current');
	        anchor.classList.remove(_this3.activeClass);
	      }
	    });
	    this[EventName$I.ON_CHANGE] = new CustomEvent(EventName$I.ON_CHANGE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$I.ON_CHANGE]);
	  }
	}

	var Selector$I = {
	  DATA_MOUNT: '[data-mount="m365-dropdown"]',
	  DATA_MOUNT_STICKY: '[data-mount="sticky"]',
	  DROPDOWN_ITEM: '.menu-list__item-link',
	  NAVBAR: '.nav-bar',
	  LIST_ITEM_PARAGRAPH: '.list-item',
	  SCROLLSPY: 'ocr-scrollspy',
	  NAV_TAG: '.secondary-nav nav',
	  BLOCK_LIST_ITEM_TITLE: '.list-item__content .fg--base-strong.list-item__content-title',
	  PILL_BAR: '.pill-bar',
	  PILL_BAR_ITEM: '.pill-bar__item',
	  ACTIVE_PILL_BAR_ITEM_LABEL: '.pill-bar__item.active .pill-bar__item__label',
	  SECONDARY_STICKY_NAV: '.secondary-sticky-nav .sticky .secondary-nav',
	  DROPDOWN_MENU: '.dropdown-menu',
	  DROPDOWN_MENU_UL: 'ul'
	};
	var ClassName$p = {
	  NAV_LINK: 'dropdown__link',
	  ACTIVE: 'active',
	  SELECTED: 'selected',
	  DISABLED: 'disabled',
	  SHOW: 'show'
	};
	var AttributeName$1 = {
	  DATA_MOUNT: 'data_mount',
	  DATA_LINK_HREF: 'data-link-href',
	  DATA_TARGET: 'data-target',
	  DATA_ACTIVE_CLASS: 'data-active-class',
	  DATA_DYNAMIC_HEADING: 'data-dynamic-heading',
	  ID: 'id',
	  DISABLED: 'disabled',
	  ARIA_DISABLED: 'aria-disabled',
	  TAB_INDEX: 'tabindex',
	  HREF: 'href'
	};
	var EventName$H = {
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate',
	  CLICK: 'click',
	  KEYDOWN: 'keydown',
	  FOCUSIN: 'focusin',
	  FOCUSOUT: 'focusout'
	};
	var _Util$keys = Util$1.keys,
	  ARROW_DOWN = _Util$keys.ARROW_DOWN,
	  ARROW_UP = _Util$keys.ARROW_UP,
	  ESC = _Util$keys.ESC;
	var handleKeyPress$1 = function handleKeyPress(keys, func) {
	  return function (event) {
	    for (var _iterator = _createForOfIteratorHelperLoose(keys), _step; !(_step = _iterator()).done;) {
	      var key = _step.value;
	      if (event.keyCode === key) {
	        func();
	        event.preventDefault();
	        break;
	      }
	    }
	  };
	};
	var instances$A = [];

	/**
	 * Enable the action link.
	 */
	function _enableActionLink(link) {
	  if (link) {
	    link.removeAttribute(AttributeName$1.DISABLED);
	    link.removeAttribute(AttributeName$1.ARIA_DISABLED);
	    link.removeAttribute(AttributeName$1.TAB_INDEX);
	    var btn = link.querySelector('.btn');
	    if (btn) {
	      btn.classList.remove(ClassName$p.DISABLED);
	    } else {
	      link.classList.remove(ClassName$p.DISABLED);
	    }
	  }
	}
	function _updateActionLink(event) {
	  // Enable the link if it hasn't been yet.
	  if (this.associatedActionLink.hasAttribute(AttributeName$1.DISABLED)) {
	    _enableActionLink(this.associatedActionLink);
	  }

	  // Get and set the new href for the action link.
	  var newHref = event.currentTarget.getAttribute(AttributeName$1.DATA_LINK_HREF);
	  this.associatedActionLink.setAttribute(AttributeName$1.HREF, newHref);
	}

	// setup scrollspy for updating item sections on scroll event
	function _setScrollSpy$1() {
	  var bodyElement = document.querySelector('body'); // set scrollspy on body
	  bodyElement.setAttribute(AttributeName$1.DATA_MOUNT, Selector$I.SCROLLSPY);
	  bodyElement.setAttribute(AttributeName$1.DATA_TARGET, "#" + document.querySelector(Selector$I.NAV_TAG).getAttribute(AttributeName$1.ID));
	  bodyElement.setAttribute(AttributeName$1.DATA_ACTIVE_CLASS, ClassName$p.SELECTED);
	  var scrollspyInstance = new OcrScrollspy({
	    el: bodyElement
	  });
	  scrollspyInstance.update();
	}

	/**
	 * Handles click events on dropdown items.
	 */
	function _onClick$1(event) {
	  // Update heading element's block list item if dynamic heading is enabled.
	  if (this.dynamicHeading && this.headingElement) {
	    var currentListItem = event.currentTarget.querySelector(Selector$I.BLOCK_LIST_ITEM_TITLE);
	    var headingListItem = this.headingElement.querySelector(Selector$I.BLOCK_LIST_ITEM_TITLE);
	    if (currentListItem && headingListItem) {
	      headingListItem.innerHTML = currentListItem.innerHTML;
	    }
	  }

	  // Set new href on action link if there is one.
	  if (this.associatedActionLink) {
	    _updateActionLink.bind(this)(event);
	  }
	  this.hide();
	}

	/**
	 * add events to dropdown items
	 */
	function addEvents() {
	  var _this = this;
	  this.dropdownItems = this.menu.querySelectorAll(Selector$I.DROPDOWN_ITEM);
	  this.events = [].concat(this.events);
	  // push click events for dropdown item
	  this.dropdownItems.forEach(function (item) {
	    _this.events.push({
	      el: item,
	      type: 'click',
	      handler: _onClick$1.bind(_this)
	    });
	  });
	  // push event for window resize
	  this.events.push({
	    el: window,
	    type: 'resize',
	    handler: throttle(200, _createObserver$2.bind(this))
	  });
	  Util$1.addEvents(this.events);
	}

	/**
	 * Calculates rootMargin to pass as Intersection observer options
	 */
	function _calculateRootMargin(dropdown) {
	  var nav = document.querySelector(Selector$I.NAVBAR);
	  var sticky = document.querySelector(Selector$I.DATA_MOUNT_STICKY);
	  var height = 0;
	  var topheight = 0;
	  if (nav) {
	    topheight = nav.offsetHeight;
	    height = window.innerHeight - nav.offsetHeight;
	  } else {
	    topheight = dropdown.offsetHeight;
	    height = window.innerHeight - dropdown.offsetHeight;
	  }
	  if (sticky) {
	    topheight = sticky.offsetHeight + 5;
	    height = window.innerHeight - sticky.offsetHeight - 30;
	  }
	  return "-" + topheight + "px 0px -" + height + "px 0px";
	}

	/**
	 * Create new Intersection observer and observe targeted elements in page
	 */
	function _createObserver$2() {
	  var _this2 = this;
	  if (this.observer) {
	    this.observer.disconnect();
	  }
	  var targetElements = [];
	  var margin = _calculateRootMargin(this.el);
	  var observerOptions = {
	    rootMargin: margin,
	    threshold: 0,
	    root: document
	  };

	  // create observer and change heading if target element is visible in page
	  this.observer = new IntersectionObserver(function (entries) {
	    entries.forEach(function (entry) {
	      if (entry.isIntersecting) {
	        var name = targetElements.find(function (e) {
	          return e.targetId === entry.target.id;
	        });
	        if (name !== null) {
	          var lastTextNode = getLastNonEmptyTextNode(_this2.headingElement.querySelector(Selector$I.LIST_ITEM_PARAGRAPH));
	          lastTextNode.nodeValue = name.targetHeading;
	        }
	      }
	    });
	  }, observerOptions);

	  // loop through dropdown items to get target elements details and set the observer to observe target elements
	  this.dropdownItems.forEach(function (item) {
	    var targetHref = item.getAttribute(AttributeName$1.HREF);
	    if (targetHref) {
	      var targetId = targetHref.split('#')[1];
	      var lastTextNode = getLastNonEmptyTextNode(item.querySelector(Selector$I.LIST_ITEM_PARAGRAPH));
	      var targetHeading = lastTextNode.nodeValue.trim();
	      var elem = document.getElementById(targetId);
	      if (elem !== null) {
	        _this2.observer.observe(elem);
	        targetElements.push({
	          targetHeading: targetHeading,
	          targetId: targetId
	        });
	      }
	    }
	    if (item.hasAttribute(AttributeName$1.HREF) && item.getAttribute(AttributeName$1.HREF).startsWith('#') && item.getAttribute(AttributeName$1.HREF).length > 1) {
	      item.addEventListener('click', function () {
	        var contentFocused = document.querySelector("" + item.getAttribute(AttributeName$1.HREF));
	        if (contentFocused && !contentFocused.hasAttribute(AttributeName$1.TAB_INDEX)) {
	          contentFocused.setAttribute(AttributeName$1.TAB_INDEX, '-1');
	        }
	      });
	    }
	    _dropdownHeightChange.call(_this2);
	  });
	}

	/**
	 *
	 * @param {HTMLElement} element
	 * @returns {HTMLElement} last non empty text node
	 */
	function getLastNonEmptyTextNode(element) {
	  var lastTextNode = null;
	  var childNodes = element.childNodes;
	  for (var i = childNodes.length - 1; i >= 0; i--) {
	    var node = childNodes[i];
	    if (node.nodeType === Node.TEXT_NODE) {
	      var text = node.nodeValue.trim();
	      if (text !== '' && text !== '\n') {
	        lastTextNode = node;
	        break;
	      }
	    } else if (node.nodeType === Node.ELEMENT_NODE) {
	      lastTextNode = getLastNonEmptyTextNode(node);
	      if (lastTextNode) {
	        break;
	      }
	    }
	  }
	  return lastTextNode;
	}

	/**
	 * The event handler for when a key is pressed on the menu
	 * @param {KeyboardEvent} event - The event object
	 */
	function _menuOnKeydown(event) {
	  var _this$arrowableItems;
	  if ((_this$arrowableItems = this.arrowableItems) != null && _this$arrowableItems.includes(event.target)) {
	    var key = event.key;
	    switch (key) {
	      case ESC:
	        {
	          this.hide();
	          break;
	        }
	      case ARROW_DOWN:
	        {
	          _handleDownKeydown.call(this, event);
	          break;
	        }
	      case ARROW_UP:
	        {
	          _handleUpKeydown.call(this, event);
	          break;
	        }
	    }
	  }
	}

	/**
	 *
	 * @param {FocusEvent} event
	 */
	function _dropdownOnFocusout(event) {
	  if (this.shown && !this.el.contains(event.relatedTarget) && !this.menu.contains(event.relatedTarget)) {
	    this.hide({
	      setFocus: false
	    });
	  }
	}

	/**
	 * The event handler to calculate and set the dropdown menu max height dynamincally
	 */
	function _dropdownHeightChange() {
	  if (!document.querySelector(Selector$I.SECONDARY_STICKY_NAV)) {
	    return;
	  }
	  var windowHeight = window.innerHeight;
	  var dropdown = this.el.parentElement;
	  var dropdownMenu = dropdown.querySelector(Selector$I.DROPDOWN_MENU);
	  var dropdownMenuUL = dropdownMenu.querySelector(Selector$I.DROPDOWN_MENU_UL);

	  // for the default sticky nav, no ul inside the menu
	  if (!dropdownMenuUL) {
	    dropdownMenuUL = dropdownMenu;
	  }
	  if (dropdownMenuUL.style.maxHeight) {
	    dropdownMenuUL.style.maxHeight = '';
	  }
	  var dropdownMenuULHeight = 0;
	  if (dropdownMenu && !dropdownMenu.classList.contains(ClassName$p.SHOW)) {
	    dropdownMenu.classList.add(ClassName$p.SHOW);
	    dropdownMenuULHeight = dropdownMenuUL.offsetHeight;
	    dropdownMenu.classList.remove(ClassName$p.SHOW);
	  }
	  var dropdownLinkHeight = document.querySelector(Selector$I.DATA_MOUNT_STICKY).offsetHeight;
	  if (dropdownMenuULHeight > windowHeight - dropdownLinkHeight) {
	    // 2 * 8 is the padding top and bottom of the dropdown menu
	    var topBottomPadding = 2 * 8;
	    dropdownMenuUL.style.maxHeight = windowHeight - dropdownLinkHeight - topBottomPadding + 'px';
	  }
	}
	function _handleDownKeydown(event) {
	  // Prevent scrolling page on down arrow.
	  event.preventDefault();
	  // If the down key is pressed and its NOT on the last item in the list
	  if (document.activeElement !== this.arrowableItems[this.arrowableItems.length - 1]) {
	    this.arrowableItems[this.arrowableItems.indexOf(document.activeElement) + 1].focus();
	  }
	}
	function _handleUpKeydown(event) {
	  // Prevent scrolling page on up arrow.
	  event.preventDefault();
	  if (document.activeElement !== this.arrowableItems[0]) {
	    // If the up key is pressed and its NOT on the first item in the list
	    this.arrowableItems[this.arrowableItems.indexOf(document.activeElement) - 1].focus();
	  }
	}

	/**
	 * The event handler for when a pill button is selected to update the dropdown label and then hide the dropdown item list
	 */
	function _updateDropdownLabel(setFocus) {
	  var _this3 = this;
	  if (setFocus === void 0) {
	    setFocus = true;
	  }
	  // Use setTimeout to delay updating the label until the active pill bar item is updated
	  setTimeout(function () {
	    var activePillBarItemLabel = _this3.pillBarDropdown.querySelector(Selector$I.ACTIVE_PILL_BAR_ITEM_LABEL);
	    var lastTextNode = getLastNonEmptyTextNode(_this3.el.querySelector(Selector$I.LIST_ITEM_PARAGRAPH));
	    lastTextNode.nodeValue = activePillBarItemLabel.innerHTML;
	    _this3.hide({
	      setFocus: setFocus
	    });
	  }, 0);
	}

	/**
	 * The event handler for when the dropdown is open it will focus to the selected item automactically
	 */
	function _focusToSelectedItem() {
	  var _activePillBarItemLab;
	  // Set focus to selected element
	  var activePillBarItemLabel = this.pillBarDropdown.querySelector(Selector$I.ACTIVE_PILL_BAR_ITEM_LABEL);
	  activePillBarItemLabel == null ? void 0 : (_activePillBarItemLab = activePillBarItemLabel.parentElement) == null ? void 0 : _activePillBarItemLab.focus();
	}

	/**
	 * Class Extending existing dropdown functionalities to include additional behaviors
	 */
	var DropdownExtension = /*#__PURE__*/function (_Dropdown) {
	  _inheritsLoose(DropdownExtension, _Dropdown);
	  function DropdownExtension(opts) {
	    var _document$querySelect;
	    var _this4;
	    _this4 = _Dropdown.call(this, opts) || this;

	    // Only when body element has secondary nav tag, set scrollspy.
	    if ((_document$querySelect = document.querySelector('body')) != null && _document$querySelect.querySelector(Selector$I.NAV_TAG)) {
	      _setScrollSpy$1.call(_assertThisInitialized(_this4));
	    }
	    _this4.events = [].concat(_this4.events);

	    // Events need to be removed
	    var inheritedEvents = _this4.events.filter(function (event) {
	      var isMenuKeydownEvent = event.el === _this4.menu && event.type === EventName$H.KEYDOWN;
	      var isDocumentFocusinEvent = event.el === document && event.type === EventName$H.FOCUSIN;
	      return isMenuKeydownEvent || isDocumentFocusinEvent;
	    });
	    Util$1.removeEvents(inheritedEvents);
	    _this4.events = _this4.events.filter(function (event) {
	      return !inheritedEvents.includes(event);
	    });
	    _this4.events.push(
	    // Override the click event on the dropdown items.
	    {
	      el: _this4.menu,
	      type: EventName$H.KEYDOWN,
	      handler: _menuOnKeydown.bind(_assertThisInitialized(_this4))
	    }, {
	      el: _this4.el.parentElement,
	      type: EventName$H.FOCUSOUT,
	      handler: _dropdownOnFocusout.bind(_assertThisInitialized(_this4))
	    });

	    // Add event listeners for pill bar items to update dropdown label
	    _this4.pillBarDropdown = opts.pillBar || _this4.el.closest(Selector$I.PILL_BAR);
	    if (_this4.pillBarDropdown) {
	      _this4.pillBarItems = opts.pillBarItems || _this4.pillBarDropdown.querySelectorAll(Selector$I.PILL_BAR_ITEM);
	      _this4.pillBarItems.forEach(function (item) {
	        _this4.events.push({
	          el: item,
	          type: EventName$H.CLICK,
	          handler: _updateDropdownLabel.bind(_assertThisInitialized(_this4))
	        }, {
	          el: item,
	          handler: handleKeyPress$1([Util$1.keyCodes.SPACE, Util$1.keyCodes.ENTER], _updateDropdownLabel.bind(_assertThisInitialized(_this4))),
	          type: EventName$H.KEYDOWN
	        });
	      });

	      // for this.arrowableItems initialization
	      if (!_this4.arrowableItems) {
	        _this4.arrowableItems = Array.from(_this4.pillBarItems);
	      }

	      // Set focus to selected item when dropdown is open by clicking or pressing space/enter
	      _this4.events.push({
	        el: _this4.el,
	        type: EventName$M.ON_SHOW,
	        handler: function handler() {
	          // use setTimeout to ensure the focus is set after the dropdown is open
	          setTimeout(_focusToSelectedItem.bind(_assertThisInitialized(_this4)), 0);
	        }
	      });
	      _updateDropdownLabel.call(_assertThisInitialized(_this4), false);
	    }

	    // Add event listeners.
	    Util$1.addEvents(_this4.events);

	    // Add events to dropdown only if it is a nav link.
	    if (_this4.el.classList.contains(ClassName$p.NAV_LINK)) {
	      var nav = document.querySelector(Selector$I.NAVBAR);
	      _this4.headingElement = _this4.el;

	      // Check if dynamic heading is enabled.
	      if (_this4.el.getAttribute(AttributeName$1.DATA_DYNAMIC_HEADING)) {
	        _this4.dynamicHeading = true;
	      }
	      addEvents.call(_assertThisInitialized(_this4));
	      _createObserver$2.call(_assertThisInitialized(_this4));

	      // Get dropdown's associated action link.
	      var actionLinkId = _this4.el.getAttribute(AttributeName$1.DATA_TARGET);
	      _this4.associatedActionLink = document.querySelector(actionLinkId);
	      if (nav) {
	        _this4.resizeObserver = window.ResizeObserver ? new ResizeObserver(throttle(200, _createObserver$2.bind(_assertThisInitialized(_this4)))) : null;
	        _this4.resizeObserver.observe(nav);
	        _this4.resizeObserver.observe(document.body);
	      }
	    }
	    instances$A.push(_assertThisInitialized(_this4));
	    return _this4;
	  }

	  /**
	   * Update instance.
	   */
	  var _proto = DropdownExtension.prototype;
	  _proto.update = function update(opts) {
	    var _this$resizeObserver;
	    if (opts === void 0) {
	      opts = {};
	    }
	    Util$1.removeEvents(this.events);
	    (_this$resizeObserver = this.resizeObserver) == null ? void 0 : _this$resizeObserver.disconnect();
	    _Dropdown.prototype.update.call(this, opts);
	    if (this.el.classList.contains(ClassName$p.NAV_LINK)) {
	      this.headingElement = this.el;
	      _createObserver$2.call(this);
	    }
	    addEvents.call(this);

	    // Create and dispatch custom event
	    this[EventName$H.ON_UPDATE] = new CustomEvent(EventName$H.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$H.ON_UPDATE]);
	  }

	  /**
	   * Remove the dropdown instance
	   */;
	  _proto.remove = function remove() {
	    _Dropdown.prototype.remove.call(this);
	    Util$1.removeEvents(this.events);
	    this.observer.disconnect();
	    var index = instances$A.indexOf(this);
	    instances$A.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$H.ON_REMOVE] = new CustomEvent(EventName$H.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$H.ON_REMOVE]);
	  }

	  /**
	   * Get dropdown instances.
	   * @returns {Object[]} An array of dropdown instances
	   */;
	  DropdownExtension.getInstances = function getInstances() {
	    return instances$A;
	  };
	  return DropdownExtension;
	}(Dropdown);

	// TODO: Remove from `core-js@4`
	var $$l = _export;
	var DESCRIPTORS$7 = descriptors;
	var create$2 = objectCreate;

	// `Object.create` method
	// https://tc39.es/ecma262/#sec-object.create
	$$l({ target: 'Object', stat: true, sham: !DESCRIPTORS$7 }, {
	  create: create$2
	});

	var imagesloaded = {exports: {}};

	var evEmitter = {exports: {}};

	evEmitter.exports;
	var hasRequiredEvEmitter;
	function requireEvEmitter() {
	  if (hasRequiredEvEmitter) return evEmitter.exports;
	  hasRequiredEvEmitter = 1;
	  (function (module) {
	    (function (global, factory) {
	      // universal module definition
	      if (module.exports) {
	        // CommonJS - Browserify, Webpack
	        module.exports = factory();
	      } else {
	        // Browser globals
	        global.EvEmitter = factory();
	      }
	    })(typeof window != 'undefined' ? window : commonjsGlobal, function () {
	      function EvEmitter() {}
	      var proto = EvEmitter.prototype;
	      proto.on = function (eventName, listener) {
	        if (!eventName || !listener) return this;

	        // set events hash
	        var events = this._events = this._events || {};
	        // set listeners array
	        var listeners = events[eventName] = events[eventName] || [];
	        // only add once
	        if (!listeners.includes(listener)) {
	          listeners.push(listener);
	        }
	        return this;
	      };
	      proto.once = function (eventName, listener) {
	        if (!eventName || !listener) return this;

	        // add event
	        this.on(eventName, listener);
	        // set once flag
	        // set onceEvents hash
	        var onceEvents = this._onceEvents = this._onceEvents || {};
	        // set onceListeners object
	        var onceListeners = onceEvents[eventName] = onceEvents[eventName] || {};
	        // set flag
	        onceListeners[listener] = true;
	        return this;
	      };
	      proto.off = function (eventName, listener) {
	        var listeners = this._events && this._events[eventName];
	        if (!listeners || !listeners.length) return this;
	        var index = listeners.indexOf(listener);
	        if (index != -1) {
	          listeners.splice(index, 1);
	        }
	        return this;
	      };
	      proto.emitEvent = function (eventName, args) {
	        var listeners = this._events && this._events[eventName];
	        if (!listeners || !listeners.length) return this;

	        // copy over to avoid interference if .off() in listener
	        listeners = listeners.slice(0);
	        args = args || [];
	        // once stuff
	        var onceListeners = this._onceEvents && this._onceEvents[eventName];
	        for (var _iterator = _createForOfIteratorHelperLoose(listeners), _step; !(_step = _iterator()).done;) {
	          var listener = _step.value;
	          var isOnce = onceListeners && onceListeners[listener];
	          if (isOnce) {
	            // remove listener
	            // remove before trigger to prevent recursion
	            this.off(eventName, listener);
	            // unset once flag
	            delete onceListeners[listener];
	          }
	          // trigger listener
	          listener.apply(this, args);
	        }
	        return this;
	      };
	      proto.allOff = function () {
	        delete this._events;
	        delete this._onceEvents;
	        return this;
	      };
	      return EvEmitter;
	    });
	  })(evEmitter);
	  return evEmitter.exports;
	}

	imagesloaded.exports;
	(function (module) {
	  (function (window, factory) {
	    // universal module definition
	    if (module.exports) {
	      // CommonJS
	      module.exports = factory(window, requireEvEmitter());
	    } else {
	      // browser global
	      window.imagesLoaded = factory(window, window.EvEmitter);
	    }
	  })(typeof window !== 'undefined' ? window : commonjsGlobal, function factory(window, EvEmitter) {
	    var $ = window.jQuery;
	    var console = window.console;

	    // -------------------------- helpers -------------------------- //

	    // turn element or nodeList into an array
	    function makeArray(obj) {
	      // use object if already an array
	      if (Array.isArray(obj)) return obj;
	      var isArrayLike = typeof obj == 'object' && typeof obj.length == 'number';
	      // convert nodeList to array
	      if (isArrayLike) return [].concat(obj);

	      // array of single index
	      return [obj];
	    }

	    // -------------------------- imagesLoaded -------------------------- //

	    /**
	     * @param {[Array, Element, NodeList, String]} elem
	     * @param {[Object, Function]} options - if function, use as callback
	     * @param {Function} onAlways - callback function
	     * @returns {ImagesLoaded}
	     */
	    function ImagesLoaded(elem, options, onAlways) {
	      // coerce ImagesLoaded() without new, to be new ImagesLoaded()
	      if (!(this instanceof ImagesLoaded)) {
	        return new ImagesLoaded(elem, options, onAlways);
	      }
	      // use elem as selector string
	      var queryElem = elem;
	      if (typeof elem == 'string') {
	        queryElem = document.querySelectorAll(elem);
	      }
	      // bail if bad element
	      if (!queryElem) {
	        console.error("Bad element for imagesLoaded " + (queryElem || elem));
	        return;
	      }
	      this.elements = makeArray(queryElem);
	      this.options = {};
	      // shift arguments if no options set
	      if (typeof options == 'function') {
	        onAlways = options;
	      } else {
	        Object.assign(this.options, options);
	      }
	      if (onAlways) this.on('always', onAlways);
	      this.getImages();
	      // add jQuery Deferred object
	      if ($) this.jqDeferred = new $.Deferred();

	      // HACK check async to allow time to bind listeners
	      setTimeout(this.check.bind(this));
	    }
	    ImagesLoaded.prototype = Object.create(EvEmitter.prototype);
	    ImagesLoaded.prototype.getImages = function () {
	      this.images = [];

	      // filter & find items if we have an item selector
	      this.elements.forEach(this.addElementImages, this);
	    };
	    var elementNodeTypes = [1, 9, 11];

	    /**
	     * @param {Node} elem
	     */
	    ImagesLoaded.prototype.addElementImages = function (elem) {
	      // filter siblings
	      if (elem.nodeName === 'IMG') {
	        this.addImage(elem);
	      }
	      // get background image on element
	      if (this.options.background === true) {
	        this.addElementBackgroundImages(elem);
	      }

	      // find children
	      // no non-element nodes, #143
	      var nodeType = elem.nodeType;
	      if (!nodeType || !elementNodeTypes.includes(nodeType)) return;
	      var childImgs = elem.querySelectorAll('img');
	      // concat childElems to filterFound array
	      for (var _iterator = _createForOfIteratorHelperLoose(childImgs), _step; !(_step = _iterator()).done;) {
	        var img = _step.value;
	        this.addImage(img);
	      }

	      // get child background images
	      if (typeof this.options.background == 'string') {
	        var children = elem.querySelectorAll(this.options.background);
	        for (var _iterator2 = _createForOfIteratorHelperLoose(children), _step2; !(_step2 = _iterator2()).done;) {
	          var child = _step2.value;
	          this.addElementBackgroundImages(child);
	        }
	      }
	    };
	    var reURL = /url\((['"])?(.*?)\1\)/gi;
	    ImagesLoaded.prototype.addElementBackgroundImages = function (elem) {
	      var style = getComputedStyle(elem);
	      // Firefox returns null if in a hidden iframe https://bugzil.la/548397
	      if (!style) return;

	      // get url inside url("...")
	      var matches = reURL.exec(style.backgroundImage);
	      while (matches !== null) {
	        var url = matches && matches[2];
	        if (url) {
	          this.addBackground(url, elem);
	        }
	        matches = reURL.exec(style.backgroundImage);
	      }
	    };

	    /**
	     * @param {Image} img
	     */
	    ImagesLoaded.prototype.addImage = function (img) {
	      var loadingImage = new LoadingImage(img);
	      this.images.push(loadingImage);
	    };
	    ImagesLoaded.prototype.addBackground = function (url, elem) {
	      var background = new Background(url, elem);
	      this.images.push(background);
	    };
	    ImagesLoaded.prototype.check = function () {
	      var _this = this;
	      this.progressedCount = 0;
	      this.hasAnyBroken = false;
	      // complete if no images
	      if (!this.images.length) {
	        this.complete();
	        return;
	      }

	      /* eslint-disable-next-line func-style */
	      var onProgress = function onProgress(image, elem, message) {
	        // HACK - Chrome triggers event before object properties have changed. #83
	        setTimeout(function () {
	          _this.progress(image, elem, message);
	        });
	      };
	      this.images.forEach(function (loadingImage) {
	        loadingImage.once('progress', onProgress);
	        loadingImage.check();
	      });
	    };
	    ImagesLoaded.prototype.progress = function (image, elem, message) {
	      this.progressedCount++;
	      this.hasAnyBroken = this.hasAnyBroken || !image.isLoaded;
	      // progress event
	      this.emitEvent('progress', [this, image, elem]);
	      if (this.jqDeferred && this.jqDeferred.notify) {
	        this.jqDeferred.notify(this, image);
	      }
	      // check if completed
	      if (this.progressedCount === this.images.length) {
	        this.complete();
	      }
	      if (this.options.debug && console) {
	        console.log("progress: " + message, image, elem);
	      }
	    };
	    ImagesLoaded.prototype.complete = function () {
	      var eventName = this.hasAnyBroken ? 'fail' : 'done';
	      this.isComplete = true;
	      this.emitEvent(eventName, [this]);
	      this.emitEvent('always', [this]);
	      if (this.jqDeferred) {
	        var jqMethod = this.hasAnyBroken ? 'reject' : 'resolve';
	        this.jqDeferred[jqMethod](this);
	      }
	    };

	    // --------------------------  -------------------------- //

	    function LoadingImage(img) {
	      this.img = img;
	    }
	    LoadingImage.prototype = Object.create(EvEmitter.prototype);
	    LoadingImage.prototype.check = function () {
	      // If complete is true and browser supports natural sizes,
	      // try to check for image status manually.
	      var isComplete = this.getIsImageComplete();
	      if (isComplete) {
	        // report based on naturalWidth
	        this.confirm(this.img.naturalWidth !== 0, 'naturalWidth');
	        return;
	      }

	      // If none of the checks above matched, simulate loading on detached element.
	      this.proxyImage = new Image();
	      // add crossOrigin attribute. #204
	      if (this.img.crossOrigin) {
	        this.proxyImage.crossOrigin = this.img.crossOrigin;
	      }
	      this.proxyImage.addEventListener('load', this);
	      this.proxyImage.addEventListener('error', this);
	      // bind to image as well for Firefox. #191
	      this.img.addEventListener('load', this);
	      this.img.addEventListener('error', this);
	      this.proxyImage.src = this.img.currentSrc || this.img.src;
	    };
	    LoadingImage.prototype.getIsImageComplete = function () {
	      // check for non-zero, non-undefined naturalWidth
	      // fixes Safari+InfiniteScroll+Masonry bug infinite-scroll#671
	      return this.img.complete && this.img.naturalWidth;
	    };
	    LoadingImage.prototype.confirm = function (isLoaded, message) {
	      this.isLoaded = isLoaded;
	      var parentNode = this.img.parentNode;
	      // emit progress with parent <picture> or self <img>
	      var elem = parentNode.nodeName === 'PICTURE' ? parentNode : this.img;
	      this.emitEvent('progress', [this, elem, message]);
	    };

	    // ----- events ----- //

	    // trigger specified handler for event type
	    LoadingImage.prototype.handleEvent = function (event) {
	      var method = 'on' + event.type;
	      if (this[method]) {
	        this[method](event);
	      }
	    };
	    LoadingImage.prototype.onload = function () {
	      this.confirm(true, 'onload');
	      this.unbindEvents();
	    };
	    LoadingImage.prototype.onerror = function () {
	      this.confirm(false, 'onerror');
	      this.unbindEvents();
	    };
	    LoadingImage.prototype.unbindEvents = function () {
	      this.proxyImage.removeEventListener('load', this);
	      this.proxyImage.removeEventListener('error', this);
	      this.img.removeEventListener('load', this);
	      this.img.removeEventListener('error', this);
	    };

	    // -------------------------- Background -------------------------- //

	    function Background(url, element) {
	      this.url = url;
	      this.element = element;
	      this.img = new Image();
	    }

	    // inherit LoadingImage prototype
	    Background.prototype = Object.create(LoadingImage.prototype);
	    Background.prototype.check = function () {
	      this.img.addEventListener('load', this);
	      this.img.addEventListener('error', this);
	      this.img.src = this.url;
	      // check if image is already complete
	      var isComplete = this.getIsImageComplete();
	      if (isComplete) {
	        this.confirm(this.img.naturalWidth !== 0, 'naturalWidth');
	        this.unbindEvents();
	      }
	    };
	    Background.prototype.unbindEvents = function () {
	      this.img.removeEventListener('load', this);
	      this.img.removeEventListener('error', this);
	    };
	    Background.prototype.confirm = function (isLoaded, message) {
	      this.isLoaded = isLoaded;
	      this.emitEvent('progress', [this, this.element, message]);
	    };

	    // -------------------------- jQuery -------------------------- //

	    ImagesLoaded.makeJQueryPlugin = function (jQuery) {
	      jQuery = jQuery || window.jQuery;
	      if (!jQuery) return;

	      // set local variable
	      $ = jQuery;
	      // $().imagesLoaded()
	      $.fn.imagesLoaded = function (options, onAlways) {
	        var instance = new ImagesLoaded(this, options, onAlways);
	        return instance.jqDeferred.promise($(this));
	      };
	    };
	    // try making plugin
	    ImagesLoaded.makeJQueryPlugin();

	    // --------------------------  -------------------------- //

	    return ImagesLoaded;
	  });
	})(imagesloaded);
	var imagesloadedExports = imagesloaded.exports;
	var imagesLoaded = /*@__PURE__*/getDefaultExportFromCjs(imagesloadedExports);

	var PointerType = {
	  TOUCH: 'touch',
	  PEN: 'pen'
	};
	var EventName$G = {
	  POINTER_DOWN: 'pointerdown',
	  POINTER_UP: 'pointerup',
	  TOUCH_START: 'touchstart',
	  TOUCH_MOVE: 'touchmove',
	  TOUCH_END: 'touchend'
	};
	var ClassName$o = {
	  POINTER_EVENT: 'pointer-event'
	};
	function _handleSwipe() {
	  var absDeltax = Math.abs(this.touchDeltaX);
	  if (absDeltax <= this.swipeThreshold) {
	    return;
	  }
	  var direction = absDeltax / this.touchDeltaX;

	  // swipe left
	  if (direction > 0) {
	    this.negativeCallback();
	  }

	  // swipe right
	  if (direction < 0) {
	    this.positiveCallback();
	  }
	}
	function _onSwipeStart(event) {
	  if (this.pointerEvent && PointerType[event.pointerType.toUpperCase()]) {
	    this.touchStartX = event.clientX;
	  } else if (!this.pointerEvent) {
	    this.touchStartX = event.touches[0].clientX;
	  }
	}
	function _onSwipeMove(event) {
	  // ensure swiping with one touch and not pinching
	  if (event.touches && event.touches.length > 1) {
	    this.touchDeltaX = 0;
	  } else {
	    this.touchDeltaX = event.touches[0].clientX - this.touchStartX;
	  }
	}
	function _onSwipeEnd(event) {
	  if (this.pointerEvent && PointerType[event.pointerType.toUpperCase()]) {
	    this.touchDeltaX = event.clientX - this.touchStartX;
	  }
	  _handleSwipe.call(this);
	}

	/**
	 * Class for handling touch events.
	 */
	var TouchUtil = /*#__PURE__*/function () {
	  /**
	   * Create a TouchUtil instance
	   * @param {Object} opts - The touch events options.
	   * @param {HTMLElement} opts.el - The swipeable DOM node.
	   * @param {Function} opts.positiveCallback - Callback function to be called after swiping in a positive direction.
	   * @param {Function} opts.negativeCallback - Callback function to be called after swiping in a negative direction.
	   * @param {number} [opts.swipeThreshold=40] - The minimum swipe size
	   * @param {string} [opts.pointerEventClassName="pointer-event"] - The classname to add for pointer events
	   */
	  function TouchUtil(opts) {
	    this.el = opts.el;
	    this.positiveCallback = opts.positiveCallback;
	    this.negativeCallback = opts.negativeCallback;
	    this.swipeThreshold = opts.swipeThreshold || 40;
	    this.pointerEventClassName = opts.pointerEventClassName || ClassName$o.POINTER_EVENT;
	    this.touchStartX = 0;
	    this.touchDeltaX = 0;
	    this.touchSupported = 'ontouchstart' in document.documentElement || Boolean(navigator.maxTouchPoints > 0);
	    this.pointerEvent = Boolean(window.PointerEvent || window.MSPointerEvent);
	    this.onSwipeStart = _onSwipeStart.bind(this);
	    this.onSwipeMove = _onSwipeMove.bind(this);
	    this.onSwipeEnd = _onSwipeEnd.bind(this);
	  }

	  /**
	   * Add the touch event listeners.
	   */
	  var _proto = TouchUtil.prototype;
	  _proto.addEventListeners = function addEventListeners() {
	    if (this.touchSupported) {
	      if (this.pointerEvent) {
	        this.el.addEventListener(EventName$G.POINTER_DOWN, this.onSwipeStart);
	        this.el.addEventListener(EventName$G.POINTER_UP, this.onSwipeEnd);
	        this.el.classList.add(this.pointerEventClassName);
	      } else {
	        this.el.addEventListener(EventName$G.TOUCH_START, this.onSwipeStart);
	        this.el.addEventListener(EventName$G.TOUCH_MOVE, this.onSwipeMove);
	        this.el.addEventListener(EventName$G.TOUCH_END, this.onSwipeEnd);
	      }
	    }
	  }

	  /**
	   * Remove the touch event listeners.
	   */;
	  _proto.removeEventListeners = function removeEventListeners() {
	    if (this.touchSupported) {
	      if (this.pointerEvent) {
	        this.el.removeEventListener(EventName$G.POINTER_DOWN, this.onSwipeStart);
	        this.el.removeEventListener(EventName$G.POINTER_UP, this.onSwipeEnd);
	        this.el.classList.remove(this.pointerEventClassName);
	      } else {
	        this.el.removeEventListener(EventName$G.TOUCH_START, this.onSwipeStart);
	        this.el.removeEventListener(EventName$G.TOUCH_MOVE, this.onSwipeMove);
	        this.el.removeEventListener(EventName$G.TOUCH_END, this.onSwipeEnd);
	      }
	    }
	  };
	  return TouchUtil;
	}();

	var ClassName$n = {
	  ACTIVE: 'active',
	  SLIDE: 'slide',
	  SLIDE_IN: 'sliding-in',
	  SNEAK_PEAK: 'carousel-sneak-peek',
	  PRODUCT_CARD: 'carousel-product-card',
	  VARIABLE_HEIGHT: 'carousel-variable-height',
	  RIGHT: 'carousel-item-right',
	  LEFT: 'carousel-item-left',
	  NEXT: 'carousel-item-next',
	  PREV: 'carousel-item-prev',
	  GET_HEIGHT: 'get-height',
	  MARGIN_X_0: 'mx-0',
	  PADDING_X_0: 'px-0'
	};

	/**
	 * @enum {string}
	 */
	var Direction$3 = {
	  NEXT: 'next',
	  PREV: 'prev',
	  LEFT: 'left',
	  RIGHT: 'right'
	};
	var Selector$H = {
	  ACTIVE: '.active',
	  ACTIVE_ITEM: '.active.carousel-item',
	  ITEM: '.carousel-item',
	  ITEM_IMG: '.carousel-item img',
	  INDICATORS: '.carousel-indicators',
	  DATA_SLIDE_PREV: '[data-slide="prev"]',
	  DATA_SLIDE_NEXT: '[data-slide="next"]',
	  DATA_MOUNT: '[data-mount="carousel"]',
	  DATA_LOOP: 'data-loop',
	  DATA_STATUS: 'data-status',
	  CAROUSEL_INNER: '.carousel-inner',
	  ROW: '.row',
	  SLIDE_ITEM: '.slide-item',
	  VISIBLE_STATUS: '[aria-hidden="true"]',
	  SR_STATUS: '[aria-live]',
	  BACK_TO_CONTROLS: '.back-to-controls'
	};
	var EventName$F = {
	  ON_CHANGE: 'onChange',
	  ON_UPDATE: 'onUpdate',
	  ON_REMOVE: 'onRemove'
	};

	/**
	 * Private functions.
	 */

	function _getItemIndex(element) {
	  var items = element && element.parentNode ? [].slice.call(element.parentNode.querySelectorAll(Selector$H.ITEM)) : [];
	  return items.indexOf(element);
	}
	function _getInitialSlideIndex() {
	  var activeItem = this.el.querySelector(Selector$H.ACTIVE_ITEM);
	  return _getItemIndex.bind(this)(activeItem);
	}
	function _getNextSlide() {
	  var index = this.currentSlideIndex + 1;
	  // If index exceeds slide length, return to index 0
	  return index > this.slides.length - 1 ? 0 : index;
	}
	function _getPrevSlide() {
	  var index = this.currentSlideIndex - 1;
	  // If index is less than 0, move to last slide index
	  return index < 0 ? this.slides.length - 1 : index;
	}
	function _getSlide(num) {
	  // Record highest number, 0 or passed-in value
	  var max = Math.max(num, 0);
	  // Return lowest number, either previous number or the maximum slide index
	  return Math.min(max, this.slides.length - 1);
	}
	function _getStatusContainer() {
	  // Check if we are maintaining a status message for this carousel
	  // and that the element exists on the page
	  var statusContainer = this.el.getAttribute(Selector$H.DATA_STATUS);
	  return statusContainer ? document.getElementById(statusContainer) : null;
	}
	function _shouldLoopSlides() {
	  // Loop by default unless data-loop is set to false
	  return !(this.el.getAttribute(Selector$H.DATA_LOOP) === 'false');
	}
	function _onFirstSlide() {
	  return this.currentSlideIndex === 0;
	}
	function _onLastSlide() {
	  return this.currentSlideIndex === this.slides.length - 1;
	}
	function _shouldGoForward() {
	  return _onLastSlide.bind(this)() ? this.loopSlides : true;
	}
	function _shouldGoBack() {
	  return _onFirstSlide.bind(this)() ? this.loopSlides : true;
	}
	function _prevBtnOnClick() {
	  this.goToPrevSlide();
	}
	function _nextBtnOnClick() {
	  // Add events to manage focus order for accessibility
	  Util$1.addEvents(this.nextBtnEvents);
	  this.goToNextSlide();
	}
	function _backToControlsBtnOnClick() {
	  if (!this.backToControlsBtn) {
	    return;
	  }

	  // focus logic: prefer "previous" button, then "next", otherwise carousel container
	  if (!this.prevBtn.disabled) {
	    this.prevBtn.focus();
	    return;
	  }
	  if (!this.nextBtn.disabled) {
	    this.nextBtn.focus();
	    return;
	  }
	  this.el.setAttribute('tabindex', -1);
	  this.el.focus();
	}
	function _imgOnDrag(event) {
	  // Prevent images inside slides from being dragged and interfering with touch interaction
	  event.preventDefault();
	}

	/**
	 *
	 * @param {Direction} direction - the direction to slide
	 * @param {number} nextElementIndex - the next slide's index
	 * @this CarouselControls
	 */
	function _slide(direction, nextElementIndex) {
	  var _this = this;
	  var activeElement = this.slides[this.currentSlideIndex];
	  var nextElement = this.slides[nextElementIndex];
	  var directionalClassName;
	  var orderClassName;
	  if (direction === Direction$3.NEXT) {
	    directionalClassName = ClassName$n.LEFT;
	    orderClassName = ClassName$n.NEXT;
	  } else {
	    directionalClassName = ClassName$n.RIGHT;
	    orderClassName = ClassName$n.PREV;
	  }
	  if (nextElement && nextElement.classList.contains(ClassName$n.ACTIVE)) {
	    this.isSliding = false;
	    return;
	  }
	  if (!activeElement || !nextElement) {
	    // Some weirdness is happening, so we bail
	    return;
	  }
	  this.isSliding = true;
	  _setActiveIndicatorElement.bind(this)(nextElementIndex);
	  if (this.el.classList.contains(ClassName$n.SNEAK_PEAK)) {
	    _removeNextPrevClasses.bind(this)();
	  }
	  if (this.el.classList.contains(ClassName$n.SLIDE)) {
	    if (this.el.classList.contains(ClassName$n.VARIABLE_HEIGHT)) {
	      this.el.classList.add(ClassName$n.MARGIN_X_0, ClassName$n.PADDING_X_0);
	    }
	    nextElement.classList.add(orderClassName, ClassName$n.SLIDE_IN);
	    Util$1.reflow(nextElement);
	    activeElement.classList.add(directionalClassName);
	    nextElement.classList.add(directionalClassName);
	    var transitionDuration = Util$1.getTransitionDurationFromElement(activeElement);
	    setTimeout(function () {
	      nextElement.classList.remove(directionalClassName, orderClassName, ClassName$n.SLIDE_IN);
	      nextElement.classList.add(ClassName$n.ACTIVE);
	      activeElement.classList.remove(ClassName$n.ACTIVE, orderClassName, directionalClassName);
	      if (_this.el.classList.contains(ClassName$n.VARIABLE_HEIGHT)) {
	        _this.el.classList.remove(ClassName$n.MARGIN_X_0, ClassName$n.PADDING_X_0);
	      }
	      _this.isSliding = false;
	    }, transitionDuration);
	  } else {
	    activeElement.classList.remove(ClassName$n.ACTIVE);
	    nextElement.classList.add(ClassName$n.ACTIVE);
	    this.isSliding = false;
	  }
	  _setSlideAttributes.bind(this)(nextElementIndex);
	  this.didSlide = true;
	  this.currentSlideIndex = nextElementIndex;
	  if (this.el.classList.contains(ClassName$n.SNEAK_PEAK)) {
	    _addNextPrevClasses.bind(this)();
	  }
	  _setButtonAttributes.bind(this)();

	  // Update the status message
	  if (this.statusContainer) {
	    _setStatusMessage.bind(this)(nextElementIndex);
	  }
	}
	function _setActiveIndicatorElement(index) {
	  if (this.indicators) {
	    var indicators = [].slice.call(this.indicators.querySelectorAll(Selector$H.ACTIVE));
	    indicators.forEach(function (indicator) {
	      indicator.classList.remove(ClassName$n.ACTIVE);
	    });
	    var nextIndicator = this.indicators.children[index];
	    if (nextIndicator) {
	      nextIndicator.classList.add(ClassName$n.ACTIVE);
	    }
	  }
	}
	function _removeNextPrevClasses() {
	  var nextElementIndex = _getNextSlide.bind(this)();
	  var prevElementIndex = _getPrevSlide.bind(this)();
	  this.slides[prevElementIndex].classList.remove(ClassName$n.PREV);
	  this.slides[nextElementIndex].classList.remove(ClassName$n.NEXT);
	}
	function _addNextPrevClasses() {
	  var nextElementIndex = _getNextSlide.bind(this)();
	  var prevElementIndex = _getPrevSlide.bind(this)();
	  this.slides[nextElementIndex].classList.add(ClassName$n.NEXT);
	  this.slides[prevElementIndex].classList.add(ClassName$n.PREV);
	}
	function _setSlideAttributes(index) {
	  for (var i = 0; i < this.slides.length; i++) {
	    if (i === index) {
	      this.slides[i].removeAttribute('aria-hidden');
	      if (this.el.classList.contains(ClassName$n.PRODUCT_CARD)) {
	        // Product card carousel needs the first product card focusable, not the whole slide
	        var slideItems = [].slice.call(this.slides[i].querySelectorAll(Selector$H.SLIDE_ITEM));
	        this.slides[i].removeAttribute('tabindex');
	        slideItems[0].firstElementChild.setAttribute('tabindex', 0);
	      } else {
	        this.slides[i].setAttribute('tabindex', 0);
	      }
	    } else {
	      this.slides[i].removeAttribute('tabindex');
	      this.slides[i].setAttribute('aria-hidden', 'true');
	    }
	  }
	}
	function _setActiveClass(index) {
	  for (var i = 0; i < this.slides.length; i++) {
	    if (i === index) {
	      this.slides[i].classList.add(ClassName$n.ACTIVE);
	    } else {
	      this.slides[i].classList.remove(ClassName$n.ACTIVE);
	    }
	  }
	}
	function _setButtonAttributes() {
	  if (!this.loopSlides) {
	    if (_onFirstSlide.bind(this)()) {
	      this.prevBtn.setAttribute('disabled', '');
	      this.prevBtn.setAttribute('tabindex', -1);
	      this.nextBtn.removeAttribute('disabled');
	    } else if (_onLastSlide.bind(this)()) {
	      this.prevBtn.removeAttribute('disabled');
	      this.prevBtn.removeAttribute('tabindex');
	      this.nextBtn.setAttribute('disabled', '');
	    } else {
	      this.prevBtn.removeAttribute('disabled');
	      this.prevBtn.removeAttribute('tabindex');
	      this.nextBtn.removeAttribute('disabled');
	    }
	  } else if (this.loopSlides) {
	    this.prevBtn.removeAttribute('disabled');
	    this.prevBtn.removeAttribute('tabindex');
	    this.nextBtn.removeAttribute('disabled');
	  }
	}

	/**
	 * @desc finds appropriate title text for a carousel slide
	 * @param {HTMLElement} searchNode - the Node to search
	 * @returns {String?} Appropriate text, or empty string if none is found
	 */
	function _getSlideTitleText(searchNode) {
	  var headerSelectors = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
	  var i;
	  var headerNode = null;
	  for (i = 0; i < headerSelectors.length; i++) {
	    headerNode = searchNode.querySelector(headerSelectors[i]);
	    if (headerNode) {
	      return headerNode.textContent;
	    }
	  }
	  var imageNodeList = searchNode.querySelectorAll('img');
	  if (imageNodeList.length === 1 && imageNodeList[0].hasAttribute('alt')) {
	    return imageNodeList[0].getAttribute('alt');
	  }
	  return '';
	}
	function _setStatusMessage(index) {
	  // Sets status message if a status container (visible, screen reader, or both) was registered at initialization
	  if (this.visibleStatusContainer || this.srStatusContainer) {
	    // for carousels that display multiple items at once, like product cards, each item is a slideItem
	    // one or more slideItems are grouped together in a slide.
	    var slideItems = [].slice.call(this.el.querySelectorAll(Selector$H.SLIDE_ITEM)); // all slideItems
	    var activeSlide = this.slides[index]; // The currently shown slide
	    var activeSlideItems = activeSlide.querySelectorAll(Selector$H.SLIDE_ITEM); // the slideItems in the currently shown slide

	    var start = slideItems.indexOf(activeSlideItems[0]) + 1;
	    var separator = '–';
	    var end = slideItems.indexOf(activeSlideItems[activeSlideItems.length - 1]) + 1;
	    var data = {
	      start: start,
	      separator: separator,
	      end: end,
	      total: slideItems.length,
	      slideNumber: index + 1
	    };

	    // Check if there are no slideItems and we're instead just dealing with regular slides
	    if (!slideItems || slideItems.length < 1) {
	      data.start = index + 1;
	      data.end = index + 1;
	      data.total = this.slides.length;
	    }

	    // Check if we're showing exactly one thing
	    if (activeSlide && start === end) {
	      // Make title of shown slide available to template if there's only one
	      data.slideTitle = _getSlideTitleText(activeSlide);
	    }
	    if (this.srStatusContainer && this.srStatusTemplate) {
	      this.srStatusContainer.textContent = Util$1.interpolateString(this.srStatusTemplate, data);
	    }

	    // If we are only showing one item, set separator and end to an empty string for the visible template only
	    if (start === end) {
	      data.separator = '';
	      data.end = '';
	    }
	    if (this.visibleStatusContainer && this.visibleStatusTemplate) {
	      this.visibleStatusContainer.textContent = Util$1.interpolateString(this.visibleStatusTemplate, data);
	    }
	  }
	}
	function _setSlideHeights() {
	  // Enforce consistent height (flexbox messes with animation)
	  var slideArray = [].slice.call(this.slides);
	  var maxHeight = slideArray[0].clientHeight;
	  slideArray.forEach(function (slide) {
	    if (!slide.classList.contains(ClassName$n.ACTIVE)) {
	      slide.classList.add(ClassName$n.GET_HEIGHT);
	    }
	    if (slide.clientHeight > maxHeight) {
	      maxHeight = slide.clientHeight;
	    }
	    slide.classList.remove(ClassName$n.GET_HEIGHT);
	  });
	  slideArray.forEach(function (slide) {
	    slide.style.height = maxHeight + "px";
	  });
	}
	function _removeSlideHeights() {
	  var slideArray = [].slice.call(this.slides);
	  slideArray.forEach(function (slide) {
	    slide.style.height = '';
	  });
	}
	function _recalculateSlideHeights() {
	  var _this2 = this;
	  _removeSlideHeights.bind(this)();
	  imagesLoaded(this.el, function () {
	    _setSlideHeights.bind(_this2)();
	  });
	}

	/**
	 * @this CarouselControls
	 */
	function _handleKeyDown(event) {
	  var keycode = event.keycode || event.which;
	  if (keycode === Util$1.keyCodes.TAB && this.didSlide) {
	    _focusOnSlide.bind(this)(this.currentSlideIndex);
	    this.didSlide = false;
	    event.preventDefault();
	  }
	  _removeControlEventListeners.call(this);
	}
	function _focusOnSlide(index) {
	  this.slides[index].focus();
	}

	/**
	 * @this CarouselControls
	 */
	function _removeControlEventListeners() {
	  this.didSlide = false;
	  Util$1.removeEvents(this.nextBtnEvents);
	}

	/**
	 * @this CarouselControls
	 */
	function _reallocateSlideItems() {
	  var inner = this.el.querySelector(Selector$H.CAROUSEL_INNER);
	  var activeSlide = this.el.querySelector(Selector$H.ACTIVE_ITEM);
	  var slideItemsContainer = activeSlide.querySelector(Selector$H.ROW);
	  var slideItems = [].slice.call(this.el.querySelectorAll(Selector$H.SLIDE_ITEM));
	  var activeSlideItems = activeSlide.querySelectorAll(Selector$H.SLIDE_ITEM);
	  var maxItems = Math.round(slideItemsContainer.clientWidth / activeSlideItems[0].clientWidth);
	  var slidesNeeded = Math.ceil(slideItems.length / maxItems);
	  var slidesToAdd = slidesNeeded - this.slides.length;

	  // Reset CSS properties
	  _removeSlideHeights.bind(this)();
	  this.prevBtn.style.display = '';
	  this.nextBtn.style.display = '';
	  if (this.statusContainer) {
	    this.statusContainer.style.display = '';
	    this.statusContainer.nextElementSibling.style.display = '';
	  }
	  if (slidesToAdd > 0) {
	    // We need to add more slides
	    for (var i = 0; i < slidesToAdd; i++) {
	      var newNode = this.slides[this.slides.length - 1].cloneNode(true);
	      inner.append(newNode);
	      var newParent = newNode.querySelector(Selector$H.ROW);
	      // Clear out duplicated slide items
	      while (newParent.firstChild) {
	        newParent.lastChild.remove();
	      }
	    }
	  } else if (slidesToAdd < 0) {
	    // We need to remove some slides
	    for (var _i = 0; _i > slidesToAdd; _i--) {
	      inner.lastChild.remove();
	    }
	  }

	  // Reallocate the slide items among the slides
	  var slideItemsContainers = this.el.querySelectorAll(Selector$H.ROW);
	  var itemsToAppend;
	  var _loop = function _loop(_i2) {
	    var remainder = slideItems.length % maxItems;
	    if (remainder > 0) {
	      itemsToAppend = slideItems.splice(slideItems.length - remainder, remainder);
	    } else {
	      itemsToAppend = slideItems.splice(slideItems.length - maxItems, maxItems);
	    }
	    itemsToAppend.forEach(function (item) {
	      slideItemsContainers[_i2].append(item);
	    });
	  };
	  for (var _i2 = slideItemsContainers.length - 1; _i2 >= 0; _i2--) {
	    _loop(_i2);
	  }

	  // Update the slides property
	  this.slides = this.el.querySelectorAll(Selector$H.ITEM);

	  // Reset current slide index if it's on a slide that's been removed
	  if (this.currentSlideIndex > this.slides.length - 1) {
	    this.currentSlideIndex = this.slides.length - 1;
	  }

	  // If there is only one slide, hide the controls, status msg, and cta
	  if (this.slides.length === 1) {
	    this.prevBtn.style.display = 'none';
	    this.nextBtn.style.display = 'none';
	    if (this.statusContainer) {
	      this.statusContainer.style.display = 'none';
	      this.statusContainer.nextElementSibling.style.display = 'none';
	    }
	  }
	  _recalculateSlideHeights.bind(this)();
	}
	function _setupDom() {
	  // Reallocate slide items for product card carousel
	  if (this.el.classList.contains(ClassName$n.PRODUCT_CARD)) {
	    _reallocateSlideItems.bind(this)();
	  }

	  // Carousels that aren't layered can't use flexbox to ensure consistent height
	  // so we need an option to set slide height via JS
	  if (this.el.classList.contains(ClassName$n.VARIABLE_HEIGHT)) {
	    _recalculateSlideHeights.bind(this)();
	  }

	  // Make sure slide attributes and indicators are up to date
	  _setSlideAttributes.bind(this)(this.currentSlideIndex);
	  _setActiveClass.bind(this)(this.currentSlideIndex);
	  _setActiveIndicatorElement.bind(this)(this.currentSlideIndex);

	  // For layered carousel layouts, add prev and next classes to slides
	  if (this.el.classList.contains(ClassName$n.SNEAK_PEAK)) {
	    _addNextPrevClasses.bind(this)();
	  }

	  // Update button attributes, for non-looping carousels
	  _setButtonAttributes.bind(this)();

	  // Update the status message
	  if (this.statusContainer) {
	    _setStatusMessage.bind(this)(this.currentSlideIndex);
	    this.statusContainer.parentNode.classList.remove('d-none');
	  }
	}
	function _generateEvents$3() {
	  var events = [{
	    el: this.prevBtn,
	    type: 'click',
	    handler: this.prevOnClick
	  }, {
	    el: this.nextBtn,
	    type: 'click',
	    handler: this.nextOnClick
	  }];
	  if (this.itemImg) {
	    this.itemImg.forEach(function (img) {
	      events.push({
	        el: img,
	        type: 'dragstart',
	        handler: _imgOnDrag
	      });
	    });
	  }

	  // Product card and variable height carousels need an event listener for window resize
	  if (this.el.classList.contains(ClassName$n.PRODUCT_CARD) || this.el.classList.contains(ClassName$n.VARIABLE_HEIGHT)) {
	    events.push({
	      el: window,
	      type: 'resize',
	      handler: debounce(300, _setupDom.bind(this)),
	      options: {
	        passive: true
	      }
	    });
	  }

	  // Can be null
	  if (this.backToControlsBtn) {
	    events.push({
	      el: this.backToControlsBtn,
	      type: 'click',
	      handler: this.backToControlsBtnOnClick
	    });
	  }
	  return events;
	}

	/**
	 * Class representing carousel controls.
	 */
	var CarouselControls = /*#__PURE__*/function () {
	  /**
	   * Create a CarouselControls instance.
	   * @param {Object} opts - The carousel controls options.
	   * @param {HTMLElement} opts.el - The carousel DOM node.
	   * @param {NodeListOf<HTMLElement> | HTMLElement[]} [opts.slides] - List of carousel slides.
	   * @param {number} [opts.initialSlideIndex] - Index of the first carousel slide.
	   * @param {boolean} [opts.loopSlides] - Whether the carousel should loop. Defaults to true.
	   * @param {HTMLElement} [opts.statusContainer] - Element that contains the status message templates.
	   * @param {Function} [opts.prevOnClick] - Function to override the previous button click handler.
	   * @param {Function} [opts.nextOnClick] - Function to override the next button click handler.
	   */
	  function CarouselControls(opts) {
	    var _this3 = this;
	    this.el = opts.el;
	    this.slides = opts.slides || this.el.querySelectorAll(Selector$H.ITEM);
	    this.currentSlideIndex = opts.initialSlideIndex || _getInitialSlideIndex.bind(this)();
	    this.loopSlides = typeof opts.loopSlides === 'boolean' ? opts.loopSlides : _shouldLoopSlides.bind(this)();
	    this.statusContainer = opts.statusContainer || _getStatusContainer.bind(this)();
	    this.prevOnClick = opts.prevOnClick || _prevBtnOnClick.bind(this);
	    this.nextOnClick = opts.nextOnClick || _nextBtnOnClick.bind(this);
	    this.backToControlsBtnOnClick = _backToControlsBtnOnClick.bind(this);

	    // Internal variables
	    this.isSliding = false;
	    this.didSlide = false;
	    this.touchUtil = new TouchUtil({
	      el: this.el,
	      positiveCallback: this.goToNextSlide.bind(this),
	      negativeCallback: this.goToPrevSlide.bind(this)
	    });

	    // Select control nodes
	    this.prevBtn = this.el.querySelector(Selector$H.DATA_SLIDE_PREV);
	    this.nextBtn = this.el.querySelector(Selector$H.DATA_SLIDE_NEXT);
	    this.backToControlsBtn = this.el.querySelector(Selector$H.BACK_TO_CONTROLS);
	    this.indicators = this.el.querySelector(Selector$H.INDICATORS);
	    this.itemImg = this.el.querySelectorAll(Selector$H.ITEM_IMG);
	    if (this.statusContainer) {
	      this.visibleStatusContainer = this.statusContainer.querySelector(Selector$H.VISIBLE_STATUS);
	      this.srStatusContainer = this.statusContainer.querySelector(Selector$H.SR_STATUS);
	      if (this.visibleStatusContainer) {
	        this.visibleStatusTemplate = this.visibleStatusContainer.textContent;
	      }
	      if (this.srStatusContainer) {
	        this.srStatusTemplate = this.srStatusContainer.textContent;
	      }
	    }

	    // Attach event listeners
	    this.events = _generateEvents$3.call(this);
	    Util$1.addEvents(this.events);
	    this.touchUtil.addEventListeners();

	    // Event listeners that need to be added/removed based on user interaction for accessibility
	    // After someone activates the next button, but before the slide animation is over, the next tab keypress
	    // needs to direct focus to the next slide
	    this.nextBtnEvents = [{
	      el: this.nextBtn,
	      type: 'keydown',
	      handler: _handleKeyDown.bind(this)
	    }, {
	      el: this.nextBtn,
	      type: 'blur',
	      handler: _removeControlEventListeners.bind(this)
	    }];

	    // Fix for product card and variable height carousels placed inside other interactive elements like tabs or modals
	    if (this.el.classList.contains(ClassName$n.PRODUCT_CARD) || this.el.classList.contains(ClassName$n.VARIABLE_HEIGHT)) {
	      this.observer = new IntersectionObserver(function (entries) {
	        if (entries[0].isIntersecting) {
	          _setupDom.call(_this3);
	        }
	      });
	      this.observer.observe(this.el);
	    }

	    // Setup DOM
	    _setupDom.bind(this)();
	  }

	  /**
	   * Remove the carousel controls event handlers.
	   */
	  var _proto = CarouselControls.prototype;
	  _proto.remove = function remove() {
	    // Remove event listeners
	    Util$1.removeEvents(this.events);
	    this.touchUtil.removeEventListeners();
	    _removeControlEventListeners.call(this);

	    // Disconnect intersection observer
	    if (this.el.classList.contains(ClassName$n.PRODUCT_CARD) || this.el.classList.contains(ClassName$n.VARIABLE_HEIGHT)) {
	      this.observer.disconnect();
	    }

	    // Create and dispatch custom event
	    this[EventName$F.ON_REMOVE] = new CustomEvent(EventName$F.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$F.ON_REMOVE]);
	  }

	  /**
	   * Update the carousel controls instance.
	   * @param {Object} opts - The carousel controls options.
	   * @param {NodeListOf<HTMLElement> | HTMLElement[]} [opts.slides] - List of carousel slides.
	   * @param {number} [opts.initialSlideIndex] - Index of the first carousel slide.
	   * @param {boolean} [opts.loopSlides] - Whether the carousel should loop.
	   * @param {Function} [opts.prevOnClick] - Function to override the previous button click handler.
	   * @param {Function} [opts.nextOnClick] - Function to override the next button click handler.
	   */;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    // Remove event handlers
	    Util$1.removeEvents(this.events);

	    // For layered carousel layouts, remove prev and next classes from existing slides
	    if (this.el.classList.contains(ClassName$n.SNEAK_PEAK)) {
	      _removeNextPrevClasses.bind(this)();
	    }

	    // Update opts
	    if (opts.slides) {
	      this.slides = opts.slides;
	    } else {
	      this.slides = this.el.querySelectorAll(Selector$H.ITEM);
	    }
	    if (opts.initialSlideIndex) {
	      this.initialSlideIndex = opts.initialSlideIndex;
	    }
	    if (typeof opts.loopSlides === 'boolean') {
	      this.loopSlides = opts.loopSlides;
	    }
	    if (opts.prevOnClick) {
	      this.prevOnClick = opts.prevOnClick;
	    }
	    if (opts.nextOnClick) {
	      this.nextOnClick = opts.nextOnClick;
	    }

	    // Rebuild events array
	    this.events = _generateEvents$3.call(this);

	    // Add event handlers
	    Util$1.addEvents(this.events);

	    // Setup DOM
	    _setupDom.bind(this)();

	    // Create and dispatch custom event
	    this[EventName$F.ON_UPDATE] = new CustomEvent(EventName$F.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$F.ON_UPDATE]);
	  }

	  /**
	   * Go forward to the next slide.
	   */;
	  _proto.goToNextSlide = function goToNextSlide() {
	    if (!this.isSliding && _shouldGoForward.bind(this)()) {
	      // Create and dispatch custom event
	      this[EventName$F.ON_CHANGE] = new CustomEvent(EventName$F.ON_CHANGE, {
	        bubbles: true,
	        cancelable: true
	      });
	      this.el.dispatchEvent(this[EventName$F.ON_CHANGE]);
	      if (this[EventName$F.ON_CHANGE].defaultPrevented) {
	        return;
	      }
	      _slide.bind(this)(Direction$3.NEXT, _getNextSlide.bind(this)());
	    }
	  }

	  /**
	   * Go back to the previous slide.
	   */;
	  _proto.goToPrevSlide = function goToPrevSlide() {
	    if (!this.isSliding && _shouldGoBack.bind(this)()) {
	      // Create and dispatch custom event
	      this[EventName$F.ON_CHANGE] = new CustomEvent(EventName$F.ON_CHANGE, {
	        bubbles: true,
	        cancelable: true
	      });
	      this.el.dispatchEvent(this[EventName$F.ON_CHANGE]);
	      if (this[EventName$F.ON_CHANGE].defaultPrevented) {
	        return;
	      }
	      _slide.bind(this)(Direction$3.PREV, _getPrevSlide.bind(this)());
	    }
	  }

	  /**
	   * Go to a specific slide.
	   * @param {number} num - 0-based index of the slide to change to.
	   */;
	  _proto.goToSlide = function goToSlide(num) {
	    if (!this.isSliding) {
	      // Create and dispatch custom event
	      this[EventName$F.ON_CHANGE] = new CustomEvent(EventName$F.ON_CHANGE, {
	        bubbles: true,
	        cancelable: true
	      });
	      this.el.dispatchEvent(this[EventName$F.ON_CHANGE]);
	      if (this[EventName$F.ON_CHANGE].defaultPrevented) {
	        return;
	      }
	      _slide.bind(this)(Direction$3.PREV, _getSlide.bind(this)(num));
	    }
	  };
	  return CarouselControls;
	}();

	/** carousel START */

	var instances$z = [];

	/**
	 * HTML Attributes.
	 * @enum {string}
	 */
	var Attributes$g = {
	  DISABLED: 'disabled',
	  TABINDEX: 'tabindex',
	  ARIALABEL: 'aria-label',
	  ARIACURRENT: 'aria-current',
	  DATA_TRANSLATABLE: 'data-current-slide-translatable',
	  MULTI_SLIDE_TRANSLATABLE: 'data-multi-slide-translatable',
	  SINGLE_SLIDE_TRANSLATABLE: 'data-single-slide-translatable',
	  DATA_SLIDE_SELECTOR: 'data-slide-selector',
	  ATTRIBUTES: 'attributes',
	  ARIA_EXPANDED: 'aria-expanded',
	  ARIA_LIVE: 'aria-live',
	  ARIA_HIDDEN: 'aria-hidden',
	  DATA_EXPANDED_ARIA_LABEL: 'data-expanded-aria-label',
	  DATA_COLLAPSED_ARIA_LABEL: 'data-collapsed-aria-label',
	  ARIA_CONTROLS: 'aria-controls'
	};

	/**
	 * CSS Classes.
	 * @enum {string}
	 */
	var ClassName$m = {
	  CAROUSEL: 'carousel',
	  CAROUSEL_CONTROLS: 'carousel__controls',
	  CAROUSEL_WINDOW: 'carousel__window',
	  CAROUSEL_WINDOW_NO_MARGIN: 'carousel__window--no-controls',
	  CAROUSEL_ITEM: 'carousel__slide',
	  CAROUSEL_ITEM_ACTIVE: 'active',
	  CAROUSEL_MEDIA_NAV: 'carousel__indicators-item',
	  CAROUSEL_INDICATORS: 'carousel__indicators',
	  CAROUSEL_CTA: 'carousel__cta',
	  CONTAINER: 'carousel__container',
	  PADDING_INLINE_END: 'padding-inline-end',
	  SCROLL_PADDING_INLINE_START: 'scroll-padding-inline-start',
	  CASE_STUDY_TYPE: 'carousel--type-case-study',
	  CASE_STUDY_MODAL_TYPE: 'carousel--type-case-study-modal',
	  CASE_STUDY_NEWS_TYPE: 'carousel--type-case-study-news',
	  PROMO_TYPE: 'carousel--type-promo',
	  VERTICAL_TYPE: 'carousel--type-vertical',
	  HERO_MEDIA_TYPE: 'carousel--type-hero-media',
	  MEDIA_TABS_TYPE: 'carousel--type-media-tabs',
	  ANNOUNCEMENT_TEXT: 'carousel__announcement-text',
	  MEDIA_PLAYLIST_VIDEO_TYPE: 'carousel--type-media-playlist-video',
	  SLIDE_OVERLAY_CONTENT: 'carousel__overlay-content',
	  SLIDE_OVERLAY_TOGGLE_BTN: 'carousel__overlay-btn-toggle',
	  SINGLE_SLIDE: 'single-slide',
	  THEME_NIGHT: 'theme-night',
	  THEME_DAY: 'theme-day',
	  SLIDER_ARROWS: 'slider-arrows',
	  CAROUSEL_INDICATOR_ITEM_WRAPPER: 'carousel__indicators-item-wrapper',
	  SHOW_MORE_INDICATOR: 'carousel__show-more-indicator',
	  BACK_TO_CONTROLS: 'carousel__back-to-controls',
	  SCROLL_SNAP_MANDATORY: 'scroll-snap-mandatory',
	  ANIMATION: 'animation',
	  EFFECT_ON: 'effect-on'
	};
	var RESNAP_DELAY_MS = 1000;

	/**
	 * Media Playlist Video Class Names.
	 * @enum {string}
	 * @readonly
	 */
	var MediaPlaylistVideoClassNames = {
	  BLOCK_FEATURE: 'block-feature',
	  MEDIA: 'media',
	  UMP_CONTAINER: 'ump-container',
	  SLIDE_UP_ANIMATION: 'slide-up-animation',
	  SLIDE_UP_BOTTOM_ANIMATION: 'slide-up-bottom-animation',
	  SLIDE_DOWN_BOTTOM_ANIMATION: 'slide-down-bottom-animation',
	  OVERLAY_HEADING_HIDDEN: 'overlay-heading-hidden',
	  OVERLAY_CONTROLS_HIDDEN: 'overlay-controls-hidden',
	  CAROUSEL_OVERLAY_CONTENT_HIDDEN: 'carousel__overlay-content-hidden',
	  D_NONE: 'd-none',
	  D_FLEX: 'd-flex',
	  OVERLAY_VISIBLE: 'overlay-visible',
	  OVERLAY_HIDDEN: 'overlay-hidden',
	  OVERLAY_TARGET: 'overlay__target',
	  VIDEO_JS: 'video-js',
	  VJS_BIG_PLAY_BUTTON: 'vjs-big-play-button',
	  VJS_PLAY_CONTROL: 'vjs-play-control',
	  VJS_VOLUME_PANEL_VERTICAL: 'vjs-volume-panel-vertical',
	  VJS_MODAL_DIALOG: 'vjs-modal-dialog',
	  VJS_TEXT_TRACK_SETTINGS: 'vjs-text-track-settings',
	  VJS_MENU_BUTTON_POPUP: 'vjs-menu-button-popup',
	  VJS_USER_ACTIVE: 'vjs-user-active',
	  VJS_USER_INACTIVE: 'vjs-user-inactive',
	  VJS_PLAYING: 'vjs-playing',
	  VJS_PAUSED: 'vjs-paused',
	  VJS_HOVER: 'vjs-hover',
	  VJS_SLIDER_ACTIVE: 'vjs-slider-active',
	  VJS_HIDDEN: 'vjs-hidden'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$E = {
	  CLICK_DATA_API: 'click',
	  ON_CLICK: 'onClick',
	  ON_INIT: 'onInit',
	  ON_REMOVE: 'onRemove',
	  ON_SCROLL: 'onScroll',
	  ON_UPDATE: 'onUpdate',
	  RESIZE_DATA_API: 'resize',
	  SCROLL_DATA_API: 'scroll'
	};

	/**
	 * CSS selector.
	 * @enum {string}
	 */
	var Selector$G = {
	  CAROUSEL_WRAPPER_WITH_ANIMATION: "." + ClassName$m.CAROUSEL + "." + ClassName$m.ANIMATION,
	  CAROUSEL_WRAPPER: "." + ClassName$m.CAROUSEL,
	  CAROUSEL_CONTROLS: "." + ClassName$m.CAROUSEL_CONTROLS,
	  CAROUSEL_WINDOW: "." + ClassName$m.CAROUSEL_WINDOW,
	  CAROUSEL_ITEMS: "." + ClassName$m.CAROUSEL_ITEM,
	  CAROUSEL_MEDIA_NAV: "." + ClassName$m.CAROUSEL_MEDIA_NAV,
	  CAROUSEL_INDICATORS: "." + ClassName$m.CAROUSEL_INDICATORS,
	  CAROUSEL_CTA: "." + ClassName$m.CAROUSEL_CONTROLS + " ." + ClassName$m.CAROUSEL_CTA,
	  CONTAINER: "." + ClassName$m.CONTAINER,
	  DATA_MOUNT: "[data-mount=\"ocr-carousel\"]",
	  DATA_MOUNT_OLD: ".carousel__section[data-mount=\"carousel\"]",
	  SNAP_ALIGN_START: "." + ClassName$m.CAROUSEL_ITEM,
	  MODAL_WINDOW: "[data-mount=\"modal\"]",
	  CASE_STUDY_TYPE: "." + ClassName$m.CASE_STUDY_TYPE,
	  CASE_STUDY_MODAL_TYPE: "." + ClassName$m.CASE_STUDY_MODAL_TYPE,
	  CASE_STUDY_NEWS_TYPE: "." + ClassName$m.CASE_STUDY_NEWS_TYPE,
	  PROMO_TYPE: "." + ClassName$m.PROMO_TYPE,
	  VERTICAL_TYPE: "." + ClassName$m.VERTICAL_TYPE,
	  HERO_MEDIA_TYPE: "." + ClassName$m.HERO_MEDIA_TYPE,
	  MEDIA_TABS_TYPE: "." + ClassName$m.MEDIA_TABS_TYPE,
	  ANNOUNCEMENT_TEXT: "." + ClassName$m.ANNOUNCEMENT_TEXT,
	  MEDIA_PLAYLIST_VIDEO_TYPE: "." + ClassName$m.MEDIA_PLAYLIST_VIDEO_TYPE,
	  SLIDE_OVERLAY_CONTENT: "." + ClassName$m.SLIDE_OVERLAY_CONTENT,
	  SLIDE_OVERLAY_TOGGLE_BTN: "." + ClassName$m.SLIDE_OVERLAY_TOGGLE_BTN,
	  SLIDER_ARROWS: "." + ClassName$m.SLIDER_ARROWS,
	  CAROUSEL_INDICATOR_ITEM_WRAPPER: "." + ClassName$m.CAROUSEL_INDICATOR_ITEM_WRAPPER,
	  SHOW_MORE_INDICATOR: "." + ClassName$m.SHOW_MORE_INDICATOR,
	  BACK_TO_CONTROLS: "." + ClassName$m.BACK_TO_CONTROLS,
	  UMP: 'universal-media-player'
	};

	/**
	 * Media Playlist Video Selectors.
	 * @enum {string}
	 * @readonly
	 */
	var MediaPlaylistVideoSelectors = {
	  BLOCK_FEATURE: "." + MediaPlaylistVideoClassNames.BLOCK_FEATURE,
	  MEDIA: "." + MediaPlaylistVideoClassNames.MEDIA,
	  UMP_CONTAINER: "." + MediaPlaylistVideoClassNames.UMP_CONTAINER,
	  VIDEO_JS: "." + MediaPlaylistVideoClassNames.VIDEO_JS,
	  VJS_BIG_PLAY_BUTTON: "." + MediaPlaylistVideoClassNames.VJS_BIG_PLAY_BUTTON,
	  VJS_PLAY_CONTROL: "." + MediaPlaylistVideoClassNames.VJS_PLAY_CONTROL,
	  VJS_VOLUME_PANEL_VERTICAL: "." + MediaPlaylistVideoClassNames.VJS_VOLUME_PANEL_VERTICAL,
	  VJS_MENU_BUTTON_POPUP: "button." + MediaPlaylistVideoClassNames.VJS_MENU_BUTTON_POPUP
	};

	/**
	 * String constants.
	 * @enum {string}
	 */
	var Strings$4 = {
	  EMPTY: "",
	  SCREEN_READER_SLIDE_TITLE_TOKEN: "%{slideTitle}",
	  SCREEN_READER_START_TOKEN: "%{start}",
	  SCREEN_READER_TOTAL_TOKEN: "%{total}",
	  SPACE: " "
	};
	var DELAY_MS$7 = 100;
	var SnapCarousel = /*#__PURE__*/function () {
	  var _proto = SnapCarousel.prototype;
	  _proto._isSnapAlignStart = function _isSnapAlignStart() {
	    return this.carouselWindow.querySelector(Selector$G.SNAP_ALIGN_START) !== null && this.el.closest(Selector$G.CASE_STUDY_TYPE) === null && this.el.closest(Selector$G.CASE_STUDY_MODAL_TYPE) === null && this.el.closest(Selector$G.CASE_STUDY_NEWS_TYPE) === null && this.el.closest(Selector$G.PROMO_TYPE) === null && this.el.closest(Selector$G.VERTICAL_TYPE) === null && this.el.closest(Selector$G.HERO_MEDIA_TYPE) === null && this.el.closest(Selector$G.MEDIA_TABS_TYPE) === null;
	  }

	  /**
	   * Carousel's Window Element.
	   * @type {HTMLDivElement}
	   */;

	  /**
	   * Initializes a new instance of the Snap Carousel component.
	   * @param {{ el: HTMLElement }} opts Initialization options.
	   */
	  function SnapCarousel(opts) {
	    var _this = this;
	    this.carouselWindow = void 0;
	    /**
	     * Root element.
	     * @type {HTMLElement}
	     */
	    this.el = void 0;
	    /**
	     * Event bindings.
	     * @type {{ el: Element, handler: (...args: unknown[]) => unknown, type: string}[]} */
	    this.events = [];
	    /**
	     * Amount to scroll the Carousel Window Element when prev and next button activated
	     * @type {int}
	     */
	    this.scrollAmount = void 0;
	    /**
	     * Tracks time delay for timeout function
	     * @type {int}
	     */
	    this.timer = null;
	    this.el = opts.el;
	    this.carouselWrapper = this.el.closest(Selector$G.CAROUSEL_WRAPPER);
	    // The AEM Carousel Component's `animation` class is included with the component wrapper, unlike in Moray Reimaigne's example.
	    this.carouselWrapperWithAnimation = this.el.closest(Selector$G.CAROUSEL_WRAPPER_WITH_ANIMATION);
	    this.carouselControls = this.el.querySelector(Selector$G.CAROUSEL_CONTROLS);
	    this.carouselIndicators = this.el.querySelector(Selector$G.CAROUSEL_INDICATORS);
	    this.carouselWindow = this.el.querySelector(Selector$G.CAROUSEL_WINDOW);
	    if (this.el.dataset.slideSelector) {
	      this.carouselItems = this.el.querySelectorAll(this.el.dataset.slideSelector);
	    } else {
	      this.carouselItems = this.carouselWindow.querySelectorAll(Selector$G.CAROUSEL_ITEMS);
	    }
	    this.carouselMediaNav = this.el.querySelectorAll(Selector$G.CAROUSEL_MEDIA_NAV);
	    this.carouselCTA = this.el.querySelector(Selector$G.CAROUSEL_CTA);
	    this.backToControls = this.el.querySelector(Selector$G.BACK_TO_CONTROLS);
	    this.disabledQuery = this.el.dataset.disableVp ? window.matchMedia("(min-width: " + ViewPort[this.el.dataset.disableVp.toUpperCase()] + "px)") : null;
	    this.hasContainer = this.carouselWindow.querySelector(Selector$G.CONTAINER) !== null;
	    this.isRTL = document.dir === 'rtl';
	    this.isSnapAlignStart = this._isSnapAlignStart();
	    this.subContainer = null;
	    this.modalWindow = this.el.closest(Selector$G.MODAL_WINDOW);
	    this.modalTriggerElems = this.modalWindow ? document.querySelectorAll("[data-target^=\"#" + this.modalWindow.id + "\"]") : null;
	    this.isCalculateBottomMargin = this.el.parentElement.classList.contains(ClassName$m.CASE_STUDY_TYPE) || this.el.parentElement.classList.contains(ClassName$m.MEDIA_TABS_TYPE);
	    this.carouselWindowBottomSpacing = this.getCarouselWindowBottomMargin();
	    this.currentSlideIndex = 0;
	    opts.nextOnClick = this.scrollToNextPage.bind(this);
	    opts.prevOnClick = this.scrollToPrevPage.bind(this);
	    if (this.carouselItems.length > 1) {
	      this.controls = opts.controls || new CarouselControls(opts);
	    } else {
	      var _this$el$querySelecto, _this$el$querySelecto2;
	      (_this$el$querySelecto = this.el.querySelector(Selector$G.CAROUSEL_CONTROLS)) == null ? void 0 : (_this$el$querySelecto2 = _this$el$querySelecto.classList) == null ? void 0 : _this$el$querySelecto2.add('d-none');
	    }
	    if (this.hasContainer) {
	      this.subContainer = this.carouselWindow.querySelector(Selector$G.CONTAINER);
	      if (this.isSnapAlignStart) {
	        this.setCarouselWindowScrollPadding();
	        this.carouselWindow.scrollTo(0, 0);
	      }
	    }
	    if (this.carouselMediaNav.length > 0) {
	      var ariaLabel = this.carouselMediaNav[0].getAttribute(Attributes$g.ARIALABEL);
	      var dataCurrentTranslatable = this.carouselMediaNav[0].getAttribute(Attributes$g.DATA_TRANSLATABLE);
	      this.carouselMediaNav[0].classList.add(ClassName$m.CAROUSEL_ITEM_ACTIVE);
	      if (this.carouselMediaNav[0].getAttribute(Attributes$g.ARIACURRENT)) {
	        this.carouselMediaNav[0].setAttribute(Attributes$g.ARIACURRENT, true);
	      }
	      if (ariaLabel && dataCurrentTranslatable) {
	        this.carouselMediaNav[0].setAttribute(Attributes$g.ARIALABEL, ariaLabel.concat(' ', dataCurrentTranslatable));
	      }
	    }
	    this.calculateScrollAmount();
	    this.adjustCaseStudyCarouselWindowBottomMargin();
	    this.setCarouselSlideTabIndex();
	    var observer = new IntersectionObserver(this.handleCarouselShow.bind(this));
	    observer.observe(this.el);
	    this.enableCarouselScrollSnap();
	    this.events.push({
	      el: document.defaultView,
	      handler: throttle(DELAY_MS$7, this.handleResize.bind(this)),
	      type: EventName$E.RESIZE_DATA_API
	    }, {
	      el: this.carouselWindow,
	      handler: throttle(DELAY_MS$7, this.handleScroll.bind(this)),
	      type: EventName$E.SCROLL_DATA_API
	    });
	    this.carouselMediaNav.forEach(function (carouselMediaItem) {
	      _this.events.push({
	        el: carouselMediaItem,
	        type: EventName$E.CLICK_DATA_API,
	        handler: function handler(event) {
	          return window.requestAnimationFrame(function () {
	            _this.scrollToTargetPage(event);
	          });
	        }
	      });
	    });
	    if (this.modalTriggerElems) {
	      this.modalTriggerElems.forEach(function (modalTriggerElem) {
	        _this.events.push({
	          el: modalTriggerElem,
	          type: EventName$E.CLICK_DATA_API,
	          handler: _this.handleModalTriggerClick.bind(_this)
	        });
	      });
	    }
	    if (this.backToControls) {
	      this.events.push({
	        el: this.backToControls,
	        type: EventName$E.CLICK_DATA_API,
	        handler: this.handleBackToCarouselControls.bind(this)
	      });
	    }
	    if (this.carouselItems.length > 1 && this.carouselControls) {
	      this.checkToHideControls();
	      this.handleScroll();
	      Util$1.addEvents(this.events);
	    } else if (this.carouselItems.length === 1 && this.backToControls) {
	      this.backToControls.classList.add(MediaPlaylistVideoClassNames.D_NONE);
	    }
	    if (this.el.closest(Selector$G.MEDIA_PLAYLIST_VIDEO_TYPE) !== null) {
	      this.mediaPlaylistVideo = new MediaPlaylistVideo({
	        carouselSlides: this.carouselItems,
	        carouselMount: this.el
	      });
	    }
	    instances$z.push(this);
	  }

	  /**
	   * Pause current slide element's video.
	   * @param {Node} slideElement
	   */
	  _proto.pauseVideo = function pauseVideo(slideElement) {
	    var umpElement = slideElement == null ? void 0 : slideElement.querySelector(Selector$G.UMP);
	    if (umpElement && umpElement.pause) {
	      umpElement.pause();
	    }
	  }

	  /**
	   * When the carousel is shown, call the handleResize function to calculate the scroll amount.
	   */;
	  _proto.handleCarouselShow = function handleCarouselShow(entries) {
	    var _this2 = this;
	    entries.forEach(function (entry) {
	      if (entry.isIntersecting) {
	        _this2.handleResize();
	      }
	    });
	  }

	  /**
	   * Determines if carousel items are fixed width
	   * @returns {boolean} `true` if first carousel item contains a `col-` class, `false` otherwise.
	   */;
	  _proto.areItemsFixedWidth = function areItemsFixedWidth() {
	    var item = this.carouselItems[0];
	    for (var _iterator = _createForOfIteratorHelperLoose(item.classList), _step; !(_step = _iterator()).done;) {
	      var cls = _step.value;
	      if (cls.includes('col-')) {
	        return true;
	      }
	    }
	    return false;
	  }

	  /**
	   * Gets carousel item width.
	   * @returns {number} The width of the first carousel item.
	   */;
	  _proto.getItemWidth = function getItemWidth() {
	    var item = this.carouselItems[0];
	    return item.clientWidth;
	  }

	  /**
	   * Calculates how much scrolling the prev and next buttons should scroll the carousel window.
	   */;
	  _proto.calculateScrollAmount = function calculateScrollAmount() {
	    if (this.hasContainer) {
	      this.scrollAmount = this.subContainer.clientWidth + this.calculateScrollSpacing(true);
	    } else {
	      this.scrollAmount = this.carouselWindow.clientWidth;
	    }
	    if (this.areItemsFixedWidth() && this.getItemWidth() > this.scrollAmount / 2) {
	      this.scrollAmount = this.getItemWidth();
	    }
	  }

	  /**
	   * Calculates the scroll spacing of the carousel window
	   */;
	  _proto.calculateScrollSpacing = function calculateScrollSpacing(isIncludePadding) {
	    if (isIncludePadding === void 0) {
	      isIncludePadding = false;
	    }
	    var _window$getComputedSt = window.getComputedStyle(this.subContainer, null),
	      paddingRight = _window$getComputedSt.paddingRight,
	      paddingLeft = _window$getComputedSt.paddingLeft,
	      columnGap = _window$getComputedSt.columnGap;
	    var scrollGap = Math.ceil(parseFloat(columnGap) || 0);
	    if (!isIncludePadding) {
	      return scrollGap;
	    }
	    var scrollPaddingRight = Math.ceil(parseFloat(paddingRight) || 0);
	    var scrollPaddingLeft = Math.ceil(parseFloat(paddingLeft) || 0);
	    return scrollGap - scrollPaddingRight - scrollPaddingLeft;
	  }

	  /*
	   * Calculates the margin-start and padding-start of the carousel window
	   */;
	  _proto.calculateOffset = function calculateOffset() {
	    var padding = parseInt(window.getComputedStyle(this.subContainer, null).getPropertyValue(ClassName$m.PADDING_INLINE_END), 10) * 2;
	    var margin = 0;
	    if (window.innerWidth > 540) {
	      margin = document.querySelector('body').clientWidth - this.subContainer.clientWidth;
	    }
	    return (padding + margin) / 2; // margin and padding is for both left + right side of container. We only need to accomodate for one side.
	  }

	  /**
	   * Checks if the carousel controls should be hidden or shown based on the current state of the carousel.
	   * Handles the corresponding funcionality as well.
	   */;
	  _proto.checkToHideControls = function checkToHideControls() {
	    var carouselWindow = this.carouselWindow,
	      carouselCTA = this.carouselCTA,
	      controls = this.controls,
	      carouselItems = this.carouselItems,
	      backToControls = this.backToControls;
	    var isFirstItemInWindow = this.inCarouselWindow(carouselItems[0], carouselWindow);
	    var isLastItemInWindow = this.inCarouselWindow(carouselItems[carouselItems.length - 1], carouselWindow);
	    var controlsVisible = window.getComputedStyle(controls.nextBtn).visibility === 'visible' && window.getComputedStyle(controls.prevBtn).visibility === 'visible';
	    var shouldHideControls = isFirstItemInWindow && isLastItemInWindow && controlsVisible;
	    var shouldShowControls = (!isFirstItemInWindow || !isLastItemInWindow) && !controlsVisible;
	    if (shouldHideControls || shouldShowControls) {
	      var visibility = shouldHideControls ? 'hidden' : 'visible';
	      var carouselWindowClass = ClassName$m.CAROUSEL_WINDOW_NO_MARGIN;
	      controls.nextBtn.style.visibility = visibility;
	      controls.prevBtn.style.visibility = visibility;
	      if (!carouselCTA) {
	        if (shouldHideControls) {
	          carouselWindow.classList.add(carouselWindowClass);
	        } else {
	          carouselWindow.classList.remove(carouselWindowClass);
	        }
	      }
	      if (backToControls) {
	        backToControls.classList.toggle(MediaPlaylistVideoClassNames.D_NONE, shouldHideControls);
	      }
	    }
	  }

	  /**
	   * Gets the initial bottom margin of the carousel window
	   * This is to keep track of original spacing variable value used
	   * @returns {number} The bottom margin of the carousel window
	   */;
	  _proto.getCarouselWindowBottomMargin = function getCarouselWindowBottomMargin() {
	    var windowStyles = window.getComputedStyle(this.carouselWindow);
	    var windowMargin = parseInt(windowStyles.marginBottom, 10);
	    return windowMargin;
	  }

	  /**
	   * Gets the computed value of the spacing variable used for the bottom margin of the carousel window
	   * @param {*} marginBottom initial margin-bottom set for the carousel window
	   * @returns spacing variable value in px
	   */;
	  _proto.getComputedSpacingVariableValue = function getComputedSpacingVariableValue(marginBottom) {
	    var spacingVariable = marginBottom === 48 || window.innerWidth < 860 && marginBottom === 32 ? '--root-spacing-2xl' : '--root-spacing-xl';
	    var rootVariables = getComputedStyle(document.documentElement);
	    var fontSize = parseInt(rootVariables.fontSize, 10);
	    var spacingValue = parseInt(rootVariables.getPropertyValue(spacingVariable), 10);
	    var spacingVariableInPx = spacingValue * fontSize;
	    return spacingVariableInPx;
	  }

	  /**
	   * Handle resizing for Case Study Carousel Controls for VP3
	   * Readjusts the bottom margin of the carousel window to account for the carousel controls
	   */;
	  _proto.adjustCaseStudyCarouselWindowBottomMargin = function adjustCaseStudyCarouselWindowBottomMargin() {
	    if (this.isCalculateBottomMargin && this.carouselControls) {
	      var controlsMargin = this.carouselControls.clientHeight;
	      var intialWindowSpacing = this.getComputedSpacingVariableValue(this.carouselWindowBottomSpacing);
	      this.carouselWindow.style.marginBottom = intialWindowSpacing + controlsMargin + "px";
	    }
	  }

	  /**
	   * Handle resizing for Scroll Snap Carousel
	   * Re-calculates the scroll-amount for carousel controls
	   */;
	  _proto.handleResize = function handleResize() {
	    if (this.hasContainer && this.isSnapAlignStart) {
	      this.setCarouselWindowScrollPadding();
	    }
	    if (this.carouselItems.length > 1 && this.carouselControls) {
	      this.checkToHideControls();
	    }
	    this.calculateScrollAmount();
	    this.adjustCaseStudyCarouselWindowBottomMargin();
	  }

	  /**
	   * Handle scrolling inside the Scroll Snap Carousel Window
	   * Sets arrow state
	   * Updates active state for media nav
	   * Updates tab index for all slides based on which is viewable
	   */;
	  _proto.handleScroll = function handleScroll() {
	    var _this3 = this;
	    var el = this.el,
	      timer = this.timer,
	      carouselWindow = this.carouselWindow,
	      controls = this.controls,
	      carouselItems = this.carouselItems,
	      carouselMediaNav = this.carouselMediaNav;
	    var length = carouselMediaNav.length;
	    var currentSlideInWindow = this.getCurrentSlideInWindow(carouselItems, carouselWindow);
	    this.pauseVideo(currentSlideInWindow);
	    if (this.inCarouselWindow(carouselItems[0], carouselWindow)) {
	      controls.prevBtn.setAttribute(Attributes$g.DISABLED, Strings$4.EMPTY);
	      controls.nextBtn.removeAttribute(Attributes$g.DISABLED);
	    } else if (this.inCarouselWindow(carouselItems[carouselItems.length - 1], carouselWindow)) {
	      controls.prevBtn.removeAttribute(Attributes$g.DISABLED);
	      controls.nextBtn.setAttribute(Attributes$g.DISABLED, Strings$4.EMPTY);
	    } else {
	      controls.nextBtn.removeAttribute(Attributes$g.DISABLED);
	      controls.prevBtn.removeAttribute(Attributes$g.DISABLED);
	    }
	    this.setCarouselSlideTabIndex();
	    if (length > 0 && currentSlideInWindow) {
	      var indicatorItemEl = el.querySelectorAll("a[href='#" + currentSlideInWindow.id + "']")[0];
	      this.handleActiveIndicator(indicatorItemEl);
	    }
	    if (carouselItems.length > 1) {
	      if (timer !== null) {
	        clearTimeout(timer);
	      }
	      this.timer = setTimeout(function () {
	        var announcementTextEl = el.querySelector(Selector$G.ANNOUNCEMENT_TEXT);
	        if (announcementTextEl && announcementTextEl.getAttribute(Attributes$g.SINGLE_SLIDE_TRANSLATABLE) && announcementTextEl.getAttribute(Attributes$g.MULTI_SLIDE_TRANSLATABLE)) {
	          _this3.updateCustomScreenReaderText();
	        }
	      }, DELAY_MS$7);
	    }
	  };
	  _proto.handleActiveIndicator = function handleActiveIndicator(el) {
	    if (el && !el.classList.contains(ClassName$m.CAROUSEL_ITEM_ACTIVE)) {
	      var ariaLabel = el.getAttribute(Attributes$g.ARIALABEL);
	      var dataTranslatable = el.getAttribute(Attributes$g.DATA_TRANSLATABLE);
	      el.classList.add(ClassName$m.CAROUSEL_ITEM_ACTIVE);
	      if (el.getAttribute(Attributes$g.ARIACURRENT)) {
	        el.setAttribute(Attributes$g.ARIACURRENT, true);
	      }
	      if (ariaLabel && dataTranslatable) {
	        el.setAttribute(Attributes$g.ARIALABEL, ariaLabel.concat(' ', dataTranslatable));
	      }
	      this.carouselMediaNav.forEach(function (carouselMediaItem) {
	        if (carouselMediaItem !== el && carouselMediaItem.classList.contains(ClassName$m.CAROUSEL_ITEM_ACTIVE)) {
	          carouselMediaItem.classList.remove(ClassName$m.CAROUSEL_ITEM_ACTIVE);
	          if (carouselMediaItem.getAttribute(Attributes$g.ARIACURRENT)) {
	            carouselMediaItem.setAttribute(Attributes$g.ARIACURRENT, false);
	          }
	          if (carouselMediaItem.getAttribute(Attributes$g.ARIALABEL) && dataTranslatable) {
	            carouselMediaItem.setAttribute(Attributes$g.ARIALABEL, carouselMediaItem.getAttribute(Attributes$g.ARIALABEL).replace(' '.concat(dataTranslatable), ''));
	          }
	        }
	      });
	    }
	  }

	  /**
	   * Specialized event handler for Modal Triggers from anchor tags.
	   */;
	  _proto.handleModalTriggerClick = function handleModalTriggerClick(event) {
	    event.preventDefault();
	  }

	  /**
	   * This method handles the event that triggers a return to the carousel controls.
	   *
	   * @param {Event} event - The event that triggers the return to the carousel controls.
	   */;
	  _proto.handleBackToCarouselControls = function handleBackToCarouselControls(event) {
	    var _this$controls$prevBt;
	    event.preventDefault();
	    var prevBtnDisabled = (_this$controls$prevBt = this.controls.prevBtn) == null ? void 0 : _this$controls$prevBt.hasAttribute('disabled');
	    if (this.carouselMediaNav.length > 0) {
	      var isDisplayNone = window.getComputedStyle(this.carouselIndicators).getPropertyValue('display') === 'none';
	      var isAriaHidden = this.carouselIndicators.getAttribute(Attributes$g.ARIA_HIDDEN) === 'true';
	      var carouselIndicatorHidden = isDisplayNone || isAriaHidden;

	      // Carousel has different variants that may or may not have carousel indicators.
	      // For some variants indicators are only visible in desktop view.
	      if (!carouselIndicatorHidden) {
	        this.carouselMediaNav[0].focus();
	      } else if (prevBtnDisabled) {
	        this.controls.nextBtn.focus();
	      } else {
	        this.controls.prevBtn.focus();
	      }
	    } else if (prevBtnDisabled && this.controls.nextBtn) {
	      this.controls.nextBtn.focus();
	    } else if (this.controls.prevBtn) {
	      this.controls.prevBtn.focus();
	    }
	  }

	  /**
	   * Helper function to check if single slide element is within slide window.
	   * @param {HTMLElement} slide - Single slide element.
	   * @param {HTMLElement} carouselWindow - Carousel window.
	   * @return {boolean} Returns true if the slide element is visible within the slide window.
	   */;
	  _proto.inCarouselWindow = function inCarouselWindow(slide, carouselWindow) {
	    var slideBounds = slide.getBoundingClientRect();
	    var carouselWindowBounds = carouselWindow.getBoundingClientRect();
	    var prevBtnBounds = this.controls.prevBtn.getBoundingClientRect();
	    if (this.isSnapAlignStart) {
	      // Check for RTL mode and perform proper conditional
	      if (!this.isRTL) {
	        // Normal LTR Mode
	        return Math.round(slideBounds.left) - Math.round(prevBtnBounds.left) >= -1 && Math.round(slideBounds.right) <= Math.round(carouselWindowBounds.right);
	      }

	      // RTL Mode
	      return Math.round(prevBtnBounds.right) - Math.round(slideBounds.right) >= -1 && Math.round(slideBounds.left) >= Math.round(carouselWindowBounds.left);
	    }
	    return Math.round(slideBounds.left) >= Math.round(carouselWindowBounds.left) && Math.round(slideBounds.right) <= Math.round(carouselWindowBounds.right);
	  }

	  /**
	   * Helper function to check which slide is inside the window.  Only works when Carousel is configured to show one slide at a time.
	   * @param {NodeListOf<HTMLElement>} slides - Node list of elements to check.
	   * @param {HTMLElement} carouselWindow - Carousel window.
	   * @return {HTMLElement | undefined} Returns the slide element if it is visible within the slide window.
	   */;
	  _proto.getCurrentSlideInWindow = function getCurrentSlideInWindow(slides, carouselWindow) {
	    var carouselWindowBounds = carouselWindow.getBoundingClientRect();
	    return Array.from(slides).find(function (slide) {
	      var slideBounds = slide.getBoundingClientRect();
	      return Math.ceil(slideBounds.left) >= Math.ceil(carouselWindowBounds.left) && Math.floor(slideBounds.right) <= Math.ceil(carouselWindowBounds.right);
	    });
	  }

	  /*
	   * Scroll the carousel window to the next page.
	   */;
	  _proto.scrollToNextPage = function scrollToNextPage() {
	    var scrollAmountForLangDir = this.isRTL ? -this.scrollAmount : this.scrollAmount;
	    this.carouselWindow.scrollBy(scrollAmountForLangDir, 0);
	    this.currentSlideIndex++;
	  }

	  /*
	   * Scroll the carousel window to the previous page.
	   */;
	  _proto.scrollToPrevPage = function scrollToPrevPage() {
	    var scrollAmountForLangDir = this.isRTL ? -this.scrollAmount : this.scrollAmount;
	    this.carouselWindow.scrollBy(-scrollAmountForLangDir, 0);
	    this.currentSlideIndex--;
	  }

	  /*
	   * Scroll the carousel window to the target page.
	   */;
	  _proto.scrollToTargetPage = function scrollToTargetPage(event) {
	    event.preventDefault();
	    var curEl = event.currentTarget;
	    var targetId = "#" + curEl.href.split('#')[1];
	    var currentSlideWidth = this.el.querySelector(targetId).clientWidth;

	    // get index of target slide
	    var carouselMediaNavArr = Array.from(this.carouselMediaNav);
	    var targetIndex = -1;
	    for (var _iterator2 = _createForOfIteratorHelperLoose(carouselMediaNavArr.entries()), _step2; !(_step2 = _iterator2()).done;) {
	      var _step2$value = _step2.value,
	        index = _step2$value[0],
	        div = _step2$value[1];
	      if (div.getAttribute('href') === targetId) {
	        targetIndex = index;
	        break;
	      }
	    }

	    // scroll to target slide
	    var direction = this.isRTL ? -1 : 1;
	    var scrollToAmount = direction * (targetIndex * (currentSlideWidth + this.calculateScrollSpacing()));
	    this.carouselWindow.scrollTo(scrollToAmount, 0);

	    // update current slide index
	    this.currentSlideIndex = targetIndex;

	    // update active indicator
	    this.handleActiveIndicator(curEl);
	  }

	  /*
	   * Set Carousel Window's scroll-padding-inline-start to the calculated offset.
	   */;
	  _proto.setCarouselWindowScrollPadding = function setCarouselWindowScrollPadding() {
	    this.carouselWindow.style.setProperty(ClassName$m.SCROLL_PADDING_INLINE_START, this.calculateOffset().toString() + 'px');
	  }

	  /**
	   * Sets the tabindex for every slide's <button> and <a> tags in the carousel depending on whether or not it is in the view window.
	   * Or sets the tabindex of the slide if it has no focusable elements.
	   */;
	  _proto.setCarouselSlideTabIndex = function setCarouselSlideTabIndex() {
	    var _this4 = this;
	    this.carouselItems.forEach(function (slide) {
	      var slideFocusableElems = Util$1.getTabbableElements(slide);
	      if (_this4.carouselItems.length === 1) {
	        slide.setAttribute(Attributes$g.TABINDEX, 0);
	        slideFocusableElems.forEach(function (link) {
	          link.setAttribute(Attributes$g.TABINDEX, 0);
	        });
	      } else if (_this4.inCarouselWindow(slide, _this4.carouselWindow)) {
	        slide.setAttribute(Attributes$g.TABINDEX, 0);
	        slide.removeAttribute(Attributes$g.ARIA_HIDDEN, true);
	        slideFocusableElems.forEach(function (link) {
	          link.setAttribute(Attributes$g.TABINDEX, 0);
	        });
	      } else {
	        slide.setAttribute(Attributes$g.TABINDEX, -1);
	        slide.setAttribute(Attributes$g.ARIA_HIDDEN, true);
	        slideFocusableElems.forEach(function (link) {
	          link.setAttribute(Attributes$g.TABINDEX, -1);
	        });
	      }
	    });
	  }

	  /**
	   * Generates/Updates the custom string for screen readers to announce information about which slides are in view.
	   */;
	  _proto.updateCustomScreenReaderText = function updateCustomScreenReaderText() {
	    var _this5 = this;
	    var el = this.el,
	      carouselWindow = this.carouselWindow,
	      carouselItems = this.carouselItems;
	    var announcementTextEl = el.querySelector(Selector$G.ANNOUNCEMENT_TEXT);
	    var curStart = 0;
	    var curEnd = 0;
	    var totalSlides = carouselItems.length;
	    var newText = '';
	    carouselItems.forEach(function (slide, index) {
	      if (_this5.inCarouselWindow(slide, carouselWindow) && curStart === 0) {
	        curStart = index + 1;
	      }
	      if (!_this5.inCarouselWindow(slide, carouselWindow) && curEnd === 0 && curStart !== 0) {
	        curEnd = index;
	      } else if (index === carouselItems.length - 1 && curEnd === 0 && curStart !== 0) {
	        curEnd = index + 1;
	      }
	    });
	    if (curStart === curEnd) {
	      newText = Util$1.interpolateString(announcementTextEl.getAttribute(Attributes$g.SINGLE_SLIDE_TRANSLATABLE), {
	        curStart: curStart,
	        totalSlides: totalSlides
	      });
	    } else {
	      newText = Util$1.interpolateString(announcementTextEl.getAttribute(Attributes$g.MULTI_SLIDE_TRANSLATABLE), {
	        curStart: curStart,
	        curEnd: curEnd,
	        totalSlides: totalSlides
	      });
	    }
	    if (curStart !== 0 && curEnd !== 0) {
	      announcementTextEl.textContent = newText;
	    }
	  }

	  /**
	   * Update the instance.
	   * Not currently used, but required by API standards.
	   */;
	  _proto.update = function update() {
	    this.el.dispatchEvent(this[EventName$E.ON_UPDATE]);
	  }

	  /**
	   * Remove the instance
	   */;
	  _proto.remove = function remove() {
	    var _this$controls;
	    (_this$controls = this.controls) == null ? void 0 : _this$controls.remove();
	    Util$1.removeEvents(this.events);
	    var index = instances$z.indexOf(this);
	    instances$z.splice(index, 1);
	    this[EventName$E.ON_REMOVE] = new CustomEvent(EventName$E.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$E.ON_REMOVE]);
	  }

	  /**
	   * Creates and starts an animation observer.
	   * The observer listens for mutations in the class attribute of the carousel container element.
	   * If the class attribute changes and does not contain the 'scroll-snap-mandatory' class,
	   * it calls the setScrollSnap method on the carousel container.
	   */;
	  _proto.createAndStartAnimationObserver = function createAndStartAnimationObserver() {
	    var _this6 = this;
	    var observer = new MutationObserver(function (mutationsList) {
	      for (var _iterator3 = _createForOfIteratorHelperLoose(mutationsList), _step3; !(_step3 = _iterator3()).done;) {
	        var mutation = _step3.value;
	        if (mutation.type === Attributes$g.ATTRIBUTES && mutation.attributeName === 'class' && !mutation.target.classList.contains(ClassName$m.SCROLL_SNAP_MANDATORY)) {
	          _this6.setScrollSnap(_this6.carouselWrapperWithAnimation);
	        }
	      }
	    });
	    observer.observe(this.carouselWrapperWithAnimation, {
	      attributes: true
	    });
	  }

	  /**
	   * Sets the scroll snap behavior for the target element.
	   *
	   * @param {HTMLElement} targetElement - The element to set the scroll snap behavior on.
	   */;
	  _proto.setScrollSnap = function setScrollSnap(targetElement) {
	    if (targetElement.classList.contains(ClassName$m.ANIMATION) && targetElement.classList.contains(ClassName$m.EFFECT_ON)) {
	      setTimeout(function () {
	        targetElement.classList.add(ClassName$m.SCROLL_SNAP_MANDATORY);
	      }, RESNAP_DELAY_MS);
	    }
	  }

	  /**
	   * Enables the scroll snap functionality for the carousel.
	   */;
	  _proto.enableCarouselScrollSnap = function enableCarouselScrollSnap() {
	    if (this.carouselWrapperWithAnimation) {
	      this.createAndStartAnimationObserver();
	    } else {
	      this.carouselWrapper.classList.add(ClassName$m.SCROLL_SNAP_MANDATORY);
	    }
	  }

	  /**
	   * Get Snap Carousel instances.
	   * @returns {SnapCarousel[]} An array of Snap Carousel instances
	   */;
	  SnapCarousel.getInstances = function getInstances() {
	    return instances$z;
	  };
	  return SnapCarousel;
	}();
	var MediaPlaylistVideo = /*#__PURE__*/function () {
	  /**
	   * Initializes a new instance of the Media Playlist Video Carousel Variant.
	   * This class manages the user interactions with the Universal Media Player (UMP) and controls the effects on the slide overlay content and carousel controls.
	   * @param {{ el: HTMLElement }} opts Initialization options.
	   */
	  function MediaPlaylistVideo(opts) {
	    var _this7 = this;
	    /**
	     * Event bindings.
	     * @type {{ el: Element, handler: (...args: unknown[]) => unknown, type: string}[]} */
	    this.events = [];
	    var carouselSlides = opts.carouselSlides,
	      carouselMount = opts.carouselMount;
	    this.carouselMount = carouselMount;
	    this.carouselMediaPlaylistVideoContainer = carouselMount.closest(Selector$G.MEDIA_PLAYLIST_VIDEO_TYPE);
	    this.carouselContainerClassList = this.carouselMediaPlaylistVideoContainer.classList;
	    this.initialCarouselTheme = null;
	    for (var _iterator4 = _createForOfIteratorHelperLoose(this.carouselContainerClassList), _step4; !(_step4 = _iterator4()).done;) {
	      var className = _step4.value;
	      if (className === ClassName$m.THEME_DAY || className === ClassName$m.THEME_NIGHT) {
	        this.initialCarouselTheme = className;
	        break;
	      }
	    }
	    this.carouselContainer = carouselMount.querySelector(Selector$G.CONTAINER);
	    this.bgClass = null;

	    // Define the media query
	    this.vp3mediaQuery1280px = window.matchMedia('(min-width: 1280px)');
	    this.isDesktopLayout = this.vp3mediaQuery1280px.matches;

	    // Index counter to keep track of show more button
	    this.indexShowMoreIndicator = 4;
	    this.showMoreIndicatorAmount = 4;

	    // Capture AEM authored aria labels for expanded and collapsed state of the overlay
	    this.dataExpandedAriaLabel = this.carouselContainer.getAttribute(Attributes$g.DATA_EXPANDED_ARIA_LABEL);
	    this.dataCollapsedAriaLabel = this.carouselContainer.getAttribute(Attributes$g.DATA_COLLAPSED_ARIA_LABEL);
	    if (carouselSlides.length > 0) {
	      var _this$carouselControl;
	      this.carouselControls = this.carouselMount.querySelector(Selector$G.CAROUSEL_CONTROLS);
	      this.carouselControlsClassList = (_this$carouselControl = this.carouselControls) == null ? void 0 : _this$carouselControl.classList;
	      this.indicatorItems = this.carouselMount.querySelectorAll(Selector$G.CAROUSEL_MEDIA_NAV);
	      this.slideOverlayContents = this.carouselMount.querySelectorAll(Selector$G.SLIDE_OVERLAY_CONTENT);
	      this.sliderArrows = this.carouselMount.querySelector(Selector$G.SLIDER_ARROWS);
	      this.slideOverlayBlockFeatures = [];
	      this.showMoreIndicatorBtnWrapper = this.carouselMount.querySelector(Selector$G.SHOW_MORE_INDICATOR);
	      if (this.showMoreIndicatorBtnWrapper) {
	        this.showMoreIndicatorBtn = this.showMoreIndicatorBtnWrapper.querySelector('button');
	      }
	      this.listCarouselIndicatorItems = this.carouselMount.querySelectorAll(Selector$G.CAROUSEL_INDICATOR_ITEM_WRAPPER);
	      carouselSlides.forEach(function (carouselSlide) {
	        var currentSlideDOMElements = _this7.getCurrentSlideDOMElements(carouselSlide, _this7.carouselControls);
	        _this7.bindEventsToSlideContent(currentSlideDOMElements);
	        _this7.observeUMPState(currentSlideDOMElements);
	        _this7.initSlideElements(carouselSlide.id, currentSlideDOMElements);
	      });
	      if (this.isSingleSlideWithoutControls(carouselSlides, this.carouselControls)) {
	        this.carouselMount.classList.add(ClassName$m.SINGLE_SLIDE);
	      } else {
	        this.resizeObserverCarouselControls(this.carouselControls, this.carouselMount);
	      }
	      this.bindEvents();
	      if (!this.vp3mediaQuery1280px.matches) {
	        this.setupMobileView();
	      }
	    }
	  }

	  /**
	   * This method checks if there is only one slide in the carousel and if the carousel controls are not present.
	   *
	   * @param {Array} carouselSlides - An array of slides in the carousel.
	   * @param {Object} carouselControls - The controls for the carousel.
	   * @returns {boolean} `true` if there is only one slide and no controls, `false` otherwise.
	   */
	  var _proto2 = MediaPlaylistVideo.prototype;
	  _proto2.isSingleSlideWithoutControls = function isSingleSlideWithoutControls(carouselSlides, carouselControls) {
	    return carouselSlides.length === 1 && !carouselControls;
	  }

	  /**
	   * This method sets up the mobile view of the carousel.
	   */;
	  _proto2.setupMobileView = function setupMobileView() {
	    var _this$sliderArrows,
	      _this8 = this;
	    this.bgClass = this.findClassStartingWith(this.carouselMediaPlaylistVideoContainer, 'bg--');
	    if (!this.bgClass) {
	      var sectionMaster = this.carouselMediaPlaylistVideoContainer.closest('.section-master');
	      this.bgClass = this.findClassStartingWith(sectionMaster, 'bg--');
	    }
	    if (this.initialCarouselTheme === ClassName$m.THEME_NIGHT) {
	      this.addOrRemoveNightTheme(false);
	      this.carouselContainerClassList.remove(ClassName$m.THEME_NIGHT);
	      this.carouselContainerClassList.add(ClassName$m.THEME_DAY);
	    }
	    (_this$sliderArrows = this.sliderArrows) == null ? void 0 : _this$sliderArrows.classList.add(MediaPlaylistVideoClassNames.D_NONE);
	    this.hideOverlayControls(false);
	    this.slideOverlayContents.forEach(function (slideOverlayContent) {
	      slideOverlayContent == null ? void 0 : slideOverlayContent.classList.remove(MediaPlaylistVideoClassNames.CAROUSEL_OVERLAY_CONTENT_HIDDEN);
	      if (_this8.bgClass) {
	        slideOverlayContent == null ? void 0 : slideOverlayContent.classList.add(_this8.bgClass);
	      }
	    });
	    this.slideOverlayBlockFeatures.forEach(function (slideOverlayBlockFeature) {
	      _this8.hideOverlayHeadingContent(false, slideOverlayBlockFeature);
	    });
	    if (this.indicatorItems.length <= 4 && this.showMoreIndicatorBtnWrapper) {
	      this.showMoreIndicatorBtnWrapper.classList.add(MediaPlaylistVideoClassNames.D_NONE);
	    }
	  }

	  /**
	   * This method retrieves all the relevant DOM elements within a given carousel slide.
	   * It returns an object containing these elements, which include the media element, the UMP container, the UMP video element,
	   * the carousel controls, the slide overlay content, the slide overlay block feature, the slide overlay toggle button, and a span element within the toggle button.
	   *
	   * @param {Element} carouselSlide - The carousel slide to query elements from.
	   * @param {Element} carouselControls - The carousel controls element.
	   * @returns {Object} An object containing the queried DOM elements.
	   */;
	  _proto2.getCurrentSlideDOMElements = function getCurrentSlideDOMElements(carouselSlide, carouselControls) {
	    /**
	     * This helper function simplifies the usage of the `querySelector` method.
	     * It takes a CSS selector and an optional base element.
	     * If no base element is provided, it defaults to the `carouselSlide` element.
	     *
	     * @param {string} selector - The CSS selector to match against.
	     * @param {Element} [base=carouselSlide] - The element on which `querySelector` will be called.
	     * @returns {Element} The first child of the base element that matches the selector.
	     */
	    var query = function query(selector, base) {
	      if (base === void 0) {
	        base = carouselSlide;
	      }
	      return base.querySelector(selector);
	    };
	    var mediaElement = query(MediaPlaylistVideoSelectors.MEDIA);
	    var umpContainer = query(MediaPlaylistVideoSelectors.UMP_CONTAINER);
	    var umpVideoElement = query('video', umpContainer);
	    var slideOverlayContent = query(Selector$G.SLIDE_OVERLAY_CONTENT);
	    var slideOverlayBlockFeature = slideOverlayContent ? query(MediaPlaylistVideoSelectors.BLOCK_FEATURE, slideOverlayContent) : null;
	    var slideOverlayToggleBtn = slideOverlayContent ? query(Selector$G.SLIDE_OVERLAY_TOGGLE_BTN, slideOverlayContent) : null;
	    var spanElement = slideOverlayToggleBtn ? query('span', slideOverlayToggleBtn) : null;
	    this.slideOverlayBlockFeatures.push(slideOverlayBlockFeature);
	    return {
	      mediaElement: mediaElement,
	      umpContainer: umpContainer,
	      umpVideoElement: umpVideoElement,
	      carouselControls: carouselControls,
	      slideOverlayContent: slideOverlayContent,
	      slideOverlayBlockFeature: slideOverlayBlockFeature,
	      slideOverlayToggleBtn: slideOverlayToggleBtn,
	      spanElement: spanElement,
	      isUserInteractedWithVideo: false,
	      isVolumeHovered: false,
	      isModalDialogOpen: false,
	      isControlsAriaExpanded: false
	    };
	  }

	  /**
	   * This method initializes the slide elements.
	   *
	   * @param {string} carouselSlideID - A string containing the id of the slide.
	   * @param {object} currentSlideDOMElements - An object containing the current slide DOM elements.
	   */;
	  _proto2.initSlideElements = function initSlideElements(carouselSlideID, currentSlideDOMElements) {
	    var slideOverlayToggleBtn = currentSlideDOMElements.slideOverlayToggleBtn,
	      slideOverlayBlockFeature = currentSlideDOMElements.slideOverlayBlockFeature,
	      carouselControls = currentSlideDOMElements.carouselControls;
	    if (slideOverlayBlockFeature) {
	      slideOverlayBlockFeature.setAttribute(Attributes$g.ARIA_LIVE, 'polite');
	      slideOverlayBlockFeature.id = carouselSlideID + "-bf";
	    }
	    if (slideOverlayToggleBtn) {
	      slideOverlayToggleBtn.setAttribute(Attributes$g.ARIA_CONTROLS, slideOverlayBlockFeature.id + " " + carouselControls.id);
	      slideOverlayToggleBtn.setAttribute(Attributes$g.ARIALABEL, this.dataCollapsedAriaLabel);
	    }
	  }

	  /**
	   * This method binds events.
	   *
	   */;
	  _proto2.bindEvents = function bindEvents() {
	    var _this9 = this;
	    this.events.push({
	      el: document.defaultView,
	      handler: throttle(DELAY_MS$7, this.handleResize.bind(this)),
	      type: EventName$E.RESIZE_DATA_API
	    });
	    this.indicatorItems.forEach(function (indicatorItem) {
	      _this9.events.push({
	        el: indicatorItem,
	        handler: _this9.handleIndicatorClick.bind(_this9),
	        type: EventName$E.CLICK_DATA_API
	      });
	    });
	    if (this.showMoreIndicatorBtn) {
	      this.events.push({
	        el: this.showMoreIndicatorBtn,
	        handler: this.handleShowMoreIndicatorClickBtn.bind(this, this.listCarouselIndicatorItems),
	        type: EventName$E.CLICK_DATA_API
	      });
	    }
	    Util$1.addEvents(this.events);
	  }

	  /**
	   * This method handles the window resize event.
	   */;
	  _proto2.handleResize = function handleResize() {
	    var _this10 = this;
	    if (this.vp3mediaQuery1280px.matches) {
	      var _this$sliderArrows2;
	      // Check if the initial carousel theme is theme-night. If it is, remove all day theme classes.
	      if (this.initialCarouselTheme === ClassName$m.THEME_NIGHT) {
	        this.addOrRemoveNightTheme(false);
	        this.carouselContainerClassList.add(ClassName$m.THEME_NIGHT);
	        this.carouselContainerClassList.remove(ClassName$m.THEME_DAY);
	      }
	      (_this$sliderArrows2 = this.sliderArrows) == null ? void 0 : _this$sliderArrows2.classList.remove(MediaPlaylistVideoClassNames.D_NONE);
	      if (this.bgClass) {
	        this.slideOverlayContents.forEach(function (slideOverlayContent) {
	          slideOverlayContent == null ? void 0 : slideOverlayContent.classList.remove(_this10.bgClass);
	        });
	      }
	      if (!this.isDesktopLayout) {
	        this.pausePlayingVideo(true);
	        var activeIndicator = this.getActiveSlideIndicator();
	        if (activeIndicator) {
	          // to handle the resize event when swithcing from mobile to desktop view
	          activeIndicator.click();
	        }
	        this.isDesktopLayout = true;
	      }
	    } else {
	      this.setupMobileView();
	      var _activeIndicator = this.getActiveSlideIndicator();
	      if (_activeIndicator) {
	        // to handle the resize event when swithcing from mobile to desktop view
	        _activeIndicator.click();
	      }
	      this.isDesktopLayout = false;
	    }
	  }

	  /**
	   * This method handles the click event on a carousel indicator.
	   */;
	  _proto2.handleIndicatorClick = function handleIndicatorClick() {
	    this.pausePlayingVideo();
	  }

	  /**
	   * This method binds click events to the Universal Media Player (UMP) play button, UMP control bar play button, and slide overlay toggle button within the current slide.
	   *
	   * @param {Object} currentSlideDOMElements - An object containing the DOM elements of the current slide.
	   */;
	  _proto2.bindEventsToSlideContent = function bindEventsToSlideContent(currentSlideDOMElements) {
	    var umpPlayBtn = currentSlideDOMElements.umpContainer.querySelector(MediaPlaylistVideoSelectors.VJS_BIG_PLAY_BUTTON);
	    var umpControlBarPlayBtn = currentSlideDOMElements.umpContainer.querySelector(MediaPlaylistVideoSelectors.VJS_PLAY_CONTROL);
	    if (!umpPlayBtn || !umpControlBarPlayBtn) return;
	    this.events.push({
	      el: umpPlayBtn,
	      handler: this.handleUMPPlay.bind(this, currentSlideDOMElements, true),
	      type: EventName$E.CLICK_DATA_API
	    }, {
	      el: umpControlBarPlayBtn,
	      handler: this.handleUMPPlay.bind(this, currentSlideDOMElements, false),
	      type: EventName$E.CLICK_DATA_API
	    });
	    if (currentSlideDOMElements.slideOverlayToggleBtn) {
	      this.events.push({
	        el: currentSlideDOMElements.slideOverlayToggleBtn,
	        handler: this.handleSlideOverlayToggleBtn.bind(this, currentSlideDOMElements),
	        type: EventName$E.CLICK_DATA_API
	      });
	    }
	    Util$1.addEvents(this.events);
	  }

	  /**
	   * This method handles the play action for the Universal Media Player (UMP).
	   * It fades out the slide overlay block feature and carousel controls, removes the 'overlay__target' class from the media element.
	   * It fades in the slide overlay toggle button.
	   *
	   * @param {Object} currentSlideDOMElements - An object containing the DOM elements of the current slide.
	   * @param {boolean} isUmpPlayBtnClicked - A flag indicating whether the UMP play button was clicked not the control bar play button.
	   */;
	  _proto2.handleUMPPlay = function handleUMPPlay(currentSlideDOMElements, isUmpPlayBtnClicked) {
	    if (!this.isViewportWidthAtLeast1280px()) return;
	    var slideOverlayToggleBtn = currentSlideDOMElements.slideOverlayToggleBtn,
	      mediaElement = currentSlideDOMElements.mediaElement,
	      slideOverlayBlockFeature = currentSlideDOMElements.slideOverlayBlockFeature,
	      carouselControls = currentSlideDOMElements.carouselControls,
	      slideOverlayContent = currentSlideDOMElements.slideOverlayContent;
	    if (slideOverlayBlockFeature) {
	      this.switchClass(MediaPlaylistVideoClassNames.SLIDE_UP_ANIMATION, null, slideOverlayBlockFeature);
	      this.hideOverlayHeadingContent(true, slideOverlayBlockFeature);
	    }
	    if (carouselControls) {
	      this.switchClass(MediaPlaylistVideoClassNames.SLIDE_UP_ANIMATION, null, carouselControls);
	      this.hideOverlayControls(true);
	    }
	    this.switchClass(MediaPlaylistVideoClassNames.OVERLAY_TARGET, null, mediaElement);
	    if (slideOverlayContent) {
	      this.switchClass(MediaPlaylistVideoClassNames.SLIDE_UP_BOTTOM_ANIMATION, MediaPlaylistVideoClassNames.SLIDE_DOWN_BOTTOM_ANIMATION, slideOverlayContent);
	      this.switchClass(null, MediaPlaylistVideoClassNames.CAROUSEL_OVERLAY_CONTENT_HIDDEN, slideOverlayContent);
	    }
	    if (slideOverlayToggleBtn) {
	      if (isUmpPlayBtnClicked || !currentSlideDOMElements.isUserInteractedWithVideo) {
	        currentSlideDOMElements.isUserInteractedWithVideo = true;
	        this.addClassWithDelay(MediaPlaylistVideoClassNames.SLIDE_UP_ANIMATION, MediaPlaylistVideoClassNames.D_NONE, null, slideOverlayToggleBtn, 500);
	        slideOverlayToggleBtn.setAttribute(Attributes$g.ARIALABEL, this.dataExpandedAriaLabel);
	        slideOverlayToggleBtn.setAttribute(Attributes$g.ARIA_EXPANDED, 'true');
	      } else {
	        this.switchClass(MediaPlaylistVideoClassNames.OVERLAY_VISIBLE, MediaPlaylistVideoClassNames.OVERLAY_HIDDEN, slideOverlayToggleBtn);
	        slideOverlayToggleBtn.setAttribute(Attributes$g.ARIALABEL, this.dataCollapsedAriaLabel);
	        slideOverlayToggleBtn.setAttribute(Attributes$g.ARIA_EXPANDED, 'false');
	      }
	    }
	  }

	  /**
	   * This method handles the Show more button in the carousel for mobile viewports.
	   * When the button is clicked, it will reveal 4 additional carousel__indicator-items until the entire list is displayed
	   * The button will be removed if all elements are displayed.
	   *
	   * @param {Array} listCarouselIndicatorItems - An array of carousel items
	   */;
	  _proto2.handleShowMoreIndicatorClickBtn = function handleShowMoreIndicatorClickBtn(listCarouselIndicatorItems) {
	    var firstElementOfSet;
	    for (var i = 0; i < this.showMoreIndicatorAmount; i++) {
	      if (listCarouselIndicatorItems[i + this.indexShowMoreIndicator]) {
	        if (i === 0) firstElementOfSet = listCarouselIndicatorItems[i + this.indexShowMoreIndicator];
	        listCarouselIndicatorItems[i + this.indexShowMoreIndicator].style.display = 'flex';
	      } else {
	        this.showMoreIndicatorBtnWrapper.classList.add(MediaPlaylistVideoClassNames.D_NONE);
	      }
	    }
	    var firstElementOfSetAnchor = firstElementOfSet.querySelector('a');
	    firstElementOfSetAnchor.focus();
	    this.indexShowMoreIndicator += 4;
	  }

	  /**
	   * This method handles the click event for the slide overlay toggle button.
	   * It pauses the Universal Media Player (UMP) video element and shows the overlay content.
	   *
	   * @param {Object} currentSlideDOMElements - An object containing the DOM elements of the current slide.
	   */;
	  _proto2.handleSlideOverlayToggleBtn = function handleSlideOverlayToggleBtn(currentSlideDOMElements) {
	    if (!this.isViewportWidthAtLeast1280px()) return;
	    var umpVideoElement = currentSlideDOMElements.umpVideoElement,
	      slideOverlayToggleBtn = currentSlideDOMElements.slideOverlayToggleBtn,
	      mediaElement = currentSlideDOMElements.mediaElement,
	      slideOverlayBlockFeature = currentSlideDOMElements.slideOverlayBlockFeature,
	      carouselControls = currentSlideDOMElements.carouselControls,
	      slideOverlayContent = currentSlideDOMElements.slideOverlayContent;
	    umpVideoElement.pause();
	    if (slideOverlayToggleBtn.classList.contains(MediaPlaylistVideoClassNames.OVERLAY_HIDDEN)) {
	      this.switchClass(MediaPlaylistVideoClassNames.OVERLAY_HIDDEN, MediaPlaylistVideoClassNames.OVERLAY_VISIBLE, slideOverlayToggleBtn);
	      this.switchClass(null, MediaPlaylistVideoClassNames.OVERLAY_TARGET, mediaElement);
	      slideOverlayToggleBtn.setAttribute(Attributes$g.ARIALABEL, this.dataExpandedAriaLabel);
	      slideOverlayToggleBtn.setAttribute(Attributes$g.ARIA_EXPANDED, 'true');
	      if (carouselControls) {
	        this.switchClass(null, MediaPlaylistVideoClassNames.SLIDE_UP_ANIMATION, carouselControls);
	        this.hideOverlayControls(false);
	      }
	      if (slideOverlayBlockFeature) {
	        this.switchClass(null, MediaPlaylistVideoClassNames.SLIDE_UP_ANIMATION, slideOverlayBlockFeature);
	        this.hideOverlayHeadingContent(false, slideOverlayBlockFeature);
	      }
	      if (slideOverlayContent) {
	        this.switchClass(MediaPlaylistVideoClassNames.SLIDE_DOWN_BOTTOM_ANIMATION, MediaPlaylistVideoClassNames.SLIDE_UP_BOTTOM_ANIMATION, slideOverlayContent);
	        this.switchClass(MediaPlaylistVideoClassNames.CAROUSEL_OVERLAY_CONTENT_HIDDEN, null, slideOverlayContent);
	      }
	    } else {
	      this.handleUMPPlay(currentSlideDOMElements, false);
	      slideOverlayToggleBtn.setAttribute(Attributes$g.ARIALABEL, this.dataCollapsedAriaLabel);
	      slideOverlayToggleBtn.setAttribute(Attributes$g.ARIA_EXPANDED, 'false');
	    }
	  }

	  /**
	   * This method creates a new ResizeObserver and starts observing changes to the size of a specified target element.
	   *
	   * @param {Element} targetElement - The element to observe for size changes.
	   * @param {function} callback - The function to call when the size of the target element changes.
	   */;
	  _proto2.createAndStartResizeObserver = function createAndStartResizeObserver(targetElement, callback) {
	    if (!targetElement) return;
	    var resizeObserver = new ResizeObserver(callback);
	    resizeObserver.observe(targetElement);
	  }

	  /**
	   * This method creates and starts a ResizeObserver to observe changes to the size of the carousel controls.
	   *
	   * @param {Element} carouselControls - The carousel controls to observe for size changes.
	   * @param {Element} carouselMount - The carousel mount on which to set the CSS variable.
	   */;
	  _proto2.resizeObserverCarouselControls = function resizeObserverCarouselControls(carouselControls, carouselMount) {
	    var _this11 = this;
	    this.createAndStartResizeObserver(carouselControls, function (entries) {
	      if (!_this11.isViewportWidthAtLeast1280px()) return;
	      for (var _iterator5 = _createForOfIteratorHelperLoose(entries), _step5; !(_step5 = _iterator5()).done;) {
	        var entry = _step5.value;
	        if (entry.contentBoxSize) {
	          var contentBoxSize = entry.contentBoxSize[0];
	          carouselMount.style.setProperty('--media-playlist-indicator-height', contentBoxSize.blockSize + "px");
	        }
	      }
	    });
	  }

	  /**
	   * This method creates and starts a MutationObserver to observe changes to the class and aria-expanded attributes of several elements within the Universal Media Player (UMP) container.
	   *
	   * @param {Array} targetElements - An array of elements to observe.
	   * @param {Object} currentSlideDOMElements - An object containing the DOM elements of the current slide.
	   */;
	  _proto2.createAndStartObserver = function createAndStartObserver(targetElements, currentSlideDOMElements) {
	    var _this12 = this;
	    var observer = new MutationObserver(function (mutationsList) {
	      for (var _iterator6 = _createForOfIteratorHelperLoose(mutationsList), _step6; !(_step6 = _iterator6()).done;) {
	        var mutation = _step6.value;
	        if (mutation.type === Attributes$g.ATTRIBUTES && mutation.attributeName === 'class') {
	          if (mutation.target.classList.contains(MediaPlaylistVideoClassNames.VIDEO_JS)) {
	            _this12.handleUMPUserInteraction(currentSlideDOMElements, mutation.target);
	          } else if (mutation.target.classList.contains(MediaPlaylistVideoClassNames.VJS_VOLUME_PANEL_VERTICAL)) {
	            _this12.handleUMPUserInteractionWithVolume(currentSlideDOMElements, mutation.target);
	          } else if (mutation.target.classList.contains(MediaPlaylistVideoClassNames.VJS_MODAL_DIALOG) && mutation.target.classList.contains(MediaPlaylistVideoClassNames.VJS_TEXT_TRACK_SETTINGS)) {
	            _this12.handleUMPUserInteractionWithDialog(currentSlideDOMElements, mutation.target);
	          }
	        } else if (mutation.type === Attributes$g.ATTRIBUTES && mutation.attributeName === Attributes$g.ARIA_EXPANDED) {
	          _this12.handleUMPUserInteractionWithPopupButtons(currentSlideDOMElements, mutation.target);
	        }
	      }
	    });
	    for (var _iterator7 = _createForOfIteratorHelperLoose(targetElements), _step7; !(_step7 = _iterator7()).done;) {
	      var targetElement = _step7.value;
	      if (!targetElement) continue;
	      observer.observe(targetElement, {
	        attributes: true
	      });
	    }
	  }

	  /**
	   * This method sets up a MutationObserver to observe changes to the class and aria-expanded attributes of several elements within the Universal Media Player (UMP) container.
	   *
	   * @param {Object} currentSlideDOMElements - An object containing the DOM elements of the current slide.
	   */;
	  _proto2.observeUMPState = function observeUMPState(currentSlideDOMElements) {
	    var targetElements = [currentSlideDOMElements.umpContainer.querySelector(MediaPlaylistVideoSelectors.VIDEO_JS), currentSlideDOMElements.umpContainer.querySelector(MediaPlaylistVideoSelectors.VJS_VOLUME_PANEL_VERTICAL), currentSlideDOMElements.umpContainer.querySelector("." + MediaPlaylistVideoClassNames.VJS_MODAL_DIALOG + "." + MediaPlaylistVideoClassNames.VJS_TEXT_TRACK_SETTINGS)].concat(Array.from(currentSlideDOMElements.umpContainer.querySelectorAll(MediaPlaylistVideoSelectors.VJS_MENU_BUTTON_POPUP)));
	    this.createAndStartObserver(targetElements, currentSlideDOMElements);
	  }

	  /**
	   * This method handles user interactions with the Universal Media Player (UMP).
	   *
	   * @param {Object} currentSlideDOMElements - An object containing the DOM elements of the current slide.
	   * @param {Element} targetElement - The element with which the user interacted.
	   */;
	  _proto2.handleUMPUserInteraction = function handleUMPUserInteraction(currentSlideDOMElements, targetElement) {
	    if (!this.isViewportWidthAtLeast1280px()) return;
	    var isUserActiveOrPaused = targetElement.classList.contains(MediaPlaylistVideoClassNames.VJS_USER_ACTIVE) || targetElement.classList.contains(MediaPlaylistVideoClassNames.VJS_PAUSED);
	    var isPlayingAndUserInactive = targetElement.classList.contains(MediaPlaylistVideoClassNames.VJS_PLAYING) && targetElement.classList.contains(MediaPlaylistVideoClassNames.VJS_USER_INACTIVE);
	    if (isUserActiveOrPaused && currentSlideDOMElements.isUserInteractedWithVideo) {
	      currentSlideDOMElements.slideOverlayToggleBtn.classList.remove(MediaPlaylistVideoClassNames.D_NONE);
	    } else if (isPlayingAndUserInactive) {
	      currentSlideDOMElements.slideOverlayToggleBtn.classList.add(MediaPlaylistVideoClassNames.D_NONE);
	      this.handleUMPPlay(currentSlideDOMElements, false);
	    }
	  }

	  /**
	   * This method handles user interactions with the volume control of the Universal Media Player (UMP).
	   *
	   * @param {Object} currentSlideDOMElements - An object containing the DOM elements of the current slide.
	   * @param {Element} targetElement - The element with which the user interacted.
	   */;
	  _proto2.handleUMPUserInteractionWithVolume = function handleUMPUserInteractionWithVolume(currentSlideDOMElements, targetElement) {
	    if (!this.isViewportWidthAtLeast1280px()) return;
	    var isHoveredOrSliderActive = targetElement.classList.contains(MediaPlaylistVideoClassNames.VJS_HOVER) || targetElement.classList.contains(MediaPlaylistVideoClassNames.VJS_SLIDER_ACTIVE);
	    currentSlideDOMElements.isVolumeHovered = isHoveredOrSliderActive;
	    this.setControlsZIndex(currentSlideDOMElements, isHoveredOrSliderActive || this.isUserInteractingWithVideoControls(currentSlideDOMElements) ? 0 : 2);
	  }

	  /**
	   * This method handles user interactions with the dialog of the Universal Media Player (UMP).
	   *
	   * @param {Object} currentSlideDOMElements - An object containing the DOM elements of the current slide.
	   * @param {Element} targetElement - The element with which the user interacted.
	   */;
	  _proto2.handleUMPUserInteractionWithDialog = function handleUMPUserInteractionWithDialog(currentSlideDOMElements, targetElement) {
	    if (!this.isViewportWidthAtLeast1280px()) return;
	    var isDialogHidden = targetElement.classList.contains(MediaPlaylistVideoClassNames.VJS_HIDDEN);
	    currentSlideDOMElements.isModalDialogOpen = !isDialogHidden;
	    this.setControlsZIndex(currentSlideDOMElements, !isDialogHidden || this.isUserInteractingWithVideoControls(currentSlideDOMElements) ? 0 : 2);
	  }

	  /**
	   * This method handles user interactions with the popup buttons of the Universal Media Player (UMP).
	   *
	   * @param {Object} currentSlideDOMElements - An object containing the DOM elements of the current slide.
	   * @param {Element} targetElement - The element with which the user interacted.
	   */;
	  _proto2.handleUMPUserInteractionWithPopupButtons = function handleUMPUserInteractionWithPopupButtons(currentSlideDOMElements, targetElement) {
	    if (!this.isViewportWidthAtLeast1280px()) return;
	    var isAriaExpanded = targetElement.getAttribute(Attributes$g.ARIA_EXPANDED) === 'true';
	    currentSlideDOMElements.isControlsAriaExpanded = isAriaExpanded;
	    this.setControlsZIndex(currentSlideDOMElements, isAriaExpanded || this.isUserInteractingWithVideoControls(currentSlideDOMElements) ? 0 : 2);
	  }

	  /**
	   * This method pauses a video that's currently playing.
	   * * @param {boolean} isDesktopLayout - A boolean indicating whether the current layout is a desktop layout.
	   */;
	  _proto2.pausePlayingVideo = function pausePlayingVideo(isDesktopLayout) {
	    if (isDesktopLayout === void 0) {
	      isDesktopLayout = false;
	    }
	    var videoPlaying = document.querySelector("." + MediaPlaylistVideoClassNames.VIDEO_JS + "." + MediaPlaylistVideoClassNames.VJS_PLAYING);
	    if (videoPlaying) {
	      var videoElem = videoPlaying.querySelector('video');
	      if (videoElem) {
	        videoElem.pause();
	      }
	      if (isDesktopLayout) {
	        var mediaElement = videoPlaying.closest(MediaPlaylistVideoSelectors.MEDIA);
	        if (mediaElement) {
	          mediaElement.classList.add(MediaPlaylistVideoClassNames.OVERLAY_TARGET);
	        }
	      }
	    }
	  }

	  /**
	   * This method hides or shows the overlay controls of the carousel.
	   * If the 'hide' parameter is true, it adds a class to hide the controls, sets 'aria-hidden' to 'true', and sets the 'tabindex' of each indicator item to -1.
	   * If the 'hide' parameter is false, it removes the class to show the controls, removes the 'aria-hidden' attribute, and sets the 'tabindex' of each indicator item to 0.
	   *
	   * @param {boolean} hide - A boolean indicating whether to hide the overlay controls.
	   */;
	  _proto2.hideOverlayControls = function hideOverlayControls(hide) {
	    if (!this.carouselControls) return;
	    if (hide) {
	      this.carouselControls.classList.add(MediaPlaylistVideoClassNames.OVERLAY_CONTROLS_HIDDEN);
	      this.addClassWithDelay(null, null, MediaPlaylistVideoClassNames.D_NONE, this.carouselControls, 1000);
	    } else {
	      this.carouselControls.classList.remove(MediaPlaylistVideoClassNames.D_NONE);
	      this.carouselControls.classList.remove(MediaPlaylistVideoClassNames.OVERLAY_CONTROLS_HIDDEN);
	    }
	  }

	  /**
	   * This method hides or shows the overlay heading content.
	   *
	   * @param {boolean} hide - A boolean indicating whether to hide the overlay heading content.
	   * @param {HTMLElement} element - The element to hide or show.
	   */;
	  _proto2.hideOverlayHeadingContent = function hideOverlayHeadingContent(hide, element) {
	    if (!element) return;
	    if (hide) {
	      element.classList.add(MediaPlaylistVideoClassNames.OVERLAY_HEADING_HIDDEN);
	      this.addClassWithDelay(null, MediaPlaylistVideoClassNames.D_FLEX, MediaPlaylistVideoClassNames.D_NONE, element, 1000);
	    } else {
	      element.classList.remove(MediaPlaylistVideoClassNames.D_NONE);
	      element.classList.add(MediaPlaylistVideoClassNames.D_FLEX);
	      element.classList.remove(MediaPlaylistVideoClassNames.OVERLAY_HEADING_HIDDEN);
	    }
	  }

	  /**
	   * This method sets the z-index of the carousel controls and slide overlay content elements.
	   *
	   * @param {Object} currentSlideDOMElements - An object containing the DOM elements of the current slide.
	   * @param {number} zIndex - The z-index to set on the elements.
	   */;
	  _proto2.setControlsZIndex = function setControlsZIndex(currentSlideDOMElements, zIndex) {
	    var carouselControls = currentSlideDOMElements.carouselControls,
	      slideOverlayContent = currentSlideDOMElements.slideOverlayContent;
	    this.setElementZIndex(zIndex, carouselControls);
	    this.setElementZIndex(zIndex, slideOverlayContent);
	  }

	  /**
	   * This method sets the z-index of a specified element.
	   *
	   * @param {number} zIndex - The z-index to set on the target element.
	   * @param {Element} targetElement - The element on which to set the z-index.
	   */;
	  _proto2.setElementZIndex = function setElementZIndex(zIndex, targetElement) {
	    if (targetElement) {
	      targetElement.style.zIndex = zIndex;
	    }
	  }

	  /**
	   * This method switches one class with another on a specified element.
	   * It first checks if the target element exists.
	   * If it does, it removes the specified class to remove and adds the specified class to add.
	   *
	   * @param {string} classToRemove - The class to remove from the target element.
	   * @param {string} classToAdd - The class to add to the target element.
	   * @param {Element} targetElement - The element on which to switch the classes.
	   */;
	  _proto2.switchClass = function switchClass(classToRemove, classToAdd, targetElement) {
	    if (targetElement) {
	      if (classToRemove) {
	        targetElement.classList.remove(classToRemove);
	      }
	      if (classToAdd) {
	        targetElement.classList.add(classToAdd);
	      }
	    }
	  }

	  /**
	   * This method adds a class to a specified element immediately, and then removes a class and adds another class after a specified delay.
	   *
	   * @param {string} classToAdd - The class to add to the target element immediately.
	   * @param {string} delayClassToRemove - The class to remove from the target element after the delay.
	   * @param {string} delayClassToAdd - The class to add to the target element after the delay.
	   * @param {Element} targetElement - The element on which to add and remove the classes.
	   * @param {number} delay - The delay in milliseconds after which to remove and add the delay classes.
	   */;
	  _proto2.addClassWithDelay = function addClassWithDelay(classToAdd, delayClassToRemove, delayClassToAdd, targetElement, delay) {
	    if (targetElement) {
	      if (classToAdd) targetElement.classList.add(classToAdd);
	      setTimeout(function () {
	        if (delayClassToRemove) {
	          targetElement.classList.remove(delayClassToRemove);
	        }
	        if (delayClassToAdd) {
	          targetElement.classList.add(delayClassToAdd);
	        }
	      }, delay);
	    }
	  }

	  /**
	   * This method adds or removes the 'THEME_NIGHT' class from the slide overlay contents and the carousel controls.
	   *
	   * @param {boolean} addNightTheme - A boolean indicating whether to add or remove the night theme.
	   */;
	  _proto2.addOrRemoveNightTheme = function addOrRemoveNightTheme(addNightTheme) {
	    if (addNightTheme) {
	      var _this$carouselControl2;
	      this.slideOverlayContents.forEach(function (slideOverlayContent) {
	        slideOverlayContent.classList.add(ClassName$m.THEME_NIGHT);
	      });
	      (_this$carouselControl2 = this.carouselControls) == null ? void 0 : _this$carouselControl2.classList.add(ClassName$m.THEME_NIGHT);
	    } else {
	      var _this$carouselControl3;
	      this.slideOverlayContents.forEach(function (slideOverlayContent) {
	        slideOverlayContent.classList.remove(ClassName$m.THEME_NIGHT);
	      });
	      (_this$carouselControl3 = this.carouselControls) == null ? void 0 : _this$carouselControl3.classList.remove(ClassName$m.THEME_NIGHT);
	    }
	  }

	  /**
	   * This method finds and returns a class that starts with a certain string from a JavaScript element.
	   *
	   * @param {HTMLElement} element - The element to find the class from.
	   * @param {string} prefix - The string that the class should start with.
	   * @returns {string|null} - The class that starts with the prefix, or null if no such class is found.
	   */;
	  _proto2.findClassStartingWith = function findClassStartingWith(element, prefix) {
	    if (!element || !element.classList) return null;
	    return Array.from(element.classList).find(function (className) {
	      return className.startsWith(prefix);
	    });
	  }

	  /**
	   * This method checks if the user is currently interacting with the video controls.
	   *
	   * @param {Object} currentSlideDOMElements - An object containing the DOM elements of the current slide.
	   * @returns {boolean} - Returns true if the user is interacting with the video controls, false otherwise.
	   */;
	  _proto2.isUserInteractingWithVideoControls = function isUserInteractingWithVideoControls(currentSlideDOMElements) {
	    var isControlsAriaExpanded = currentSlideDOMElements.isControlsAriaExpanded,
	      isVolumeHovered = currentSlideDOMElements.isVolumeHovered,
	      isModalDialogOpen = currentSlideDOMElements.isModalDialogOpen;
	    return isControlsAriaExpanded || isVolumeHovered || isModalDialogOpen;
	  }

	  /**
	   * This method checks if the viewport width is at least 1280 pixels.
	   *
	   * @returns {boolean} `true` if the viewport width is at least 1280 pixels, `false` otherwise.
	   */;
	  _proto2.isViewportWidthAtLeast1280px = function isViewportWidthAtLeast1280px() {
	    return this.vp3mediaQuery1280px.matches;
	  }

	  /**
	   * This method returns the active slide indicator in the carousel.
	   *
	   * @returns {Element} The active slide element.
	   */;
	  _proto2.getActiveSlideIndicator = function getActiveSlideIndicator() {
	    return this.carouselMount.querySelector("." + ClassName$m.CAROUSEL_MEDIA_NAV + "." + ClassName$m.CAROUSEL_ITEM_ACTIVE);
	  };
	  return MediaPlaylistVideo;
	}();

	/** carousel END */

	var classof$1 = classofRaw$2;

	var engineIsNode = typeof process != 'undefined' && classof$1(process) == 'process';

	var isConstructor = isConstructor$4;
	var tryToString = tryToString$5;

	var $TypeError$1 = TypeError;

	// `Assert: IsConstructor(argument) is true`
	var aConstructor$1 = function (argument) {
	  if (isConstructor(argument)) return argument;
	  throw $TypeError$1(tryToString(argument) + ' is not a constructor');
	};

	var anObject$4 = anObject$l;
	var aConstructor = aConstructor$1;
	var isNullOrUndefined$1 = isNullOrUndefined$9;
	var wellKnownSymbol$3 = wellKnownSymbol$o;

	var SPECIES$1 = wellKnownSymbol$3('species');

	// `SpeciesConstructor` abstract operation
	// https://tc39.es/ecma262/#sec-speciesconstructor
	var speciesConstructor$2 = function (O, defaultConstructor) {
	  var C = anObject$4(O).constructor;
	  var S;
	  return C === undefined || isNullOrUndefined$1(S = anObject$4(C)[SPECIES$1]) ? defaultConstructor : aConstructor(S);
	};

	var userAgent$3 = engineUserAgent;

	// eslint-disable-next-line redos/no-vulnerable -- safe
	var engineIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent$3);

	var global$b = global$y;
	var apply$2 = functionApply;
	var bind$4 = functionBindContext;
	var isCallable$5 = isCallable$u;
	var hasOwn$8 = hasOwnProperty_1;
	var fails$8 = fails$I;
	var html = html$2;
	var arraySlice$1 = arraySlice$7;
	var createElement = documentCreateElement$2;
	var validateArgumentsLength$3 = validateArgumentsLength$5;
	var IS_IOS$1 = engineIsIos;
	var IS_NODE$4 = engineIsNode;

	var set = global$b.setImmediate;
	var clear = global$b.clearImmediate;
	var process$3 = global$b.process;
	var Dispatch = global$b.Dispatch;
	var Function$1 = global$b.Function;
	var MessageChannel = global$b.MessageChannel;
	var String$1 = global$b.String;
	var counter = 0;
	var queue$2 = {};
	var ONREADYSTATECHANGE = 'onreadystatechange';
	var $location, defer, channel, port;

	fails$8(function () {
	  // Deno throws a ReferenceError on `location` access without `--location` flag
	  $location = global$b.location;
	});

	var run = function (id) {
	  if (hasOwn$8(queue$2, id)) {
	    var fn = queue$2[id];
	    delete queue$2[id];
	    fn();
	  }
	};

	var runner = function (id) {
	  return function () {
	    run(id);
	  };
	};

	var eventListener = function (event) {
	  run(event.data);
	};

	var globalPostMessageDefer = function (id) {
	  // old engines have not location.origin
	  global$b.postMessage(String$1(id), $location.protocol + '//' + $location.host);
	};

	// Node.js 0.9+ & IE10+ has setImmediate, otherwise:
	if (!set || !clear) {
	  set = function setImmediate(handler) {
	    validateArgumentsLength$3(arguments.length, 1);
	    var fn = isCallable$5(handler) ? handler : Function$1(handler);
	    var args = arraySlice$1(arguments, 1);
	    queue$2[++counter] = function () {
	      apply$2(fn, undefined, args);
	    };
	    defer(counter);
	    return counter;
	  };
	  clear = function clearImmediate(id) {
	    delete queue$2[id];
	  };
	  // Node.js 0.8-
	  if (IS_NODE$4) {
	    defer = function (id) {
	      process$3.nextTick(runner(id));
	    };
	  // Sphere (JS game engine) Dispatch API
	  } else if (Dispatch && Dispatch.now) {
	    defer = function (id) {
	      Dispatch.now(runner(id));
	    };
	  // Browsers with MessageChannel, includes WebWorkers
	  // except iOS - https://github.com/zloirock/core-js/issues/624
	  } else if (MessageChannel && !IS_IOS$1) {
	    channel = new MessageChannel();
	    port = channel.port2;
	    channel.port1.onmessage = eventListener;
	    defer = bind$4(port.postMessage, port);
	  // Browsers with postMessage, skip WebWorkers
	  // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
	  } else if (
	    global$b.addEventListener &&
	    isCallable$5(global$b.postMessage) &&
	    !global$b.importScripts &&
	    $location && $location.protocol !== 'file:' &&
	    !fails$8(globalPostMessageDefer)
	  ) {
	    defer = globalPostMessageDefer;
	    global$b.addEventListener('message', eventListener, false);
	  // IE8-
	  } else if (ONREADYSTATECHANGE in createElement('script')) {
	    defer = function (id) {
	      html.appendChild(createElement('script'))[ONREADYSTATECHANGE] = function () {
	        html.removeChild(this);
	        run(id);
	      };
	    };
	  // Rest old browsers
	  } else {
	    defer = function (id) {
	      setTimeout(runner(id), 0);
	    };
	  }
	}

	var task$1 = {
	  set: set,
	  clear: clear
	};

	var Queue$2 = function () {
	  this.head = null;
	  this.tail = null;
	};

	Queue$2.prototype = {
	  add: function (item) {
	    var entry = { item: item, next: null };
	    var tail = this.tail;
	    if (tail) tail.next = entry;
	    else this.head = entry;
	    this.tail = entry;
	  },
	  get: function () {
	    var entry = this.head;
	    if (entry) {
	      var next = this.head = entry.next;
	      if (next === null) this.tail = null;
	      return entry.item;
	    }
	  }
	};

	var queue$1 = Queue$2;

	var userAgent$2 = engineUserAgent;

	var engineIsIosPebble = /ipad|iphone|ipod/i.test(userAgent$2) && typeof Pebble != 'undefined';

	var userAgent$1 = engineUserAgent;

	var engineIsWebosWebkit = /web0s(?!.*chrome)/i.test(userAgent$1);

	var global$a = global$y;
	var bind$3 = functionBindContext;
	var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
	var macrotask = task$1.set;
	var Queue$1 = queue$1;
	var IS_IOS = engineIsIos;
	var IS_IOS_PEBBLE = engineIsIosPebble;
	var IS_WEBOS_WEBKIT = engineIsWebosWebkit;
	var IS_NODE$3 = engineIsNode;

	var MutationObserver$1 = global$a.MutationObserver || global$a.WebKitMutationObserver;
	var document$2 = global$a.document;
	var process$2 = global$a.process;
	var Promise$1 = global$a.Promise;
	// Node.js 11 shows ExperimentalWarning on getting `queueMicrotask`
	var queueMicrotaskDescriptor = getOwnPropertyDescriptor$1(global$a, 'queueMicrotask');
	var microtask$1 = queueMicrotaskDescriptor && queueMicrotaskDescriptor.value;
	var notify$1, toggle, node, promise, then;

	// modern engines have queueMicrotask method
	if (!microtask$1) {
	  var queue = new Queue$1();

	  var flush = function () {
	    var parent, fn;
	    if (IS_NODE$3 && (parent = process$2.domain)) parent.exit();
	    while (fn = queue.get()) try {
	      fn();
	    } catch (error) {
	      if (queue.head) notify$1();
	      throw error;
	    }
	    if (parent) parent.enter();
	  };

	  // browsers with MutationObserver, except iOS - https://github.com/zloirock/core-js/issues/339
	  // also except WebOS Webkit https://github.com/zloirock/core-js/issues/898
	  if (!IS_IOS && !IS_NODE$3 && !IS_WEBOS_WEBKIT && MutationObserver$1 && document$2) {
	    toggle = true;
	    node = document$2.createTextNode('');
	    new MutationObserver$1(flush).observe(node, { characterData: true });
	    notify$1 = function () {
	      node.data = toggle = !toggle;
	    };
	  // environments with maybe non-completely correct, but existent Promise
	  } else if (!IS_IOS_PEBBLE && Promise$1 && Promise$1.resolve) {
	    // Promise.resolve without an argument throws an error in LG WebOS 2
	    promise = Promise$1.resolve(undefined);
	    // workaround of WebKit ~ iOS Safari 10.1 bug
	    promise.constructor = Promise$1;
	    then = bind$3(promise.then, promise);
	    notify$1 = function () {
	      then(flush);
	    };
	  // Node.js without promises
	  } else if (IS_NODE$3) {
	    notify$1 = function () {
	      process$2.nextTick(flush);
	    };
	  // for other environments - macrotask based on:
	  // - setImmediate
	  // - MessageChannel
	  // - window.postMessage
	  // - onreadystatechange
	  // - setTimeout
	  } else {
	    // `webpack` dev server bug on IE global methods - use bind(fn, global)
	    macrotask = bind$3(macrotask, global$a);
	    notify$1 = function () {
	      macrotask(flush);
	    };
	  }

	  microtask$1 = function (fn) {
	    if (!queue.head) notify$1();
	    queue.add(fn);
	  };
	}

	var microtask_1 = microtask$1;

	var hostReportErrors$1 = function (a, b) {
	  try {
	    // eslint-disable-next-line no-console -- safe
	    arguments.length == 1 ? console.error(a) : console.error(a, b);
	  } catch (error) { /* empty */ }
	};

	var perform$3 = function (exec) {
	  try {
	    return { error: false, value: exec() };
	  } catch (error) {
	    return { error: true, value: error };
	  }
	};

	var global$9 = global$y;

	var promiseNativeConstructor = global$9.Promise;

	/* global Deno -- Deno case */

	var engineIsDeno = typeof Deno == 'object' && Deno && typeof Deno.version == 'object';

	var IS_DENO$1 = engineIsDeno;
	var IS_NODE$2 = engineIsNode;

	var engineIsBrowser = !IS_DENO$1 && !IS_NODE$2
	  && typeof window == 'object'
	  && typeof document == 'object';

	var global$8 = global$y;
	var NativePromiseConstructor$4 = promiseNativeConstructor;
	var isCallable$4 = isCallable$u;
	var isForced = isForced_1;
	var inspectSource = inspectSource$3;
	var wellKnownSymbol$2 = wellKnownSymbol$o;
	var IS_BROWSER = engineIsBrowser;
	var IS_DENO = engineIsDeno;
	var V8_VERSION = engineV8Version;

	NativePromiseConstructor$4 && NativePromiseConstructor$4.prototype;
	var SPECIES = wellKnownSymbol$2('species');
	var SUBCLASSING = false;
	var NATIVE_PROMISE_REJECTION_EVENT$1 = isCallable$4(global$8.PromiseRejectionEvent);

	var FORCED_PROMISE_CONSTRUCTOR$5 = isForced('Promise', function () {
	  var PROMISE_CONSTRUCTOR_SOURCE = inspectSource(NativePromiseConstructor$4);
	  var GLOBAL_CORE_JS_PROMISE = PROMISE_CONSTRUCTOR_SOURCE !== String(NativePromiseConstructor$4);
	  // V8 6.6 (Node 10 and Chrome 66) have a bug with resolving custom thenables
	  // https://bugs.chromium.org/p/chromium/issues/detail?id=830565
	  // We can't detect it synchronously, so just check versions
	  if (!GLOBAL_CORE_JS_PROMISE && V8_VERSION === 66) return true;
	  // We can't use @@species feature detection in V8 since it causes
	  // deoptimization and performance degradation
	  // https://github.com/zloirock/core-js/issues/679
	  if (!V8_VERSION || V8_VERSION < 51 || !/native code/.test(PROMISE_CONSTRUCTOR_SOURCE)) {
	    // Detect correctness of subclassing with @@species support
	    var promise = new NativePromiseConstructor$4(function (resolve) { resolve(1); });
	    var FakePromise = function (exec) {
	      exec(function () { /* empty */ }, function () { /* empty */ });
	    };
	    var constructor = promise.constructor = {};
	    constructor[SPECIES] = FakePromise;
	    SUBCLASSING = promise.then(function () { /* empty */ }) instanceof FakePromise;
	    if (!SUBCLASSING) return true;
	  // Unhandled rejections tracking support, NodeJS Promise without it fails @@species test
	  } return !GLOBAL_CORE_JS_PROMISE && (IS_BROWSER || IS_DENO) && !NATIVE_PROMISE_REJECTION_EVENT$1;
	});

	var promiseConstructorDetection = {
	  CONSTRUCTOR: FORCED_PROMISE_CONSTRUCTOR$5,
	  REJECTION_EVENT: NATIVE_PROMISE_REJECTION_EVENT$1,
	  SUBCLASSING: SUBCLASSING
	};

	var newPromiseCapability$2 = {};

	var aCallable$3 = aCallable$a;

	var $TypeError = TypeError;

	var PromiseCapability = function (C) {
	  var resolve, reject;
	  this.promise = new C(function ($$resolve, $$reject) {
	    if (resolve !== undefined || reject !== undefined) throw $TypeError('Bad Promise constructor');
	    resolve = $$resolve;
	    reject = $$reject;
	  });
	  this.resolve = aCallable$3(resolve);
	  this.reject = aCallable$3(reject);
	};

	// `NewPromiseCapability` abstract operation
	// https://tc39.es/ecma262/#sec-newpromisecapability
	newPromiseCapability$2.f = function (C) {
	  return new PromiseCapability(C);
	};

	var $$k = _export;
	var IS_NODE$1 = engineIsNode;
	var global$7 = global$y;
	var call$5 = functionCall;
	var defineBuiltIn$5 = defineBuiltIn$g;
	var setPrototypeOf$1 = objectSetPrototypeOf;
	var setToStringTag$3 = setToStringTag$7;
	var setSpecies = setSpecies$2;
	var aCallable$2 = aCallable$a;
	var isCallable$3 = isCallable$u;
	var isObject$5 = isObject$l;
	var anInstance$5 = anInstance$8;
	var speciesConstructor$1 = speciesConstructor$2;
	var task = task$1.set;
	var microtask = microtask_1;
	var hostReportErrors = hostReportErrors$1;
	var perform$2 = perform$3;
	var Queue = queue$1;
	var InternalStateModule$4 = internalState;
	var NativePromiseConstructor$3 = promiseNativeConstructor;
	var PromiseConstructorDetection = promiseConstructorDetection;
	var newPromiseCapabilityModule$3 = newPromiseCapability$2;

	var PROMISE = 'Promise';
	var FORCED_PROMISE_CONSTRUCTOR$4 = PromiseConstructorDetection.CONSTRUCTOR;
	var NATIVE_PROMISE_REJECTION_EVENT = PromiseConstructorDetection.REJECTION_EVENT;
	var NATIVE_PROMISE_SUBCLASSING = PromiseConstructorDetection.SUBCLASSING;
	var getInternalPromiseState = InternalStateModule$4.getterFor(PROMISE);
	var setInternalState$4 = InternalStateModule$4.set;
	var NativePromisePrototype$2 = NativePromiseConstructor$3 && NativePromiseConstructor$3.prototype;
	var PromiseConstructor = NativePromiseConstructor$3;
	var PromisePrototype = NativePromisePrototype$2;
	var TypeError$3 = global$7.TypeError;
	var document$1 = global$7.document;
	var process$1 = global$7.process;
	var newPromiseCapability$1 = newPromiseCapabilityModule$3.f;
	var newGenericPromiseCapability = newPromiseCapability$1;

	var DISPATCH_EVENT = !!(document$1 && document$1.createEvent && global$7.dispatchEvent);
	var UNHANDLED_REJECTION = 'unhandledrejection';
	var REJECTION_HANDLED = 'rejectionhandled';
	var PENDING = 0;
	var FULFILLED = 1;
	var REJECTED = 2;
	var HANDLED = 1;
	var UNHANDLED = 2;

	var Internal, OwnPromiseCapability, PromiseWrapper, nativeThen;

	// helpers
	var isThenable = function (it) {
	  var then;
	  return isObject$5(it) && isCallable$3(then = it.then) ? then : false;
	};

	var callReaction = function (reaction, state) {
	  var value = state.value;
	  var ok = state.state == FULFILLED;
	  var handler = ok ? reaction.ok : reaction.fail;
	  var resolve = reaction.resolve;
	  var reject = reaction.reject;
	  var domain = reaction.domain;
	  var result, then, exited;
	  try {
	    if (handler) {
	      if (!ok) {
	        if (state.rejection === UNHANDLED) onHandleUnhandled(state);
	        state.rejection = HANDLED;
	      }
	      if (handler === true) result = value;
	      else {
	        if (domain) domain.enter();
	        result = handler(value); // can throw
	        if (domain) {
	          domain.exit();
	          exited = true;
	        }
	      }
	      if (result === reaction.promise) {
	        reject(TypeError$3('Promise-chain cycle'));
	      } else if (then = isThenable(result)) {
	        call$5(then, result, resolve, reject);
	      } else resolve(result);
	    } else reject(value);
	  } catch (error) {
	    if (domain && !exited) domain.exit();
	    reject(error);
	  }
	};

	var notify = function (state, isReject) {
	  if (state.notified) return;
	  state.notified = true;
	  microtask(function () {
	    var reactions = state.reactions;
	    var reaction;
	    while (reaction = reactions.get()) {
	      callReaction(reaction, state);
	    }
	    state.notified = false;
	    if (isReject && !state.rejection) onUnhandled(state);
	  });
	};

	var dispatchEvent = function (name, promise, reason) {
	  var event, handler;
	  if (DISPATCH_EVENT) {
	    event = document$1.createEvent('Event');
	    event.promise = promise;
	    event.reason = reason;
	    event.initEvent(name, false, true);
	    global$7.dispatchEvent(event);
	  } else event = { promise: promise, reason: reason };
	  if (!NATIVE_PROMISE_REJECTION_EVENT && (handler = global$7['on' + name])) handler(event);
	  else if (name === UNHANDLED_REJECTION) hostReportErrors('Unhandled promise rejection', reason);
	};

	var onUnhandled = function (state) {
	  call$5(task, global$7, function () {
	    var promise = state.facade;
	    var value = state.value;
	    var IS_UNHANDLED = isUnhandled(state);
	    var result;
	    if (IS_UNHANDLED) {
	      result = perform$2(function () {
	        if (IS_NODE$1) {
	          process$1.emit('unhandledRejection', value, promise);
	        } else dispatchEvent(UNHANDLED_REJECTION, promise, value);
	      });
	      // Browsers should not trigger `rejectionHandled` event if it was handled here, NodeJS - should
	      state.rejection = IS_NODE$1 || isUnhandled(state) ? UNHANDLED : HANDLED;
	      if (result.error) throw result.value;
	    }
	  });
	};

	var isUnhandled = function (state) {
	  return state.rejection !== HANDLED && !state.parent;
	};

	var onHandleUnhandled = function (state) {
	  call$5(task, global$7, function () {
	    var promise = state.facade;
	    if (IS_NODE$1) {
	      process$1.emit('rejectionHandled', promise);
	    } else dispatchEvent(REJECTION_HANDLED, promise, state.value);
	  });
	};

	var bind$2 = function (fn, state, unwrap) {
	  return function (value) {
	    fn(state, value, unwrap);
	  };
	};

	var internalReject = function (state, value, unwrap) {
	  if (state.done) return;
	  state.done = true;
	  if (unwrap) state = unwrap;
	  state.value = value;
	  state.state = REJECTED;
	  notify(state, true);
	};

	var internalResolve = function (state, value, unwrap) {
	  if (state.done) return;
	  state.done = true;
	  if (unwrap) state = unwrap;
	  try {
	    if (state.facade === value) throw TypeError$3("Promise can't be resolved itself");
	    var then = isThenable(value);
	    if (then) {
	      microtask(function () {
	        var wrapper = { done: false };
	        try {
	          call$5(then, value,
	            bind$2(internalResolve, wrapper, state),
	            bind$2(internalReject, wrapper, state)
	          );
	        } catch (error) {
	          internalReject(wrapper, error, state);
	        }
	      });
	    } else {
	      state.value = value;
	      state.state = FULFILLED;
	      notify(state, false);
	    }
	  } catch (error) {
	    internalReject({ done: false }, error, state);
	  }
	};

	// constructor polyfill
	if (FORCED_PROMISE_CONSTRUCTOR$4) {
	  // 25.4.3.1 Promise(executor)
	  PromiseConstructor = function Promise(executor) {
	    anInstance$5(this, PromisePrototype);
	    aCallable$2(executor);
	    call$5(Internal, this);
	    var state = getInternalPromiseState(this);
	    try {
	      executor(bind$2(internalResolve, state), bind$2(internalReject, state));
	    } catch (error) {
	      internalReject(state, error);
	    }
	  };

	  PromisePrototype = PromiseConstructor.prototype;

	  // eslint-disable-next-line no-unused-vars -- required for `.length`
	  Internal = function Promise(executor) {
	    setInternalState$4(this, {
	      type: PROMISE,
	      done: false,
	      notified: false,
	      parent: false,
	      reactions: new Queue(),
	      rejection: false,
	      state: PENDING,
	      value: undefined
	    });
	  };

	  // `Promise.prototype.then` method
	  // https://tc39.es/ecma262/#sec-promise.prototype.then
	  Internal.prototype = defineBuiltIn$5(PromisePrototype, 'then', function then(onFulfilled, onRejected) {
	    var state = getInternalPromiseState(this);
	    var reaction = newPromiseCapability$1(speciesConstructor$1(this, PromiseConstructor));
	    state.parent = true;
	    reaction.ok = isCallable$3(onFulfilled) ? onFulfilled : true;
	    reaction.fail = isCallable$3(onRejected) && onRejected;
	    reaction.domain = IS_NODE$1 ? process$1.domain : undefined;
	    if (state.state == PENDING) state.reactions.add(reaction);
	    else microtask(function () {
	      callReaction(reaction, state);
	    });
	    return reaction.promise;
	  });

	  OwnPromiseCapability = function () {
	    var promise = new Internal();
	    var state = getInternalPromiseState(promise);
	    this.promise = promise;
	    this.resolve = bind$2(internalResolve, state);
	    this.reject = bind$2(internalReject, state);
	  };

	  newPromiseCapabilityModule$3.f = newPromiseCapability$1 = function (C) {
	    return C === PromiseConstructor || C === PromiseWrapper
	      ? new OwnPromiseCapability(C)
	      : newGenericPromiseCapability(C);
	  };

	  if (isCallable$3(NativePromiseConstructor$3) && NativePromisePrototype$2 !== Object.prototype) {
	    nativeThen = NativePromisePrototype$2.then;

	    if (!NATIVE_PROMISE_SUBCLASSING) {
	      // make `Promise#then` return a polyfilled `Promise` for native promise-based APIs
	      defineBuiltIn$5(NativePromisePrototype$2, 'then', function then(onFulfilled, onRejected) {
	        var that = this;
	        return new PromiseConstructor(function (resolve, reject) {
	          call$5(nativeThen, that, resolve, reject);
	        }).then(onFulfilled, onRejected);
	      // https://github.com/zloirock/core-js/issues/640
	      }, { unsafe: true });
	    }

	    // make `.constructor === Promise` work for native promise-based APIs
	    try {
	      delete NativePromisePrototype$2.constructor;
	    } catch (error) { /* empty */ }

	    // make `instanceof Promise` work for native promise-based APIs
	    if (setPrototypeOf$1) {
	      setPrototypeOf$1(NativePromisePrototype$2, PromisePrototype);
	    }
	  }
	}

	$$k({ global: true, constructor: true, wrap: true, forced: FORCED_PROMISE_CONSTRUCTOR$4 }, {
	  Promise: PromiseConstructor
	});

	setToStringTag$3(PromiseConstructor, PROMISE, false);
	setSpecies(PROMISE);

	var NativePromiseConstructor$2 = promiseNativeConstructor;
	var checkCorrectnessOfIteration = checkCorrectnessOfIteration$3;
	var FORCED_PROMISE_CONSTRUCTOR$3 = promiseConstructorDetection.CONSTRUCTOR;

	var promiseStaticsIncorrectIteration = FORCED_PROMISE_CONSTRUCTOR$3 || !checkCorrectnessOfIteration(function (iterable) {
	  NativePromiseConstructor$2.all(iterable).then(undefined, function () { /* empty */ });
	});

	var $$j = _export;
	var call$4 = functionCall;
	var aCallable$1 = aCallable$a;
	var newPromiseCapabilityModule$2 = newPromiseCapability$2;
	var perform$1 = perform$3;
	var iterate$2 = iterate$5;
	var PROMISE_STATICS_INCORRECT_ITERATION$1 = promiseStaticsIncorrectIteration;

	// `Promise.all` method
	// https://tc39.es/ecma262/#sec-promise.all
	$$j({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION$1 }, {
	  all: function all(iterable) {
	    var C = this;
	    var capability = newPromiseCapabilityModule$2.f(C);
	    var resolve = capability.resolve;
	    var reject = capability.reject;
	    var result = perform$1(function () {
	      var $promiseResolve = aCallable$1(C.resolve);
	      var values = [];
	      var counter = 0;
	      var remaining = 1;
	      iterate$2(iterable, function (promise) {
	        var index = counter++;
	        var alreadyCalled = false;
	        remaining++;
	        call$4($promiseResolve, C, promise).then(function (value) {
	          if (alreadyCalled) return;
	          alreadyCalled = true;
	          values[index] = value;
	          --remaining || resolve(values);
	        }, reject);
	      });
	      --remaining || resolve(values);
	    });
	    if (result.error) reject(result.value);
	    return capability.promise;
	  }
	});

	var $$i = _export;
	var FORCED_PROMISE_CONSTRUCTOR$2 = promiseConstructorDetection.CONSTRUCTOR;
	var NativePromiseConstructor$1 = promiseNativeConstructor;
	var getBuiltIn$7 = getBuiltIn$e;
	var isCallable$2 = isCallable$u;
	var defineBuiltIn$4 = defineBuiltIn$g;

	var NativePromisePrototype$1 = NativePromiseConstructor$1 && NativePromiseConstructor$1.prototype;

	// `Promise.prototype.catch` method
	// https://tc39.es/ecma262/#sec-promise.prototype.catch
	$$i({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real: true }, {
	  'catch': function (onRejected) {
	    return this.then(undefined, onRejected);
	  }
	});

	// makes sure that native promise-based APIs `Promise#catch` properly works with patched `Promise#then`
	if (isCallable$2(NativePromiseConstructor$1)) {
	  var method$1 = getBuiltIn$7('Promise').prototype['catch'];
	  if (NativePromisePrototype$1['catch'] !== method$1) {
	    defineBuiltIn$4(NativePromisePrototype$1, 'catch', method$1, { unsafe: true });
	  }
	}

	var $$h = _export;
	var call$3 = functionCall;
	var aCallable = aCallable$a;
	var newPromiseCapabilityModule$1 = newPromiseCapability$2;
	var perform = perform$3;
	var iterate$1 = iterate$5;
	var PROMISE_STATICS_INCORRECT_ITERATION = promiseStaticsIncorrectIteration;

	// `Promise.race` method
	// https://tc39.es/ecma262/#sec-promise.race
	$$h({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION }, {
	  race: function race(iterable) {
	    var C = this;
	    var capability = newPromiseCapabilityModule$1.f(C);
	    var reject = capability.reject;
	    var result = perform(function () {
	      var $promiseResolve = aCallable(C.resolve);
	      iterate$1(iterable, function (promise) {
	        call$3($promiseResolve, C, promise).then(capability.resolve, reject);
	      });
	    });
	    if (result.error) reject(result.value);
	    return capability.promise;
	  }
	});

	var $$g = _export;
	var call$2 = functionCall;
	var newPromiseCapabilityModule = newPromiseCapability$2;
	var FORCED_PROMISE_CONSTRUCTOR$1 = promiseConstructorDetection.CONSTRUCTOR;

	// `Promise.reject` method
	// https://tc39.es/ecma262/#sec-promise.reject
	$$g({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
	  reject: function reject(r) {
	    var capability = newPromiseCapabilityModule.f(this);
	    call$2(capability.reject, undefined, r);
	    return capability.promise;
	  }
	});

	var anObject$3 = anObject$l;
	var isObject$4 = isObject$l;
	var newPromiseCapability = newPromiseCapability$2;

	var promiseResolve$2 = function (C, x) {
	  anObject$3(C);
	  if (isObject$4(x) && x.constructor === C) return x;
	  var promiseCapability = newPromiseCapability.f(C);
	  var resolve = promiseCapability.resolve;
	  resolve(x);
	  return promiseCapability.promise;
	};

	var $$f = _export;
	var getBuiltIn$6 = getBuiltIn$e;
	var FORCED_PROMISE_CONSTRUCTOR = promiseConstructorDetection.CONSTRUCTOR;
	var promiseResolve$1 = promiseResolve$2;

	getBuiltIn$6('Promise');

	// `Promise.resolve` method
	// https://tc39.es/ecma262/#sec-promise.resolve
	$$f({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
	  resolve: function resolve(x) {
	    return promiseResolve$1(this, x);
	  }
	});

	var _EventName$ON_UPDATE$4;
	var instances$y = [];

	/**
	 * CSS selector.
	 * @enum {string}
	 */
	var Selector$F = {
	  DATA_MOUNT: '[data-mount="dynamic-content"]',
	  SHOW_DESC_CONTAINER: '.dynamic-content__show-description',
	  SHOW_DESC_PRE_TEXT: '.dynamic-content__show-pre',
	  SHOW_DESC_OF_TEXT: '.dynamic-content__show-of',
	  SHOW_DESC_POST_TEXT: '.dynamic-content__show-post',
	  SHOW_DESC_VALUE: '.dynamic-content__show-value',
	  SHOW_DESC_TOTAL: '.dynamic-content__show-total',
	  LOAD_MORE_CONTAINER: '.dynamic-content__load-more',
	  LOAD_MORE_BTN: '.dynamic-content__load-more .btn',
	  TEMPLATE_ELEMENTS: '.dynamic-content__template *'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$D = {
	  ON_CLICK: 'click',
	  ON_INIT: 'onInit',
	  ON_REMOVE: 'onRemove',
	  ON_SCROLL: 'onScroll',
	  ON_UPDATE: 'onUpdate'
	};
	_EventName$ON_UPDATE$4 = EventName$D.ON_UPDATE;
	var DynamicContent = /*#__PURE__*/function () {
	  /**
	   * Initializes a new instance of the Dynamic Content component.
	   * @param {{ el: HTMLDivElement }} opts Initialization options.
	   */
	  // eslint-disable-next-line complexity
	  function DynamicContent(opts) {
	    /**
	     * Root element.
	     * @type {HTMLDivElement}
	     */
	    this.el = void 0;
	    /**
	     * Event bindings.
	     * @type {{ el: Element, handler: (...args: unknown[]) => unknown, type: string}[]} */
	    this.events = [];
	    this.data = void 0;
	    // config;
	    this[_EventName$ON_UPDATE$4] = new CustomEvent(EventName$D.ON_UPDATE, {
	      bubbles: true,
	      cancelable: true
	    });
	    this.el = opts.el;
	    this.endpoint = opts.endpoint || '';
	    this.initialData = opts.initialData || [];
	    this.data = opts.data || this.initialData;
	    this.dataSubset = opts.dataSubset || this.data;
	    this.mappingFunc = opts.mappingFunc || function () {};
	    this.mappingObj = opts.mappingObj || {};
	    this.templateSelector = opts.templateSelector || {};
	    this.template = opts.template || this.el.querySelector('.dynamic-content__template');
	    this.container = opts.container || this.el.querySelector('.dynamic-content__content');
	    this.spinner = this.el.querySelector('.spinner');
	    this.hasIterableLoadMoreData = opts.hasIterableLoadMoreData || false;
	    this.showCountTotal = opts.showCountTotal || true;
	    this.isFilteredState = opts.isFilteredState || false;
	    this.templateElements = opts.templateElements || this.el.querySelectorAll(Selector$F.TEMPLATE_ELEMENTS);

	    // pagination
	    this.isPaginationEnabled = opts.isPaginationEnabled || false;
	    if (this.isPaginationEnabled) {
	      this.pageCurrent = 0;
	      this.pageMaxItems = opts.pageMaxItems || 9;
	      this.pagesAvailable = Math.floor(this.dataSubset.length / this.pageMaxItems);
	      this.loadMoreBtn = opts.loadMoreBtn || this.el.querySelector(Selector$F.LOAD_MORE_BTN);
	      if (this.shouldShowCountTotal()) {
	        this.showPreText = opts.showPreText || this.el.querySelector(Selector$F.SHOW_DESC_PRE_TEXT).innerHTML || 'Showing';
	        this.showOfText = opts.showOfText || this.el.querySelector(Selector$F.SHOW_DESC_OF_TEXT).innerHTML || 'of';
	        this.showPostText = opts.showPostText || this.el.querySelector(Selector$F.SHOW_DESC_POST_TEXT).innerHTML || 'categories';

	        // Set initial text values for "showing x of y categories"
	        this.el.querySelector(Selector$F.SHOW_DESC_PRE_TEXT).innerHTML = this.showPreText;
	        this.el.querySelector(Selector$F.SHOW_DESC_OF_TEXT).innerHTML = this.showOfText;
	        this.el.querySelector(Selector$F.SHOW_DESC_POST_TEXT).innerHTML = this.showPostText;
	      } else {
	        this.el.querySelector(Selector$F.SHOW_DESC_CONTAINER).style.display = 'none';
	      }
	      this.setDataSubset(this.data);
	      this.setPagesAvailable();
	      this.setShowDescription();
	      this.events.push({
	        el: this.loadMoreBtn,
	        handler: this.loadMoreData.bind(this),
	        type: EventName$D.ON_CLICK
	      });
	    }
	    this.toggleSpinner(true);
	    Util$1.addEvents(this.events);
	    instances$y.push(this);
	  }
	  var _proto = DynamicContent.prototype;
	  _proto.setEndpoint = function setEndpoint(endpoint) {
	    this.endpoint = endpoint;
	  };
	  _proto.setMapping = function setMapping(mapping) {
	    this.mappingFunc = mapping;
	  };
	  _proto.setData = function setData(value) {
	    this.data = value;
	  };
	  _proto.setTemplate = function setTemplate(template) {
	    this.template = template;
	  };
	  _proto.setContainer = function setContainer(container) {
	    this.container = container;
	  };
	  _proto.setHTML = function setHTML(node, selector, value) {
	    node.querySelector(selector).innerHTML = value;
	  };
	  _proto.setPageCurrent = function setPageCurrent(pageValue) {
	    this.pageCurrent = pageValue;
	  };
	  _proto.setPagesAvailable = function setPagesAvailable(data) {
	    if (data === void 0) {
	      data = this.data;
	    }
	    this.pagesAvailable = Math.floor(data.length / this.pageMaxItems);
	  };
	  _proto.setDataSubset = function setDataSubset() {
	    var start = this.pageCurrent * this.pageMaxItems;
	    var end = start + this.pageMaxItems;
	    if (this.pageCurrent === 0) {
	      start = 0;
	      end = this.pageMaxItems;
	    }
	    this.dataSubset = this.data.slice(start, end);
	  };
	  _proto.setShowDescription = function setShowDescription() {
	    if (this.shouldShowCountTotal()) {
	      var showValue = this.el.querySelector(Selector$F.SHOW_DESC_VALUE);
	      var showTotal = this.el.querySelector(Selector$F.SHOW_DESC_TOTAL);
	      showValue.innerHTML = this.pageMaxItems * this.pageCurrent + this.dataSubset.length;
	      showTotal.innerHTML = this.data.length;
	    }
	  };
	  _proto.hideDescriptionContainer = function hideDescriptionContainer() {
	    this.el.querySelector(Selector$F.SHOW_DESC_CONTAINER).classList.add('d-none');
	  };
	  _proto.hideLoadMoreContainer = function hideLoadMoreContainer() {
	    this.el.querySelector(Selector$F.LOAD_MORE_CONTAINER).classList.add('d-none');
	  };
	  _proto.toggleSpinner = function toggleSpinner(showSpinner) {
	    if (showSpinner === void 0) {
	      showSpinner = true;
	    }
	    if (showSpinner) {
	      // hide pagination text
	      if (this.isPaginationEnabled) {
	        this.loadMoreBtn.style.display = 'none';
	        this.el.querySelector(Selector$F.SHOW_DESC_CONTAINER).style.display = 'none';
	      }

	      // hide content / show spinner
	      this.container.style.display = 'none';
	      if (this.spinner) this.spinner.style.display = 'block';
	    } else {
	      // show pagination text
	      if (this.isPaginationEnabled) {
	        this.loadMoreBtn.style.display = 'block';
	        this.el.querySelector(Selector$F.SHOW_DESC_CONTAINER).style.display = this.shouldShowCountTotal() ? 'block' : 'none';
	      }

	      // show content / hide spinner
	      this.container.style.display = 'flex';
	      if (this.spinner) this.spinner.style.display = 'none';
	    }
	  };
	  _proto.getDataSubset = function getDataSubset() {
	    return this.dataSubset;
	  };
	  _proto.getNextDataSubset = function getNextDataSubset() {
	    var start = (this.pageCurrent + 1) * this.pageMaxItems;
	    var end = start + this.pageMaxItems;
	    return this.data.slice(start, end);
	  };
	  _proto.getPageMaxItems = function getPageMaxItems() {
	    return this.pageMaxItems;
	  }

	  // Only display "Showing x of y category" if the option is enabled by authoring, otherwise only show if a filter has been selected (ie not initial dataset load)
	  ;
	  _proto.shouldShowCountTotal = function shouldShowCountTotal() {
	    return this.showCountTotal ? true : this.isFilteredState;
	  };
	  _proto.fetchData = function fetchData() {
	    var _this = this;
	    fetch(this.endpoint).then(function (response) {
	      if (response.ok) {
	        return response.json();
	      }
	      // ...
	    }).then(function (data) {
	      _this.setData(data);
	    });
	  }

	  /**
	   * Renders data
	   * @param {{ data: Array }} opts Data to iterate over.
	   * @param {{ template: HTMLElement }} opts DIV container that contains the HTML template.
	   * @param {{ htmlTemplateClone: HTMLElement }} opts HTML template to copy.
	   * @param {{ templateSelector: Object }} opts Object mapping of selects for the HTML template.
	   * @param {{ container: HTMLElement }} opts DIV container where HTML cloned template will be placed.
	   * @param {{ clearContainerContent: Boolean }} opts If true, clears the contents of the container.
	   * @param {{ iterableData: Boolean }} opts If true, will iterate over the data, if false, will not and allows mapping function to utilize own iteration.
	   */;
	  _proto.render = function render(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    var obj = {
	      data: opts.data || this.data,
	      singleItem: opts.data[0] || this.data[0],
	      singleItemIndex: 0,
	      template: opts.template || this.template,
	      templateSelector: opts.templateSelector || this.templateSelector,
	      htmlTemplateClone: opts.htmlTemplateClone || this.template.children[0].cloneNode(true),
	      container: opts.container || this.container,
	      clearContainerContent: opts.clearContainerContent || true,
	      iterableData: opts.iterableData || true,
	      mappingObj: this.mappingObj
	    };

	    // Override proerties if opts object is not empty
	    if (Object.keys(opts) && Object.keys(opts).length > 0) {
	      obj = Object.assign({}, obj, opts);
	    }

	    // Clear container content if specified
	    if (obj.clearContainerContent || obj.data.length === 0) {
	      while (obj.container.firstChild) {
	        obj.container.lastChild.remove();
	      }
	    }
	    if (obj.data && obj.data.length > 0) {
	      // Iterate over data and render
	      if (obj.iterableData) {
	        for (var _iterator = _createForOfIteratorHelperLoose(obj.data), _step; !(_step = _iterator()).done;) {
	          var item = _step.value;
	          var updatedObj = Object.assign({}, obj, {
	            singleItem: item,
	            singleItemIndex: obj.data.indexOf(item),
	            htmlTemplateClone: obj.template.children[0].cloneNode(true)
	          });
	          this.mappingFunc(updatedObj);
	          obj.container.append(updatedObj.htmlTemplateClone);
	        }
	        // Render single item
	      } else {
	        this.mappingFunc(obj);
	        obj.container.append(obj.htmlTemplateClone);
	      }
	    }
	    this.toggleSpinner(false);
	  };
	  _proto.renderWithData = function renderWithData(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    this.render(Object.assign({
	      data: opts.data || this.data,
	      clearContainerContent: opts.clearContainerContent || true,
	      iterableData: opts.iterableData || true
	    }, opts));
	  };
	  _proto.renderWithDataSubset = function renderWithDataSubset(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    this.render(Object.assign({
	      data: opts.data || this.dataSubset,
	      clearContainerContent: opts.clearContainerContent || true,
	      iterableData: opts.iterableData || true
	    }, opts));
	  };
	  _proto.toggleLoadMoreButton = function toggleLoadMoreButton(forceDisable) {
	    if (forceDisable === void 0) {
	      forceDisable = false;
	    }
	    if (this.pagesAvailable === 0 || this.getNextDataSubset().length === 0 || forceDisable) {
	      this.loadMoreBtn.setAttribute('disabled', true);
	    } else {
	      this.loadMoreBtn.removeAttribute('disabled');
	    }
	  };
	  _proto.loadMoreData = function loadMoreData() {
	    if (this.isPaginationEnabled) {
	      this.setPageCurrent(this.pageCurrent + 1);
	      this.setDataSubset(this.data);
	    }
	    var previousCardGrid = this.container.lastElementChild;
	    this.renderWithDataSubset({
	      iterableData: this.hasIterableLoadMoreData,
	      clearContainerContent: false
	    });
	    var nextCardGrid = this.container.lastElementChild;
	    // If link exists in new card grid, focus on it, otherwise focus on link in previous card grid
	    var nextFocusableElements = Util$1.getTabbableElements(nextCardGrid).length > 0 ? Util$1.getTabbableElements(nextCardGrid) : Util$1.getTabbableElements(previousCardGrid);
	    if (nextFocusableElements.length > 0) {
	      nextFocusableElements[0].focus();
	    }
	    if (this.isPaginationEnabled) {
	      this.toggleLoadMoreButton();
	      this.setShowDescription();
	    }
	  }

	  /**
	   * Change all instances of `id` to `template-id`
	   * to comply with a11y so there's no duplicate ids
	   * between template and content
	   */;
	  _proto.updateTemplateIds = function updateTemplateIds() {
	    var templateElements = this.templateElements;
	    var oldBaseId;
	    var newBaseId;
	    var _loop = function _loop() {
	      var element = _step2.value;
	      if (element.id) {
	        // Some ids are built on a base id so replace all instances of old base id
	        // with a new base id
	        if (!oldBaseId) {
	          if (element.id.includes('-')) {
	            oldBaseId = element.id.split('-')[0];
	          } else {
	            oldBaseId = element.id;
	          }
	          newBaseId = Util$1.getUid();
	        }
	        var newId = element.id.replace(oldBaseId, newBaseId);
	        element.setAttribute('template-id', newId);
	        element.removeAttribute('id');
	      }

	      // aria-labels, aria-labelledby, and aria-controls can contain references to ids,
	      // so replace those references with the updated ids
	      var attributesToUpdate = ['aria-label', 'aria-labelledby', 'aria-controls'];
	      attributesToUpdate.forEach(function (attribute) {
	        var attributeValue = element.getAttribute(attribute);
	        if (attributeValue && oldBaseId && newBaseId) {
	          element.setAttribute(attribute, attributeValue.replace(oldBaseId, newBaseId));
	        }
	      });
	    };
	    for (var _iterator2 = _createForOfIteratorHelperLoose(templateElements), _step2; !(_step2 = _iterator2()).done;) {
	      _loop();
	    }
	  }

	  /**
	   * Iterates through the dynamic content's content elements and updates the
	   * ids using the template-ids and only if the element doesn't have an id yet
	   * @param {NodeList[HTMLElements]} contentElements
	   */;
	  DynamicContent.updateContentIds = function updateContentIds(contentElements) {
	    for (var _iterator3 = _createForOfIteratorHelperLoose(contentElements), _step3; !(_step3 = _iterator3()).done;) {
	      var element = _step3.value;
	      var templateId = element.getAttribute('template-id');
	      if (templateId && !element.id) {
	        element.id = templateId;
	      }
	    }
	  }

	  /**
	   * Update the instance.
	   * Not currently used, but required by API standards.
	   */
	  // eslint-disable-next-line complexity
	  ;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    if (opts.endpoint) {
	      this.endpoint = opts.endpoint;
	    }
	    if (opts.mappingFunc) {
	      this.mappingFunc = opts.mappingFunc;
	    }
	    if (opts.mappingObj) {
	      this.mappingObj = opts.mappingObj;
	    }
	    if (opts.templateSelector) {
	      this.templateSelector = opts.templateSelector;
	    }
	    if (opts.initialData) {
	      this.initialData = opts.initialData;
	      this.data = this.initialData;
	    }
	    if (opts.data) {
	      this.data = opts.data;
	    }
	    if (opts.pageCurrent) {
	      this.pageCurrent = opts.pageCurrent;
	    }
	    if (opts.pageMaxItems) {
	      this.pageMaxItems = opts.pageMaxItems;
	    }
	    if (opts.initialData || opts.data) {
	      this.pageCurrent = opts.pageCurrent || 0;
	    }
	    if (opts.template) {
	      this.template = opts.template;
	    }
	    if (opts.container) {
	      this.container = opts.container;
	    }
	    if (opts.hasIterableLoadMoreData) {
	      this.hasIterableLoadMoreData = opts.hasIterableLoadMoreData;
	    }
	    if (opts.showCountTotal !== undefined && opts.showCountTotal !== null) {
	      this.showCountTotal = opts.showCountTotal;
	    }
	    if (opts.isFilteredState !== undefined && opts.isFilteredState !== null) {
	      this.isFilteredState = opts.isFilteredState;
	    }
	    if (opts.isPaginationEnabled) {
	      this.isPaginationEnabled = opts.isPaginationEnabled;
	      if (this.shouldShowCountTotal()) {
	        if (opts.showPreText) {
	          this.showPreText = opts.showPreText;
	          this.el.querySelector(Selector$F.SHOW_DESC_PRE_TEXT).innerHTML = this.showPreText;
	        }
	        if (opts.showOfText) {
	          this.showOfText = opts.showOfText;
	          this.el.querySelector(Selector$F.SHOW_DESC_OF_TEXT).innerHTML = this.showOfText;
	        }
	        if (opts.showPostText) {
	          this.showPostText = opts.showPostText;
	          this.el.querySelector(Selector$F.SHOW_DESC_POST_TEXT).innerHTML = this.showPostText;
	        }
	      }
	      this.setDataSubset(this.data);
	      this.setPagesAvailable(this.data);
	      this.toggleLoadMoreButton();
	      this.setShowDescription();
	    }
	    this.el.dispatchEvent(this[EventName$D.ON_UPDATE]);
	  }

	  /**
	   * Remove the instance
	   */;
	  DynamicContent.remove = function remove() {
	    if (this.events && this.events.length > 0) {
	      Util$1.removeEvents(this.events);
	    }
	    var index = instances$y.indexOf(this);
	    instances$y.splice(index, 1);
	    this[EventName$D.ON_REMOVE] = new CustomEvent(EventName$D.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$D.ON_REMOVE]);
	  }

	  /**
	   * Get instances.
	   * @returns {DynamicContent[]} An array of instances
	   */;
	  DynamicContent.getInstances = function getInstances() {
	    return instances$y;
	  };
	  return DynamicContent;
	}();

	/** DynamicContent END */

	var $$e = _export;
	var $some = arrayIteration.some;
	var arrayMethodIsStrict$1 = arrayMethodIsStrict$7;

	var STRICT_METHOD$1 = arrayMethodIsStrict$1('some');

	// `Array.prototype.some` method
	// https://tc39.es/ecma262/#sec-array.prototype.some
	$$e({ target: 'Array', proto: true, forced: !STRICT_METHOD$1 }, {
	  some: function some(callbackfn /* , thisArg */) {
	    return $some(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
	  }
	});

	var instances$x = [];

	/**
	 * HTML Element Attributes.
	 * @enum {string}
	 */
	var Attributes$f = {
	  ARIA_SELECTED: 'aria-selected',
	  TAB_INDEX: 'tabindex'
	};

	/**
	 * CSS classes.
	 * @enum {string}
	 */
	var Classes$6 = {
	  CHECKED: 'checked'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$C = {
	  ON_INIT: 'onInit',
	  ON_REMOVE: 'onRemove',
	  ON_SELECT: 'onSelect',
	  ON_UPDATE: 'onUpdate',
	  CLICK: 'click',
	  CHANGE: 'change',
	  KEY_DOWN: 'keydown',
	  ON_CHECKBOX_CHECKED: 'onCheckboxChecked',
	  ON_CHECKBOX_UNCHECKED: 'onCheckboxUnchecked',
	  DISABLE_DROPDOWN_ITEM: 'onDisableDropdownItem',
	  ENABLE_DROPDOWN_ITEM: 'onEnableDropdownItem',
	  CLEAR_DROPDOWN_FILTER: 'onClearDropdownFilter',
	  ON_RADIO_BUTTON_SELECTED: 'radioButtonSelected',
	  ON_CUSTOMER_ACTIVE_ITEM_CHANGED: 'onCustomerActiveItemChanged'
	};

	/**
	 * CSS selector.
	 * @enum {string}
	 */
	var Selector$E = {
	  DATA_FILTER_VALUES: '[data-filter-values]',
	  DATA_MOUNT: '[data-mount="dropdown-filter"]',
	  DATA_TARGET: '[data-target]',
	  CHECKED: "." + Classes$6.CHECKED,
	  DROPDOWN_LABEL: ".button-dropdown-item--label"
	};
	var DropdownFilter = /*#__PURE__*/function (_Dropdown) {
	  _inheritsLoose(DropdownFilter, _Dropdown);
	  /**
	   * Initializes a new instance of the Filters component.
	   * @param {{ el: HTMLDivElement }} opts Initialization options.
	   */
	  function DropdownFilter(opts) {
	    var _this$el$parentElemen;
	    var _this;
	    _this = _Dropdown.call(this, opts) || this;
	    _this.filterSelections = [];
	    _this.additiveFilterSelections = [];
	    _this.el = opts.el;
	    _this.menuList = _this.el.nextElementSibling;
	    _this.filterListItems = _this.menuList.querySelectorAll('ul.menu-list li.menu-list__list-item');
	    _this.filterCheckboxes = _this.menuList.querySelectorAll('.checkbox-input');
	    _this.radioButtons = _this.menuList.querySelectorAll('.ocr-input__input[type="radio"]');
	    _this.isCustomerVariant = (_this$el$parentElemen = _this.el.parentElement) == null ? void 0 : _this$el$parentElemen.classList.contains('dropdown--customer');
	    _this.events = [];
	    _this.radioButtons.forEach(function (radioButton) {
	      _this.events.push({
	        el: radioButton,
	        handler: _this.onRadioButtonChange.bind(_assertThisInitialized(_this)),
	        type: EventName$C.CHANGE
	      });
	    });
	    _this.filterCheckboxes.forEach(function (filterCheckbox) {
	      _this.events.push({
	        el: filterCheckbox,
	        handler: _this.onCheckboxChange.bind(_assertThisInitialized(_this)),
	        type: EventName$C.CHANGE
	      }, {
	        el: filterCheckbox,
	        handler: _this.fixCustomCheckboxes.bind(_assertThisInitialized(_this)),
	        type: EventName$C.KEY_DOWN
	      });
	    });
	    _this.filterListItems.forEach(function (filterListItem) {
	      _this.events.push({
	        el: filterListItem,
	        handler: _this.disablingCheckboxItem.bind(_assertThisInitialized(_this)),
	        type: EventName$C.DISABLE_DROPDOWN_ITEM
	      }, {
	        el: filterListItem,
	        handler: _this.enablingCheckboxItem.bind(_assertThisInitialized(_this)),
	        type: EventName$C.ENABLE_DROPDOWN_ITEM
	      });
	    });
	    _this.events.push({
	      el: _this.el,
	      handler: _this.clearDropdown.bind(_assertThisInitialized(_this)),
	      type: EventName$C.CLEAR_DROPDOWN_FILTER
	    });

	    // Initialize customer variant
	    if (_this.isCustomerVariant) {
	      _this.initializeCustomerVariant();
	    }
	    Util$1.addEvents(_this.events);
	    instances$x.push(_assertThisInitialized(_this));
	    return _this;
	  }

	  /**
	   * Initializes the customer variant dropdown by adding events to the filter list items
	   * and setting the first item as the active item.
	   * @returns
	   */
	  var _proto = DropdownFilter.prototype;
	  _proto.initializeCustomerVariant = function initializeCustomerVariant() {
	    var _this2 = this;
	    var filterListItems = this.filterListItems;

	    // Return if there are no filter list items
	    if (!filterListItems || filterListItems.length < 1) return;

	    // Add events for customer variant
	    filterListItems.forEach(function (filterListItem) {
	      _this2.events.push({
	        el: filterListItem,
	        handler: _this2.onCustomerItemClicked.bind(_this2),
	        type: EventName$C.CLICK
	      });
	    });

	    // Set the first item as the active item
	    this.setActiveCustomerItem(filterListItems[0]);
	  }

	  /**
	   * Sets the active item for the customer variant dropdown.
	   * Defaults to using `data-preview-label` for dropdown label.
	   * If no `data-preview-label`, defaults to the paragraph text
	   *
	   * Finally, it dispatches the event signaling the active item has changed
	   * @param {HTMLElement} activeItem
	   * @param {boolean} numOfClicks
	   * @returns
	   */;
	  _proto.setActiveCustomerItem = function setActiveCustomerItem(activeItem, numOfClicks) {
	    var _activeItem$querySele;
	    // If there is no active item or if activeItem is the current active item, return
	    if (!activeItem || activeItem === this.activeCustomerItem) return;

	    // Set the active item
	    this.activeCustomerItem = activeItem;

	    // Get the dropdown label and set it
	    var dropdownLabel = activeItem.getAttribute('data-preview-label') || ((_activeItem$querySele = activeItem.querySelector('p')) == null ? void 0 : _activeItem$querySele.textContent);
	    var dropdownLabelEl = this.el.querySelector(Selector$E.DROPDOWN_LABEL);
	    dropdownLabelEl.textContent = dropdownLabel;

	    // Update the filter items with selected styles
	    this.updateFilterItemsForSelected(activeItem);

	    // If the number of clicks is 0, then this is a programmatic event
	    // and we don't need to dispatch the event
	    if (numOfClicks === 0) return;

	    // Dispatch the event signaling the active item has changed
	    this.el.dispatchEvent(new CustomEvent(EventName$C.ON_CUSTOMER_ACTIVE_ITEM_CHANGED, {
	      bubbles: true,
	      detail: activeItem
	    }));
	  }

	  /**
	   * Add selected styles to the selected filter item and
	   * remove selected styles from the other filter items.
	   * @param {HTMLElement} selectedItem
	   */;
	  _proto.updateFilterItemsForSelected = function updateFilterItemsForSelected(selectedItem) {
	    var filterListItems = this.filterListItems;
	    filterListItems.forEach(function (filterListItem) {
	      var isSelected = selectedItem === filterListItem;
	      filterListItem.setAttribute(Attributes$f.ARIA_SELECTED, isSelected);
	      filterListItem.classList.toggle('selected', isSelected);
	    });
	  }

	  /**
	   * Event handler for customer variant dropdown list item clicked.
	   * It sets the active item and hides the dropdown menu.
	   * @param {PointerEvent} event
	   */;
	  _proto.onCustomerItemClicked = function onCustomerItemClicked(event) {
	    var activeItem = event.currentTarget;
	    this.setActiveCustomerItem(activeItem, event.detail);
	    this.showHideDropdown(false);
	  }

	  /**
	   * Show/hides the dropdown menu and sets the active state of the dropdown.
	   * @param {boolean} show
	   */;
	  _proto.showHideDropdown = function showHideDropdown(show) {
	    var menuList = this.menuList,
	      el = this.el;

	    // Update menu list to be show or hidden
	    menuList.classList.toggle('show', show);

	    // Update the dropdown state
	    el.classList.toggle('active', show);
	    el.setAttribute('aria-expanded', show);
	  };
	  _proto.fixCustomCheckboxes = function fixCustomCheckboxes(event) {
	    // Check if the pressed key is "Enter" (key code 13)
	    if (event.keyCode === 13) {
	      // Toggle the checkbox state
	      if (event.target.checked) {
	        event.target.checked = false;
	      } else {
	        event.target.checked = true;
	      }
	      this.onCheckboxChange(event);

	      // Prevent the default behavior of "Enter" key on the checkbox (submitting forms, etc.)
	      event.preventDefault();
	    }
	  };
	  _proto.onCheckboxChange = function onCheckboxChange(event) {
	    var dataSelector = this.el.getAttribute('data-selector');
	    if (event.target.checked) {
	      var filterName = event.target.getAttribute('data-filter-checkbox');
	      event.target.classList.add(Classes$6.CHECKED);
	      if (filterName) {
	        event.target.dispatchEvent(new CustomEvent(EventName$C.ON_CHECKBOX_CHECKED, {
	          bubbles: true,
	          detail: [filterName, true, dataSelector]
	        }));
	      }
	    } else {
	      var _filterName = event.target.getAttribute('data-filter-checkbox');
	      event.target.classList.remove(Classes$6.CHECKED);
	      if (_filterName) {
	        event.target.dispatchEvent(new CustomEvent(EventName$C.ON_CHECKBOX_UNCHECKED, {
	          bubbles: true,
	          detail: [_filterName, false, dataSelector]
	        }));
	      }
	    }
	  };
	  _proto.disablingCheckboxItem = function disablingCheckboxItem(event) {
	    var filterCheckbox = event.detail.querySelector('.checkbox-input');
	    filterCheckbox.checked = false;
	    filterCheckbox.classList.remove(Classes$6.CHECKED);
	    filterCheckbox.setAttribute(Attributes$f.TAB_INDEX, '-1');

	    // check if all checkboxes are disabled
	    var disabledDropdownItems = this.menuList.querySelectorAll('li.menu-list__list-item--disabled');
	    if (disabledDropdownItems.length === this.filterListItems.length) {
	      this.el.setAttribute('aria-disabled', true);
	      this.el.setAttribute(Attributes$f.TAB_INDEX, '-1');
	      this.el.parentElement.classList.add('dropdown--disabled');
	    }
	  };
	  _proto.enablingCheckboxItem = function enablingCheckboxItem(event) {
	    var filterCheckbox = event.detail.querySelector('.checkbox-input');
	    filterCheckbox.setAttribute(Attributes$f.TAB_INDEX, '0');
	    this.el.setAttribute('aria-disabled', false);
	    this.el.setAttribute(Attributes$f.TAB_INDEX, '0');
	    this.el.parentElement.classList.remove('dropdown--disabled');
	  };
	  _proto.clearDropdown = function clearDropdown() {
	    this.filterCheckboxes.forEach(function (filterCheckbox) {
	      filterCheckbox.checked = false;
	      filterCheckbox.classList.remove(Classes$6.CHECKED);
	    });
	  };
	  _proto.onRadioButtonChange = function onRadioButtonChange(event) {
	    if (event.target.checked) {
	      var value = event.target.value;
	      if (value) {
	        event.target.dispatchEvent(new CustomEvent(EventName$C.ON_RADIO_BUTTON_SELECTED, {
	          bubbles: true,
	          detail: value
	        }));
	      }
	    }
	  };
	  _proto.update = function update() {
	    this.el.dispatchEvent(this[EventName$C.ON_UPDATE]);
	  };
	  _proto.remove = function remove() {
	    this.el.dispatchEvent(this[EventName$C.ON_REMOVE]);
	  };
	  DropdownFilter.getInstances = function getInstances() {
	    return instances$x;
	  };
	  return DropdownFilter;
	}(Dropdown);

	var _EventName$ON_INIT$1, _EventName$ON_SELECT$1, _EventName$ON_REMOVE$3, _EventName$ON_UPDATE$3;
	var instances$w = [];

	/**
	 * HTML Element Attributes.
	 * @enum {string}
	 */
	var Attributes$e = {
	  ARIA_SELECTED: 'aria-selected',
	  TAB_INDEX: 'tabindex',
	  DATA_DISMISS_TEXT: 'data-dismiss-text',
	  ROLE: 'role'
	};

	/**
	 * CSS classes.
	 * @enum {string}
	 */
	var Classes$5 = {
	  SELECTED: 'selected'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$B = {
	  ON_INIT: 'onInit',
	  ON_REMOVE: 'onRemove',
	  ON_SELECT: 'onSelect',
	  ON_UPDATE: 'onUpdate',
	  CLICK: 'click',
	  BLUR: 'blur',
	  KEYDOWN_DATA_API: 'keydown',
	  ADD_FILTER_SELECTION: 'addFilterSelection',
	  REMOVE_FILTER_SELECTION: 'removeFilterSelection',
	  IS_FILTERING: 'isFiltering',
	  IS_FILTERED: 'isFiltered',
	  ON_CHECKBOX_CHECKED: 'onCheckboxChecked',
	  ON_CHECKBOX_UNCHECKED: 'onCheckboxUnchecked',
	  DISABLE_DROPDOWN_ITEM: 'onDisableDropdownItem',
	  ENABLE_DROPDOWN_ITEM: 'onEnableDropdownItem',
	  CLEAR_DROPDOWN_FILTER: 'onClearDropdownFilter'
	};

	/**
	 * CSS selector.
	 * @enum {string}
	 */
	var Selector$D = {
	  DATA_FILTER_NAME: '[data-filter-name]',
	  DATA_FILTER_MENU_DROPDOWN: '.dropdown',
	  DATA_FILTER_CHECKBOX_LIST_ITEM: '.menu-list__list-item',
	  DATA_FILTER_CHECKBOX_LIST_ITEM_DISABLED: '.menu-list__list-item--disabled',
	  DATA_FILTER_CLEAR_LINK: '.pill-bar--secondary .link-inline',
	  DATA_FILTER_CHECKBOX: '[data-filter-checkbox]',
	  DATA_FILTER_VALUES: '[data-filter-values]',
	  DATA_MOUNT: '[data-mount="filters"]',
	  DYNAMIC_CONTENT_DATA_MOUNT: '[data-mount="filters-dynamic-content"]',
	  DATA_TARGET: '[data-target]',
	  SELECTED: "." + Classes$5.SELECTED,
	  DYNAMIC_ADDITIVE_FILTERS: '[dynamic-additive-filters]',
	  CLEAR_ALL: '.pill-bar--secondary a',
	  DATA_DISMISS_TEXT: '[data-dismiss-text]',
	  DYNAMIC_ROLE_TOOLBAR_ITEM: '.pill-bar--dynamically-added-filters [role=toolbar] .pill-bar__item'
	};

	/**
	 * Callback function for all key events on tabs.
	 * Facilitates left <-> right focus movement between tabs recommended by W3C: https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-2/tabs.html
	 * @param {KeyboardEvent} event - Keyboard event.
	 * @this Filters
	 */
	function _onKeycodeEvent$1(event) {
	  if (!event.target.classList.contains('pill-bar__item')) {
	    return;
	  }
	  var keycode = Util$1.getKeyCode(event);
	  var tabIndex = getFilterIndex(this.filterButtons, event.target);
	  switch (keycode) {
	    case Util$1.keyCodes.SPACE:
	    case Util$1.keyCodes.ENTER:
	      {
	        event.preventDefault();
	        if (this.keyCodeEnterEvent) {
	          var _event$target, _event$target$dataset;
	          this.keyCodeEnterEvent((_event$target = event.target) == null ? void 0 : (_event$target$dataset = _event$target.dataset) == null ? void 0 : _event$target$dataset.filterName);
	        } else {
	          this.onFilterSelectionClick(event);
	        }
	        break;
	      }
	    case Util$1.keyCodes.HOME:
	      {
	        event.preventDefault();
	        this.filterButtons[0].focus();
	        break;
	      }
	    case Util$1.keyCodes.END:
	      {
	        event.preventDefault();
	        this.filterButtons[this.filterButtons.length - 1].focus();
	        break;
	      }
	    case Util$1.keyCodes.ARROW_LEFT:
	      {
	        // stop default "scroll" behavior in overflowed containers
	        event.preventDefault();
	        if (this.isRTL) {
	          _onKeycodeRight$1.call(this, tabIndex);
	        } else {
	          _onKeycodeLeft$1.call(this, tabIndex);
	        }
	        break;
	      }
	    case Util$1.keyCodes.ARROW_RIGHT:
	      {
	        // stop default "scroll" behavior in overflowed containers
	        event.preventDefault();
	        if (this.isRTL) {
	          _onKeycodeLeft$1.call(this, tabIndex);
	        } else {
	          _onKeycodeRight$1.call(this, tabIndex);
	        }
	        break;
	      }
	  }
	}
	function getFilterIndex(filterButtons, target) {
	  var nodeListArray = [].slice.call(filterButtons);
	  var tabIndex = nodeListArray.indexOf(target);
	  return tabIndex;
	}
	function _onKeycodeLeft$1(tabIndex) {
	  var lastTab = this.filterButtons[this.filterButtons.length - 1];
	  var previousTab = this.filterButtons[tabIndex - 1];
	  if (tabIndex === 0) {
	    return lastTab.focus();
	  }
	  return previousTab.focus();
	}
	function _onKeycodeRight$1(tabIndex) {
	  var firstTab = this.filterButtons[0];
	  var nextTab = this.filterButtons[tabIndex + 1];
	  if (tabIndex === this.filterButtons.length - 1) {
	    return firstTab.focus();
	  }
	  return nextTab.focus();
	}
	function filteringSelections(containerElement, filterSelections) {
	  filterSelections.forEach(function (filterSelection) {
	    var showValues = containerElement.querySelectorAll("[data-filter-values*=\"" + filterSelection + "\"]");
	    showValues.forEach(function (showValue) {
	      showValue.classList.remove('hide');
	    });
	  });
	}
	function removeAllSelections(containerElement, filterSelections, filters) {
	  filterSelections.forEach(function (filterSelection) {
	    var hideValues = containerElement.querySelectorAll("[data-filter-values*=\"" + filterSelection + "\"]");
	    hideValues.forEach(function (hideValue) {
	      hideValue.classList.add('hide');
	    });
	  });
	  filters.forEach(function (filterButton) {
	    filterButton.removeAttribute(Attributes$e.ARIA_SELECTED);
	    filterButton.classList.remove(Classes$5.SELECTED);
	  });
	}
	_EventName$ON_INIT$1 = EventName$B.ON_INIT;
	_EventName$ON_SELECT$1 = EventName$B.ON_SELECT;
	_EventName$ON_REMOVE$3 = EventName$B.ON_REMOVE;
	_EventName$ON_UPDATE$3 = EventName$B.ON_UPDATE;
	var Filters = /*#__PURE__*/function () {
	  /**
	   * Initializes a new instance of the Filters component.
	   * @param {{ el: HTMLDivElement }} opts Initialization options.
	   */
	  function Filters(opts) {
	    var _this = this;
	    this.filterSelections = [];
	    this.additiveFilterSelections = [];
	    this.additiveFilterSelectionsByGroup = [];
	    /** onInit event. */
	    this[_EventName$ON_INIT$1] = new CustomEvent(EventName$B.ON_INIT, {
	      bubbles: true,
	      cancelable: true
	    });
	    /** onSelect event. */
	    this[_EventName$ON_SELECT$1] = new CustomEvent(EventName$B.ON_SELECT, {
	      bubbles: true,
	      cancelable: true
	    });
	    /** onRemove event. */
	    this[_EventName$ON_REMOVE$3] = new CustomEvent(EventName$B.ON_REMOVE, {
	      bubbles: true,
	      cancelable: true
	    });
	    /** onUpdate event. */
	    this[_EventName$ON_UPDATE$3] = new CustomEvent(EventName$B.ON_UPDATE, {
	      bubbles: true,
	      cancelable: true
	    });
	    this.el = opts.el;
	    this.preventUnselect = opts.preventUnselect;
	    this.useInitialFilter = opts.useInitialFilter;
	    this.isAdditiveFiltersDynamic = this.el.getAttribute('dynamic-additive-filters') === 'true';
	    this.isDynamicallyAddedFilters = this.el.classList.contains('pill-bar--dynamically-added-filters');
	    if (this.isAdditiveFiltersDynamic) {
	      this.additiveFiltersContainer = this.el.querySelector('.pill-bar--secondary') || null;
	      this.dropdownBarData = opts.dropdownBarData || [];
	      this.mappingFunc = opts.mappingFunc || this.renderAdditiveFiltersDynamcially;
	      if (this.dropdownBarData.length > 0) {
	        this.dynamicContent = new DynamicContent({
	          el: this.el.querySelector(Selector$D.DYNAMIC_CONTENT_DATA_MOUNT),
	          mappingFunc: this.mappingFunc,
	          data: this.dropdownBarData,
	          initialData: this.dropdownBarData,
	          pageMaxItems: this.dropdownBarData.length,
	          iterableData: false
	        });
	        this.dynamicContent.renderWithData();
	      }
	    }
	    this.filterList = this.el.querySelector('ul.tab-group');
	    this.filterButtons = this.filterList.querySelectorAll('li button') || [];
	    this.filters = this.el.querySelectorAll(Selector$D.DATA_FILTER_NAME);
	    this.additiveFilters = opts.additiveFilters || this.el.querySelectorAll(Selector$D.DATA_FILTER_CHECKBOX);
	    this.selectableType = this.filterList.getAttribute('aria-multiselectable') === 'true' ? 'multi' : 'single';
	    this.dropdownFilterInstances = [];
	    this.dropdownFilters = this.el.querySelectorAll(Selector$E.DATA_MOUNT);
	    this.clearAllLink = this.el.querySelector(Selector$D.CLEAR_ALL);
	    this.dismissTextEl = this.el.querySelector(Selector$D.DATA_DISMISS_TEXT);
	    this.toolBarBtns = this.el.querySelectorAll(Selector$D.DYNAMIC_ROLE_TOOLBAR_ITEM);
	    if (this.useInitialFilter || this.isDynamicallyAddedFilters) {
	      this.manualSelectionInitialization();
	    }

	    // this.manualAdditiveSelectionInitialization();

	    if (this.getSelectedFilterLength() === 0 && !this.isDynamicallyAddedFilters) {
	      this.filterButtons[0].setAttribute(Attributes$e.TAB_INDEX, 0);
	    }
	    if (this.toolBarBtns.length) {
	      this.toolBarBtns.forEach(function (btnEle) {
	        btnEle.removeAttribute(Attributes$e.ROLE);
	        btnEle.removeAttribute(Attributes$e.ARIA_SELECTED);
	      });
	    }
	    this.events = [];
	    this.filterButtons.forEach(function (filterButton) {
	      _this.events.push({
	        el: filterButton,
	        handler: _this.onFilterSelectionClick.bind(_this),
	        type: EventName$B.CLICK
	      });
	    });
	    this.events.push(
	    // ADD these event handlers to filter panels on checkbox change
	    {
	      el: this.el,
	      handler: this.onAdditiveFilterChecked.bind(this),
	      type: EventName$B.ON_CHECKBOX_CHECKED
	    }, {
	      el: this.el,
	      handler: this.onAdditiveFilterUnchecked.bind(this),
	      type: EventName$B.ON_CHECKBOX_UNCHECKED
	    }, {
	      el: this.el,
	      type: EventName$B.KEYDOWN_DATA_API,
	      handler: _onKeycodeEvent$1.bind(this)
	    });
	    if (this.clearAllLink) {
	      this.events.push({
	        el: this.clearAllLink,
	        type: EventName$B.CLICK,
	        handler: this.clearDropdownFilters.bind(this)
	      }, {
	        el: this.clearAllLink,
	        type: EventName$B.BLUR,
	        handler: this.clearSRText.bind(this)
	      });
	    }
	    Util$1.addEvents(this.events);
	    instances$w.push(this);
	  }
	  var _proto = Filters.prototype;
	  _proto.addFilterSelectionValue = function addFilterSelectionValue(filterValue) {
	    this.filterSelections.push(filterValue);
	    this.el.dispatchEvent(new CustomEvent(EventName$B.ADD_FILTER_SELECTION, {
	      bubbles: true,
	      detail: this.filterSelections
	    }));
	  };
	  _proto.removeFilterSelectionValue = function removeFilterSelectionValue(filterValue) {
	    this.filterSelections = this.filterSelections.filter(function (item) {
	      return item !== filterValue;
	    });
	    var hideValues = this.el.querySelectorAll("[data-filter-values*=\"" + filterValue + "\"]");
	    hideValues.forEach(function (hideValue) {
	      hideValue.classList.add('hide');
	    });
	    this.el.dispatchEvent(new CustomEvent(EventName$B.REMOVE_FILTER_SELECTION, {
	      bubbles: true,
	      detail: this.filterSelections
	    }));
	  };
	  _proto.onFilterSelectionClick = function onFilterSelectionClick(event) {
	    var _event$target2,
	      _this2 = this;
	    // if prevent unselect and the filter selected is already selected, return
	    if (this.preventUnselect && ((_event$target2 = event.target) == null ? void 0 : _event$target2.getAttribute('aria-selected')) === 'true') {
	      return;
	    }
	    var targetFilterName = event.target.dataset.filterName;

	    // Dispatch IS_FILTERING event with current filter selections
	    this.el.dispatchEvent(new CustomEvent(EventName$B.IS_FILTERING, {
	      bubbles: true,
	      detail: this.filterSelections
	    }));
	    var element = event.target;
	    var isSelected = element.classList.contains(Classes$5.SELECTED);
	    var clearLink = this.el.querySelector(Selector$D.DATA_FILTER_CLEAR_LINK);

	    // If single select type, reset classes/attributes
	    if (this.selectableType === 'single' && !this.isDynamicallyAddedFilters) {
	      this.filterButtons.forEach(function (filterButton) {
	        filterButton.classList.remove(Classes$5.SELECTED);
	        filterButton.setAttribute(Attributes$e.ARIA_SELECTED, false);
	        filterButton.setAttribute(Attributes$e.TAB_INDEX, '-1');
	      });
	      this.filterSelections = [];
	    }

	    // UI state of the pill tab items
	    if (isSelected) {
	      // unselected
	      element.classList.remove(Classes$5.SELECTED);
	      element.setAttribute(Attributes$e.ARIA_SELECTED, false);
	      element.setAttribute(Attributes$e.TAB_INDEX, '-1');
	      this.removeFilterSelectionValue(targetFilterName);

	      // If no filter is selected, set the first option tab index to 0
	      if (this.getSelectedFilterLength() === 0) {
	        this.filterButtons[0].setAttribute(Attributes$e.TAB_INDEX, '0');
	      }
	    } else {
	      // selected
	      element.classList.add(Classes$5.SELECTED);
	      element.setAttribute(Attributes$e.ARIA_SELECTED, true);
	      element.setAttribute(Attributes$e.TAB_INDEX, '0');
	      this.addFilterSelectionValue(targetFilterName);

	      // If only one filter is selected and it is not the first option,
	      // set the first option tab index to -1
	      if (this.getSelectedFilterLength() === 1 && this.filterButtons[0].dataset.filterName !== targetFilterName) {
	        this.filterButtons[0].setAttribute(Attributes$e.TAB_INDEX, '-1');
	      }
	    }

	    /**********************
	     * Do something with the filter selections
	     **********************/

	    // show/hide filter elements based on filter selections
	    var filterElements = this.el.querySelectorAll('[data-filter-values]');
	    if (filterElements && filterElements.length > 0) {
	      filterElements.forEach(function (ele) {
	        if (ele.dataset && ele.dataset.filterValues) {
	          var filterValues = ele.dataset.filterValues.split(',');
	          var containsFilterSelection = filterValues.filter(function (val) {
	            return _this2.filterSelections.some(function (filterVal) {
	              return val === filterVal;
	            });
	          });
	          ele.classList.remove('hide');
	          if (containsFilterSelection.length === 0 && _this2.filterSelections.length > 0) {
	            ele.classList.add('hide');
	          }
	        }
	      });
	    }

	    // only if additive filters exist
	    if (this.additiveFiltersContainer) {
	      var additiveFilterDropdowns = this.additiveFiltersContainer.querySelectorAll(Selector$D.DATA_FILTER_MENU_DROPDOWN);
	      var additiveFilterListItems = this.additiveFiltersContainer.querySelectorAll(Selector$D.DATA_FILTER_CHECKBOX_LIST_ITEM);

	      // from filter selections, enable/disable additive filters
	      additiveFilterListItems.forEach(function (listItem) {
	        if (listItem.dataset && listItem.dataset.enabled) {
	          var dataEnabledValues = listItem.dataset.enabled.split(',');
	          var containsFilterSelection = dataEnabledValues.filter(function (val) {
	            return _this2.filterSelections.some(function (filterVal) {
	              return val === filterVal;
	            });
	          });
	          if (containsFilterSelection.length > 0) {
	            _this2.toggleDropdownItemState(listItem);
	          } else {
	            _this2.toggleDropdownItemState(listItem, true);
	          }
	        }
	      });

	      // for each filter group, enable/disable dropdown button based on list item state
	      var disabledCount = 0;
	      additiveFilterDropdowns.forEach(function (dropdown) {
	        var dropdownBtn = dropdown.querySelector('button');
	        var dropdownFilterGroupId = dropdownBtn.dataset.filterGroupId;
	        var listItems = dropdown.querySelectorAll(Selector$D.DATA_FILTER_CHECKBOX_LIST_ITEM);
	        var listItemsDisabled = dropdown.querySelectorAll("" + Selector$D.DATA_FILTER_CHECKBOX_LIST_ITEM_DISABLED);
	        if (listItems && listItemsDisabled) {
	          if (listItems.length === listItemsDisabled.length) {
	            dropdown.classList.add('dropdown--disabled');
	            dropdown.querySelector('button').setAttribute('tabindex', '-1');
	            disabledCount++;

	            // remove from additiveFilterSelectionsByGroup
	            if (dropdownFilterGroupId) {
	              _this2.additiveFilterSelectionsByGroup = _this2.additiveFilterSelectionsByGroup.filter(function (btn) {
	                return btn.filterGroupId !== dropdownFilterGroupId;
	              });
	            }
	          } else {
	            dropdown.classList.remove('dropdown--disabled');
	            dropdown.querySelector('button').setAttribute('tabindex', '0');

	            // add to additiveFilterSelectionsByGroup
	            if (_this2.additiveFilterSelectionsByGroup.filter(function (i) {
	              return i.filterGroupId === dropdownFilterGroupId;
	            }).length === 0) {
	              _this2.additiveFilterSelectionsByGroup.push({
	                filterGroupId: dropdownFilterGroupId || '',
	                filters: []
	              });
	            }
	          }
	        }
	      });

	      // disable "clear" link if all dropdowns are disabled
	      if (clearLink && disabledCount === additiveFilterDropdowns.length) {
	        clearLink.setAttribute('disabled', 'true');
	        clearLink.setAttribute('aria-disabled', 'true');
	        clearLink.setAttribute('tabindex', '-1');
	      } else {
	        clearLink.removeAttribute('disabled');
	        clearLink.removeAttribute('aria-disabled');
	        clearLink.removeAttribute('tabindex');
	      }
	    }

	    // Dispatch IS_FILTERED event with updated filter selections
	    this.el.dispatchEvent(new CustomEvent(EventName$B.IS_FILTERED, {
	      bubbles: true,
	      detail: this.filterSelections
	    }));
	  };
	  _proto.disableDropdownItems = function disableDropdownItems(filterName) {
	    var _this3 = this;
	    var dropdownItems = this.el.querySelectorAll("[data-enabled*=\"" + filterName + "\"]");
	    dropdownItems.forEach(function (dropdownItem) {
	      if (dropdownItem.classList.contains('menu-list__list-item')) {
	        _this3.toggleDropdownItemState(dropdownItem, true);
	        var targetFilterName = dropdownItem.querySelector(Selector$D.DATA_FILTER_CHECKBOX).dataset.filterCheckbox;
	        _this3.additiveFilterSelections = _this3.additiveFilterSelections.filter(function (item) {
	          return item !== targetFilterName;
	        });
	        var hideValues = _this3.el.querySelectorAll("[data-filter-values*=\"" + targetFilterName + "\"]");
	        hideValues.forEach(function (hideValue) {
	          hideValue.classList.add('hide');
	        });
	      }
	    });
	  };
	  _proto.toggleDropdownItemState = function toggleDropdownItemState(dropdownItem, disabled) {
	    if (disabled === void 0) {
	      disabled = false;
	    }
	    if (disabled) {
	      dropdownItem.classList.add('menu-list__list-item--disabled');
	      dropdownItem.dispatchEvent(new CustomEvent(EventName$B.DISABLE_DROPDOWN_ITEM, {
	        bubbles: true,
	        detail: dropdownItem
	      }));
	    } else {
	      dropdownItem.classList.remove('menu-list__list-item--disabled');
	      dropdownItem.dispatchEvent(new CustomEvent(EventName$B.ENABLE_DROPDOWN_ITEM, {
	        bubbles: true,
	        detail: dropdownItem
	      }));
	    }
	  };
	  _proto.disabledAllDropdownItems = function disabledAllDropdownItems() {
	    var _this4 = this;
	    this.filters.forEach(function (filterButton) {
	      _this4.disableDropdownItems(filterButton.dataset.filterName);
	    });
	  };
	  _proto.enableDropdownItems = function enableDropdownItems(filterName) {
	    var _this5 = this;
	    var dropdownItems = this.el.querySelectorAll("[data-enabled*=\"" + filterName + "\"]");
	    dropdownItems.forEach(function (dropdownItem) {
	      if (dropdownItem.classList.contains('menu-list__list-item--disabled')) {
	        _this5.toggleDropdownItemState(dropdownItem, false);

	        // if (this.additiveFilterSelections.length === 0) {
	        var targetFilterName = dropdownItem.querySelector(Selector$D.DATA_FILTER_CHECKBOX).dataset.filterCheckbox;
	        _this5.additiveFilterSelections.push(targetFilterName);
	        var showValues = _this5.el.querySelectorAll("[data-filter-values*=\"" + targetFilterName + "\"]");
	        showValues.forEach(function (showValue) {
	          showValue.classList.remove('hide');
	        });
	        // }
	      }
	    });
	  };
	  _proto.enableAllDropdownItems = function enableAllDropdownItems() {
	    var _this6 = this;
	    this.filters.forEach(function (filterButton) {
	      _this6.enableDropdownItems(filterButton.dataset.filterName);
	    });
	  };
	  _proto.clearDropdownFilters = function clearDropdownFilters() {
	    this.additiveFilterSelections = [];
	    this.additiveFilterSelectionsByGroup.forEach(function (i) {
	      i.filters = [];
	    });
	    this.dropdownFilters.forEach(function (dropdownFilter) {
	      dropdownFilter.dispatchEvent(new CustomEvent(EventName$B.CLEAR_DROPDOWN_FILTER, {
	        bubbles: true,
	        detail: dropdownFilter
	      }));
	    });
	    this.dismissTextEl.innerHTML = this.dismissTextEl.getAttribute(Attributes$e.DATA_DISMISS_TEXT);
	  };
	  _proto.clearSRText = function clearSRText() {
	    this.dismissTextEl.innerHTML = '';
	  };
	  _proto.showAllSelections = function showAllSelections() {
	    var _this7 = this;
	    this.filters.forEach(function (filterButton) {
	      _this7.addFilterSelectionValue(filterButton.dataset.filterName);
	    });
	    this.filterSelections.forEach(function (filterSelection) {
	      var showValues = _this7.el.querySelectorAll("[data-filter-values*=\"" + filterSelection + "\"]");
	      showValues.forEach(function (showValue) {
	        showValue.classList.remove('hide');
	      });
	    });
	  };
	  _proto.getSelectedFilterLength = function getSelectedFilterLength() {
	    var counter = 0;
	    this.filters.forEach(function (filter) {
	      if (filter.classList.contains(Classes$5.SELECTED)) {
	        counter++;
	      }
	    });
	    return counter;
	  }

	  // initial filtering for manually set filters
	  ;
	  _proto.manualSelectionInitialization = function manualSelectionInitialization() {
	    var _this8 = this;
	    var singleSelected = false;
	    this.filters.forEach(function (filter) {
	      var filterName = filter.dataset.filterName;
	      if (filter.classList.contains(Classes$5.SELECTED) && (!singleSelected || _this8.isDynamicallyAddedFilters)) {
	        _this8.addFilterSelectionValue(filterName);
	        filter.setAttribute(Attributes$e.ARIA_SELECTED, true);
	        filter.classList.add(Classes$5.SELECTED);
	        _this8.enableDropdownItems(filterName);
	        if (_this8.selectableType === 'single') {
	          singleSelected = true;
	        }
	      } else {
	        _this8.removeFilterSelectionValue(filterName);
	        filter.removeAttribute(Attributes$e.ARIA_SELECTED);
	        filter.classList.remove(Classes$5.SELECTED);
	        _this8.disableDropdownItems(filterName);
	      }
	    });
	    if (this.filterSelections.length === 0) {
	      this.enableAllDropdownItems();
	      this.showAllSelections();
	    } else {
	      filteringSelections(this.el, this.filterSelections);
	    }
	  }

	  // initial filtering for manually set filters
	  ;
	  _proto.manualAdditiveSelectionInitialization = function manualAdditiveSelectionInitialization() {
	    var _this9 = this;
	    this.additiveFilters.forEach(function (filter) {
	      var targetFilterName = filter.dataset.filterCheckbox;
	      if (filter.checked) {
	        _this9.additiveFilterSelections.push(targetFilterName);
	      } else {
	        _this9.additiveFilterSelections = _this9.additiveFilterSelections.filter(function (item) {
	          return item !== targetFilterName;
	        });
	        var hideValues = _this9.el.querySelectorAll("[data-filter-values*=\"" + targetFilterName + "\"]");
	        hideValues.forEach(function (hideValue) {
	          hideValue.classList.add('hide');
	        });
	      }
	    });
	    if (this.additiveFilterSelections.length === 0) {
	      this.showAllAdditiveSelections();
	    } else {
	      filteringSelections(this.el, this.additiveFilterSelections);
	    }
	  };
	  _proto.showAllAdditiveSelections = function showAllAdditiveSelections() {
	    var _this10 = this;
	    this.additiveFilters.forEach(function (filter) {
	      if (!filter.closest('.menu-list__list-item').classList.contains('menu-list__list-item--disabled')) {
	        _this10.additiveFilterSelections.push(filter.dataset.filterCheckbox);
	      }
	    });
	    this.additiveFilterSelections.forEach(function (filterSelection) {
	      var showValues = _this10.el.querySelectorAll("[data-filter-values*=\"" + filterSelection + "\"]");
	      showValues.forEach(function (showValue) {
	        showValue.classList.remove('hide');
	      });
	    });
	  }

	  // additive filter selection
	  ;
	  _proto.onAdditiveFilterChecked = function onAdditiveFilterChecked(event) {
	    var targetFilterName = event.target.dataset.filterCheckbox;
	    var checkbox = event.target;
	    if (this.getSelectedAdditiveFilterLength() === 1) {
	      removeAllSelections(this.el, this.additiveFilterSelections, this.additiveFilters);
	      this.additiveFilterSelections = [];
	    }
	    if (checkbox.checked) {
	      this.additiveFilterSelections.push(targetFilterName);
	      this.updateAdditiveFilterSelectionsByGroup(checkbox, targetFilterName);
	    }
	    filteringSelections(this.el, this.additiveFilterSelections);
	  }

	  // additive filter selection
	  ;
	  _proto.onAdditiveFilterUnchecked = function onAdditiveFilterUnchecked(event) {
	    var targetFilterName = event.target.dataset.filterCheckbox;
	    var checkbox = event.target;
	    this.updateAdditiveFilterSelectionsByGroup(checkbox, targetFilterName, false);
	    if (this.getSelectedAdditiveFilterLength() === 0) {
	      this.showAllAdditiveSelections();
	      return;
	    }
	    if (!checkbox.checked) {
	      this.additiveFilterSelections = this.additiveFilterSelections.filter(function (item) {
	        return item !== targetFilterName;
	      });
	      var hideValues = this.el.querySelectorAll("[data-filter-values*=\"" + targetFilterName + "\"]");
	      hideValues.forEach(function (hideValue) {
	        hideValue.classList.add('hide');
	      });
	    }
	    filteringSelections(this.el, this.additiveFilterSelections);
	  }

	  /**
	   * Adds or removes filter name from additiveFilterSelectionsByGroup.
	   * @param {HTMLElement} checkbox - Checkbox element.
	   * @param {String} targetFilterName - Filter GUID.
	   * @param {Boolean} [checked] - Checkbox is checked/unchecked.
	   */;
	  _proto.updateAdditiveFilterSelectionsByGroup = function updateAdditiveFilterSelectionsByGroup(checkbox, targetFilterName, checked) {
	    if (checked === void 0) {
	      checked = true;
	    }
	    var filterGroupId = this.el.querySelector("#" + checkbox.dataset.dropdownBtnId).dataset.filterGroupId;
	    this.additiveFilterSelectionsByGroup.forEach(function (i) {
	      if (i.filterGroupId === filterGroupId) {
	        if (checked) {
	          i.filters.push(targetFilterName);
	        } else {
	          i.filters = i.filters.filter(function (f) {
	            return f !== targetFilterName;
	          });
	        }
	        return true;
	      }
	    });
	  };
	  _proto.getSelectedAdditiveFilterLength = function getSelectedAdditiveFilterLength() {
	    var counter = 0;
	    this.additiveFilters.forEach(function (filter) {
	      if (filter.checked) {
	        counter++;
	      }
	    });
	    return counter;
	  }

	  /**
	   * Returns the number of additive filters.
	   * @param {boolean} [checkDisabled] - Exclude disabled checkboxes from count.
	   */;
	  _proto.getAdditiveFilterAmount = function getAdditiveFilterAmount(checkDisabled) {
	    if (checkDisabled === void 0) {
	      checkDisabled = false;
	    }
	    var checkboxFilters = this.additiveFiltersContainer ? this.additiveFiltersContainer.querySelectorAll(Selector$D.DATA_FILTER_CHECKBOX) : null;
	    if (checkboxFilters) {
	      if (checkDisabled) {
	        return this.additiveFiltersContainer.querySelectorAll(Selector$D.DATA_FILTER_CHECKBOX_LIST_ITEM + ":not(" + Selector$D.DATA_FILTER_CHECKBOX_LIST_ITEM_DISABLED + ")").length;
	      }
	      return this.additiveFiltersContainer.querySelectorAll(Selector$D.DATA_FILTER_CHECKBOX).length;
	    }
	    return 0;
	  };
	  _proto.renderAdditiveFiltersDynamcially = function renderAdditiveFiltersDynamcially(obj) {
	    var dropdowns = obj.data;
	    var dropdownBarTemplate = obj.template.querySelector('.dropdown-bar');
	    var dropdownBarFragment = document.createDocumentFragment();
	    var dropdownBarClone = dropdownBarTemplate.cloneNode(true);
	    var dropdownTemplate = obj.template.querySelector('.layout__col');
	    var dropdownFragment = document.createDocumentFragment();
	    var dropdownIndex = 0;
	    dropdowns.forEach(function (dropdown) {
	      dropdownIndex++;
	      var dropdownClone = dropdownTemplate.cloneNode(true);
	      var dropdownContainer = dropdownClone.querySelector(Selector$D.DATA_FILTER_MENU_DROPDOWN);
	      var dropdownButton = dropdownClone.querySelector("[data-mount='dropdown-filter']");
	      dropdownContainer.classList.add('dropdown--disabled');

	      // set dropdown button attributes
	      var dropdownIdStr = "filter-btn-" + dropdownIndex;
	      var dropdownCtrlStr = "filter-dropdown-controls-" + dropdownIndex;
	      dropdownButton.setAttribute('id', dropdownIdStr);
	      dropdownButton.setAttribute('aria-controls', dropdownCtrlStr);
	      dropdownButton.setAttribute('tabindex', '-1');
	      dropdownButton.dataset.filterGroupId = dropdown.filterGroup.id;
	      var dropdownLabel = dropdownClone.querySelector('.button-dropdown-item--label');
	      dropdownLabel.textContent = dropdown.filterGroup.content.title;
	      var filterListContainer = dropdownClone.querySelector('.menu-list');
	      filterListContainer.setAttribute('id', dropdownCtrlStr);
	      var itemTemplate = dropdownClone.querySelector('.menu-list__list-item');
	      dropdown.filters.forEach(function (item) {
	        var itemClone = itemTemplate.cloneNode(true);
	        var filterListItem = itemClone;
	        filterListItem.dataset.enabled = '';
	        filterListItem.classList.add('menu-list__list-item--disabled');
	        item.parents.forEach(function (parent) {
	          if (parent.type === 'subCategory') {
	            var currentDataset = filterListItem.dataset.enabled;
	            var newParentId = parent.id;
	            var updatedDataset = currentDataset ? currentDataset + "," + newParentId : newParentId;
	            filterListItem.dataset.enabled = updatedDataset;
	          }
	        });
	        var filterCheckbox = itemClone.querySelector('.checkbox-input');
	        filterCheckbox.dataset.filterCheckbox = item.id;
	        filterCheckbox.setAttribute('id', "checkbox-id-" + item.id);
	        filterCheckbox.dataset.dropdownBtnId = dropdownIdStr;
	        var itemLabel = itemClone.querySelector('.checkbox-label');
	        itemLabel.textContent = item.content.title;
	        itemLabel.setAttribute('for', "checkbox-id-" + item.id);
	        filterListContainer.append(itemClone);
	      });
	      filterListContainer.firstElementChild.remove();
	      dropdownFragment.append(dropdownClone);
	    });
	    dropdownBarClone.querySelector('.layout').append(dropdownFragment);
	    dropdownBarClone.querySelector('.layout').firstElementChild.remove();
	    dropdownBarFragment.append(dropdownBarClone);
	    obj.htmlTemplateClone = dropdownBarFragment;
	  };
	  _proto.onFilterSubmit = function onFilterSubmit() {
	    this.el.dispatchEvent(this[EventName$B.IS_FILTERING]);
	  };
	  _proto.update = function update(opts) {
	    var _this11 = this;
	    if (opts === void 0) {
	      opts = {};
	    }
	    this.mappingFunc = this.renderAdditiveFiltersDynamcially;
	    if (opts.dropdownBarData && this.el.querySelector(Selector$D.DYNAMIC_CONTENT_DATA_MOUNT) !== null) {
	      this.dropdownBarData = opts.dropdownBarData;
	      this.dynamicContent = new DynamicContent({
	        el: this.el.querySelector(Selector$D.DYNAMIC_CONTENT_DATA_MOUNT),
	        mappingFunc: this.mappingFunc,
	        data: this.dropdownBarData,
	        initialData: this.dropdownBarData,
	        iterableData: false
	      });
	      this.dynamicContent.renderWithData({
	        iterableData: false
	      });
	      this.additiveFilterSelections = [];
	      this.additiveFiltersContainer = this.el.querySelector('.pill-bar--secondary .dynamic-content__content');
	      this.additiveFilters = this.additiveFiltersContainer.querySelectorAll(Selector$D.DATA_FILTER_CHECKBOX);
	      this.dropdownFilters = this.el.querySelectorAll(Selector$E.DATA_MOUNT);
	      this.dropdownFilters.forEach(function (dropdownFilter) {
	        _this11.dropdownFilterInstances.push(new DropdownFilter({
	          el: dropdownFilter
	        }));
	      });

	      // disable "clear" link on initial load
	      var clearLink = this.el.querySelector(Selector$D.DATA_FILTER_CLEAR_LINK);
	      if (clearLink) {
	        clearLink.setAttribute('disabled', 'true');
	        clearLink.setAttribute('aria-disabled', 'true');
	        clearLink.setAttribute('tabindex', '-1');
	        // href=# is forcing users to top of page, so set it to the following
	        // eslint-disable-next-line no-script-url
	        clearLink.setAttribute('href', 'javascript:void(0);');
	      }
	    }
	    if (opts.preventUnselect !== undefined) {
	      this.preventUnselect = opts.preventUnselect;
	    }
	    if (opts.useInitialFilter) {
	      this.useInitialFilter = opts.useInitialFilter;
	      this.manualSelectionInitialization();
	    }
	    if (opts.filterList) {
	      this.filterList = opts.filterList;
	    }
	    if (opts.filterButtons) {
	      this.filterButtons = opts.filterButtons;
	    }
	    if (opts.keyCodeEnterEvent) {
	      this.keyCodeEnterEvent = opts.keyCodeEnterEvent;
	    }
	    this.el.dispatchEvent(this[EventName$B.ON_UPDATE]);
	  };
	  _proto.remove = function remove() {
	    this.el.dispatchEvent(this[EventName$B.ON_REMOVE]);
	  };
	  Filters.getInstances = function getInstances() {
	    return instances$w;
	  };
	  return Filters;
	}();

	var fails$7 = fails$I;
	var wellKnownSymbol$1 = wellKnownSymbol$o;
	var DESCRIPTORS$6 = descriptors;
	var IS_PURE = isPure;

	var ITERATOR$1 = wellKnownSymbol$1('iterator');

	var urlConstructorDetection = !fails$7(function () {
	  // eslint-disable-next-line unicorn/relative-url-style -- required for testing
	  var url = new URL('b?a=1&b=2&c=3', 'http://a');
	  var searchParams = url.searchParams;
	  var result = '';
	  url.pathname = 'c%20d';
	  searchParams.forEach(function (value, key) {
	    searchParams['delete']('b');
	    result += key + value;
	  });
	  return (IS_PURE && !url.toJSON)
	    || (!searchParams.size && (IS_PURE || !DESCRIPTORS$6))
	    || !searchParams.sort
	    || url.href !== 'http://a/c%20d?a=1&c=3'
	    || searchParams.get('c') !== '3'
	    || String(new URLSearchParams('?a=1')) !== 'a=1'
	    || !searchParams[ITERATOR$1]
	    // throws in Edge
	    || new URL('https://a@b').username !== 'a'
	    || new URLSearchParams(new URLSearchParams('a=b')).get('a') !== 'b'
	    // not punycoded in Edge
	    || new URL('http://тест').host !== 'xn--e1aybc'
	    // not escaped in Chrome 62-
	    || new URL('http://a#б').hash !== '#%D0%B1'
	    // fails in Chrome 66-
	    || result !== 'a1c3'
	    // throws in Safari
	    || new URL('http://x', undefined).host !== 'x';
	});

	// based on https://github.com/bestiejs/punycode.js/blob/master/punycode.js
	var uncurryThis$a = functionUncurryThis;

	var maxInt = 2147483647; // aka. 0x7FFFFFFF or 2^31-1
	var base = 36;
	var tMin = 1;
	var tMax = 26;
	var skew = 38;
	var damp = 700;
	var initialBias = 72;
	var initialN = 128; // 0x80
	var delimiter = '-'; // '\x2D'
	var regexNonASCII = /[^\0-\u007E]/; // non-ASCII chars
	var regexSeparators = /[.\u3002\uFF0E\uFF61]/g; // RFC 3490 separators
	var OVERFLOW_ERROR = 'Overflow: input needs wider integers to process';
	var baseMinusTMin = base - tMin;

	var $RangeError$2 = RangeError;
	var exec$2 = uncurryThis$a(regexSeparators.exec);
	var floor$1 = Math.floor;
	var fromCharCode$1 = String.fromCharCode;
	var charCodeAt = uncurryThis$a(''.charCodeAt);
	var join$2 = uncurryThis$a([].join);
	var push$2 = uncurryThis$a([].push);
	var replace$5 = uncurryThis$a(''.replace);
	var split$2 = uncurryThis$a(''.split);
	var toLowerCase$1 = uncurryThis$a(''.toLowerCase);

	/**
	 * Creates an array containing the numeric code points of each Unicode
	 * character in the string. While JavaScript uses UCS-2 internally,
	 * this function will convert a pair of surrogate halves (each of which
	 * UCS-2 exposes as separate characters) into a single code point,
	 * matching UTF-16.
	 */
	var ucs2decode = function (string) {
	  var output = [];
	  var counter = 0;
	  var length = string.length;
	  while (counter < length) {
	    var value = charCodeAt(string, counter++);
	    if (value >= 0xD800 && value <= 0xDBFF && counter < length) {
	      // It's a high surrogate, and there is a next character.
	      var extra = charCodeAt(string, counter++);
	      if ((extra & 0xFC00) == 0xDC00) { // Low surrogate.
	        push$2(output, ((value & 0x3FF) << 10) + (extra & 0x3FF) + 0x10000);
	      } else {
	        // It's an unmatched surrogate; only append this code unit, in case the
	        // next code unit is the high surrogate of a surrogate pair.
	        push$2(output, value);
	        counter--;
	      }
	    } else {
	      push$2(output, value);
	    }
	  }
	  return output;
	};

	/**
	 * Converts a digit/integer into a basic code point.
	 */
	var digitToBasic = function (digit) {
	  //  0..25 map to ASCII a..z or A..Z
	  // 26..35 map to ASCII 0..9
	  return digit + 22 + 75 * (digit < 26);
	};

	/**
	 * Bias adaptation function as per section 3.4 of RFC 3492.
	 * https://tools.ietf.org/html/rfc3492#section-3.4
	 */
	var adapt = function (delta, numPoints, firstTime) {
	  var k = 0;
	  delta = firstTime ? floor$1(delta / damp) : delta >> 1;
	  delta += floor$1(delta / numPoints);
	  while (delta > baseMinusTMin * tMax >> 1) {
	    delta = floor$1(delta / baseMinusTMin);
	    k += base;
	  }
	  return floor$1(k + (baseMinusTMin + 1) * delta / (delta + skew));
	};

	/**
	 * Converts a string of Unicode symbols (e.g. a domain name label) to a
	 * Punycode string of ASCII-only symbols.
	 */
	var encode = function (input) {
	  var output = [];

	  // Convert the input in UCS-2 to an array of Unicode code points.
	  input = ucs2decode(input);

	  // Cache the length.
	  var inputLength = input.length;

	  // Initialize the state.
	  var n = initialN;
	  var delta = 0;
	  var bias = initialBias;
	  var i, currentValue;

	  // Handle the basic code points.
	  for (i = 0; i < input.length; i++) {
	    currentValue = input[i];
	    if (currentValue < 0x80) {
	      push$2(output, fromCharCode$1(currentValue));
	    }
	  }

	  var basicLength = output.length; // number of basic code points.
	  var handledCPCount = basicLength; // number of code points that have been handled;

	  // Finish the basic string with a delimiter unless it's empty.
	  if (basicLength) {
	    push$2(output, delimiter);
	  }

	  // Main encoding loop:
	  while (handledCPCount < inputLength) {
	    // All non-basic code points < n have been handled already. Find the next larger one:
	    var m = maxInt;
	    for (i = 0; i < input.length; i++) {
	      currentValue = input[i];
	      if (currentValue >= n && currentValue < m) {
	        m = currentValue;
	      }
	    }

	    // Increase `delta` enough to advance the decoder's <n,i> state to <m,0>, but guard against overflow.
	    var handledCPCountPlusOne = handledCPCount + 1;
	    if (m - n > floor$1((maxInt - delta) / handledCPCountPlusOne)) {
	      throw $RangeError$2(OVERFLOW_ERROR);
	    }

	    delta += (m - n) * handledCPCountPlusOne;
	    n = m;

	    for (i = 0; i < input.length; i++) {
	      currentValue = input[i];
	      if (currentValue < n && ++delta > maxInt) {
	        throw $RangeError$2(OVERFLOW_ERROR);
	      }
	      if (currentValue == n) {
	        // Represent delta as a generalized variable-length integer.
	        var q = delta;
	        var k = base;
	        while (true) {
	          var t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);
	          if (q < t) break;
	          var qMinusT = q - t;
	          var baseMinusT = base - t;
	          push$2(output, fromCharCode$1(digitToBasic(t + qMinusT % baseMinusT)));
	          q = floor$1(qMinusT / baseMinusT);
	          k += base;
	        }

	        push$2(output, fromCharCode$1(digitToBasic(q)));
	        bias = adapt(delta, handledCPCountPlusOne, handledCPCount == basicLength);
	        delta = 0;
	        handledCPCount++;
	      }
	    }

	    delta++;
	    n++;
	  }
	  return join$2(output, '');
	};

	var stringPunycodeToAscii = function (input) {
	  var encoded = [];
	  var labels = split$2(replace$5(toLowerCase$1(input), regexSeparators, '\u002E'), '.');
	  var i, label;
	  for (i = 0; i < labels.length; i++) {
	    label = labels[i];
	    push$2(encoded, exec$2(regexNonASCII, label) ? 'xn--' + encode(label) : label);
	  }
	  return join$2(encoded, '.');
	};

	// TODO: in core-js@4, move /modules/ dependencies to public entries for better optimization by tools like `preset-env`

	var $$d = _export;
	var global$6 = global$y;
	var call$1 = functionCall;
	var uncurryThis$9 = functionUncurryThis;
	var DESCRIPTORS$5 = descriptors;
	var USE_NATIVE_URL$1 = urlConstructorDetection;
	var defineBuiltIn$3 = defineBuiltIn$g;
	var defineBuiltInAccessor$3 = defineBuiltInAccessor$6;
	var defineBuiltIns$2 = defineBuiltIns$4;
	var setToStringTag$2 = setToStringTag$7;
	var createIteratorConstructor = iteratorCreateConstructor;
	var InternalStateModule$3 = internalState;
	var anInstance$4 = anInstance$8;
	var isCallable$1 = isCallable$u;
	var hasOwn$7 = hasOwnProperty_1;
	var bind$1 = functionBindContext;
	var classof = classof$b;
	var anObject$2 = anObject$l;
	var isObject$3 = isObject$l;
	var $toString$1 = toString$i;
	var create$1 = objectCreate;
	var createPropertyDescriptor$3 = createPropertyDescriptor$8;
	var getIterator = getIterator$3;
	var getIteratorMethod = getIteratorMethod$4;
	var validateArgumentsLength$2 = validateArgumentsLength$5;
	var wellKnownSymbol = wellKnownSymbol$o;
	var arraySort = arraySort$1;

	var ITERATOR = wellKnownSymbol('iterator');
	var URL_SEARCH_PARAMS = 'URLSearchParams';
	var URL_SEARCH_PARAMS_ITERATOR = URL_SEARCH_PARAMS + 'Iterator';
	var setInternalState$3 = InternalStateModule$3.set;
	var getInternalParamsState = InternalStateModule$3.getterFor(URL_SEARCH_PARAMS);
	var getInternalIteratorState = InternalStateModule$3.getterFor(URL_SEARCH_PARAMS_ITERATOR);
	// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
	var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;

	// Avoid NodeJS experimental warning
	var safeGetBuiltIn = function (name) {
	  if (!DESCRIPTORS$5) return global$6[name];
	  var descriptor = getOwnPropertyDescriptor(global$6, name);
	  return descriptor && descriptor.value;
	};

	var nativeFetch = safeGetBuiltIn('fetch');
	var NativeRequest = safeGetBuiltIn('Request');
	var Headers$1 = safeGetBuiltIn('Headers');
	var RequestPrototype = NativeRequest && NativeRequest.prototype;
	var HeadersPrototype = Headers$1 && Headers$1.prototype;
	var RegExp$1 = global$6.RegExp;
	var TypeError$2 = global$6.TypeError;
	var decodeURIComponent$1 = global$6.decodeURIComponent;
	var encodeURIComponent$1 = global$6.encodeURIComponent;
	var charAt$2 = uncurryThis$9(''.charAt);
	var join$1 = uncurryThis$9([].join);
	var push$1 = uncurryThis$9([].push);
	var replace$4 = uncurryThis$9(''.replace);
	var shift$1 = uncurryThis$9([].shift);
	var splice$1 = uncurryThis$9([].splice);
	var split$1 = uncurryThis$9(''.split);
	var stringSlice$2 = uncurryThis$9(''.slice);

	var plus = /\+/g;
	var sequences = Array(4);

	var percentSequence = function (bytes) {
	  return sequences[bytes - 1] || (sequences[bytes - 1] = RegExp$1('((?:%[\\da-f]{2}){' + bytes + '})', 'gi'));
	};

	var percentDecode = function (sequence) {
	  try {
	    return decodeURIComponent$1(sequence);
	  } catch (error) {
	    return sequence;
	  }
	};

	var deserialize = function (it) {
	  var result = replace$4(it, plus, ' ');
	  var bytes = 4;
	  try {
	    return decodeURIComponent$1(result);
	  } catch (error) {
	    while (bytes) {
	      result = replace$4(result, percentSequence(bytes--), percentDecode);
	    }
	    return result;
	  }
	};

	var find$1 = /[!'()~]|%20/g;

	var replacements = {
	  '!': '%21',
	  "'": '%27',
	  '(': '%28',
	  ')': '%29',
	  '~': '%7E',
	  '%20': '+'
	};

	var replacer = function (match) {
	  return replacements[match];
	};

	var serialize = function (it) {
	  return replace$4(encodeURIComponent$1(it), find$1, replacer);
	};

	var URLSearchParamsIterator = createIteratorConstructor(function Iterator(params, kind) {
	  setInternalState$3(this, {
	    type: URL_SEARCH_PARAMS_ITERATOR,
	    iterator: getIterator(getInternalParamsState(params).entries),
	    kind: kind
	  });
	}, 'Iterator', function next() {
	  var state = getInternalIteratorState(this);
	  var kind = state.kind;
	  var step = state.iterator.next();
	  var entry = step.value;
	  if (!step.done) {
	    step.value = kind === 'keys' ? entry.key : kind === 'values' ? entry.value : [entry.key, entry.value];
	  } return step;
	}, true);

	var URLSearchParamsState = function (init) {
	  this.entries = [];
	  this.url = null;

	  if (init !== undefined) {
	    if (isObject$3(init)) this.parseObject(init);
	    else this.parseQuery(typeof init == 'string' ? charAt$2(init, 0) === '?' ? stringSlice$2(init, 1) : init : $toString$1(init));
	  }
	};

	URLSearchParamsState.prototype = {
	  type: URL_SEARCH_PARAMS,
	  bindURL: function (url) {
	    this.url = url;
	    this.update();
	  },
	  parseObject: function (object) {
	    var iteratorMethod = getIteratorMethod(object);
	    var iterator, next, step, entryIterator, entryNext, first, second;

	    if (iteratorMethod) {
	      iterator = getIterator(object, iteratorMethod);
	      next = iterator.next;
	      while (!(step = call$1(next, iterator)).done) {
	        entryIterator = getIterator(anObject$2(step.value));
	        entryNext = entryIterator.next;
	        if (
	          (first = call$1(entryNext, entryIterator)).done ||
	          (second = call$1(entryNext, entryIterator)).done ||
	          !call$1(entryNext, entryIterator).done
	        ) throw TypeError$2('Expected sequence with length 2');
	        push$1(this.entries, { key: $toString$1(first.value), value: $toString$1(second.value) });
	      }
	    } else for (var key in object) if (hasOwn$7(object, key)) {
	      push$1(this.entries, { key: key, value: $toString$1(object[key]) });
	    }
	  },
	  parseQuery: function (query) {
	    if (query) {
	      var attributes = split$1(query, '&');
	      var index = 0;
	      var attribute, entry;
	      while (index < attributes.length) {
	        attribute = attributes[index++];
	        if (attribute.length) {
	          entry = split$1(attribute, '=');
	          push$1(this.entries, {
	            key: deserialize(shift$1(entry)),
	            value: deserialize(join$1(entry, '='))
	          });
	        }
	      }
	    }
	  },
	  serialize: function () {
	    var entries = this.entries;
	    var result = [];
	    var index = 0;
	    var entry;
	    while (index < entries.length) {
	      entry = entries[index++];
	      push$1(result, serialize(entry.key) + '=' + serialize(entry.value));
	    } return join$1(result, '&');
	  },
	  update: function () {
	    this.entries.length = 0;
	    this.parseQuery(this.url.query);
	  },
	  updateURL: function () {
	    if (this.url) this.url.update();
	  }
	};

	// `URLSearchParams` constructor
	// https://url.spec.whatwg.org/#interface-urlsearchparams
	var URLSearchParamsConstructor = function URLSearchParams(/* init */) {
	  anInstance$4(this, URLSearchParamsPrototype);
	  var init = arguments.length > 0 ? arguments[0] : undefined;
	  var state = setInternalState$3(this, new URLSearchParamsState(init));
	  if (!DESCRIPTORS$5) this.length = state.entries.length;
	};

	var URLSearchParamsPrototype = URLSearchParamsConstructor.prototype;

	defineBuiltIns$2(URLSearchParamsPrototype, {
	  // `URLSearchParams.prototype.append` method
	  // https://url.spec.whatwg.org/#dom-urlsearchparams-append
	  append: function append(name, value) {
	    validateArgumentsLength$2(arguments.length, 2);
	    var state = getInternalParamsState(this);
	    push$1(state.entries, { key: $toString$1(name), value: $toString$1(value) });
	    if (!DESCRIPTORS$5) this.length++;
	    state.updateURL();
	  },
	  // `URLSearchParams.prototype.delete` method
	  // https://url.spec.whatwg.org/#dom-urlsearchparams-delete
	  'delete': function (name) {
	    validateArgumentsLength$2(arguments.length, 1);
	    var state = getInternalParamsState(this);
	    var entries = state.entries;
	    var key = $toString$1(name);
	    var index = 0;
	    while (index < entries.length) {
	      if (entries[index].key === key) splice$1(entries, index, 1);
	      else index++;
	    }
	    if (!DESCRIPTORS$5) this.length = entries.length;
	    state.updateURL();
	  },
	  // `URLSearchParams.prototype.get` method
	  // https://url.spec.whatwg.org/#dom-urlsearchparams-get
	  get: function get(name) {
	    validateArgumentsLength$2(arguments.length, 1);
	    var entries = getInternalParamsState(this).entries;
	    var key = $toString$1(name);
	    var index = 0;
	    for (; index < entries.length; index++) {
	      if (entries[index].key === key) return entries[index].value;
	    }
	    return null;
	  },
	  // `URLSearchParams.prototype.getAll` method
	  // https://url.spec.whatwg.org/#dom-urlsearchparams-getall
	  getAll: function getAll(name) {
	    validateArgumentsLength$2(arguments.length, 1);
	    var entries = getInternalParamsState(this).entries;
	    var key = $toString$1(name);
	    var result = [];
	    var index = 0;
	    for (; index < entries.length; index++) {
	      if (entries[index].key === key) push$1(result, entries[index].value);
	    }
	    return result;
	  },
	  // `URLSearchParams.prototype.has` method
	  // https://url.spec.whatwg.org/#dom-urlsearchparams-has
	  has: function has(name) {
	    validateArgumentsLength$2(arguments.length, 1);
	    var entries = getInternalParamsState(this).entries;
	    var key = $toString$1(name);
	    var index = 0;
	    while (index < entries.length) {
	      if (entries[index++].key === key) return true;
	    }
	    return false;
	  },
	  // `URLSearchParams.prototype.set` method
	  // https://url.spec.whatwg.org/#dom-urlsearchparams-set
	  set: function set(name, value) {
	    validateArgumentsLength$2(arguments.length, 1);
	    var state = getInternalParamsState(this);
	    var entries = state.entries;
	    var found = false;
	    var key = $toString$1(name);
	    var val = $toString$1(value);
	    var index = 0;
	    var entry;
	    for (; index < entries.length; index++) {
	      entry = entries[index];
	      if (entry.key === key) {
	        if (found) splice$1(entries, index--, 1);
	        else {
	          found = true;
	          entry.value = val;
	        }
	      }
	    }
	    if (!found) push$1(entries, { key: key, value: val });
	    if (!DESCRIPTORS$5) this.length = entries.length;
	    state.updateURL();
	  },
	  // `URLSearchParams.prototype.sort` method
	  // https://url.spec.whatwg.org/#dom-urlsearchparams-sort
	  sort: function sort() {
	    var state = getInternalParamsState(this);
	    arraySort(state.entries, function (a, b) {
	      return a.key > b.key ? 1 : -1;
	    });
	    state.updateURL();
	  },
	  // `URLSearchParams.prototype.forEach` method
	  forEach: function forEach(callback /* , thisArg */) {
	    var entries = getInternalParamsState(this).entries;
	    var boundFunction = bind$1(callback, arguments.length > 1 ? arguments[1] : undefined);
	    var index = 0;
	    var entry;
	    while (index < entries.length) {
	      entry = entries[index++];
	      boundFunction(entry.value, entry.key, this);
	    }
	  },
	  // `URLSearchParams.prototype.keys` method
	  keys: function keys() {
	    return new URLSearchParamsIterator(this, 'keys');
	  },
	  // `URLSearchParams.prototype.values` method
	  values: function values() {
	    return new URLSearchParamsIterator(this, 'values');
	  },
	  // `URLSearchParams.prototype.entries` method
	  entries: function entries() {
	    return new URLSearchParamsIterator(this, 'entries');
	  }
	}, { enumerable: true });

	// `URLSearchParams.prototype[@@iterator]` method
	defineBuiltIn$3(URLSearchParamsPrototype, ITERATOR, URLSearchParamsPrototype.entries, { name: 'entries' });

	// `URLSearchParams.prototype.toString` method
	// https://url.spec.whatwg.org/#urlsearchparams-stringification-behavior
	defineBuiltIn$3(URLSearchParamsPrototype, 'toString', function toString() {
	  return getInternalParamsState(this).serialize();
	}, { enumerable: true });

	// `URLSearchParams.prototype.size` getter
	// https://github.com/whatwg/url/pull/734
	if (DESCRIPTORS$5) defineBuiltInAccessor$3(URLSearchParamsPrototype, 'size', {
	  get: function size() {
	    return getInternalParamsState(this).entries.length;
	  },
	  configurable: true,
	  enumerable: true
	});

	setToStringTag$2(URLSearchParamsConstructor, URL_SEARCH_PARAMS);

	$$d({ global: true, constructor: true, forced: !USE_NATIVE_URL$1 }, {
	  URLSearchParams: URLSearchParamsConstructor
	});

	// Wrap `fetch` and `Request` for correct work with polyfilled `URLSearchParams`
	if (!USE_NATIVE_URL$1 && isCallable$1(Headers$1)) {
	  var headersHas = uncurryThis$9(HeadersPrototype.has);
	  var headersSet = uncurryThis$9(HeadersPrototype.set);

	  var wrapRequestOptions = function (init) {
	    if (isObject$3(init)) {
	      var body = init.body;
	      var headers;
	      if (classof(body) === URL_SEARCH_PARAMS) {
	        headers = init.headers ? new Headers$1(init.headers) : new Headers$1();
	        if (!headersHas(headers, 'content-type')) {
	          headersSet(headers, 'content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
	        }
	        return create$1(init, {
	          body: createPropertyDescriptor$3(0, $toString$1(body)),
	          headers: createPropertyDescriptor$3(0, headers)
	        });
	      }
	    } return init;
	  };

	  if (isCallable$1(nativeFetch)) {
	    $$d({ global: true, enumerable: true, dontCallGetSet: true, forced: true }, {
	      fetch: function fetch(input /* , init */) {
	        return nativeFetch(input, arguments.length > 1 ? wrapRequestOptions(arguments[1]) : {});
	      }
	    });
	  }

	  if (isCallable$1(NativeRequest)) {
	    var RequestConstructor = function Request(input /* , init */) {
	      anInstance$4(this, RequestPrototype);
	      return new NativeRequest(input, arguments.length > 1 ? wrapRequestOptions(arguments[1]) : {});
	    };

	    RequestPrototype.constructor = RequestConstructor;
	    RequestConstructor.prototype = RequestPrototype;

	    $$d({ global: true, constructor: true, dontCallGetSet: true, forced: true }, {
	      Request: RequestConstructor
	    });
	  }
	}

	var web_urlSearchParams_constructor = {
	  URLSearchParams: URLSearchParamsConstructor,
	  getState: getInternalParamsState
	};

	// TODO: in core-js@4, move /modules/ dependencies to public entries for better optimization by tools like `preset-env`

	var $$c = _export;
	var DESCRIPTORS$4 = descriptors;
	var USE_NATIVE_URL = urlConstructorDetection;
	var global$5 = global$y;
	var bind = functionBindContext;
	var uncurryThis$8 = functionUncurryThis;
	var defineBuiltIn$2 = defineBuiltIn$g;
	var defineBuiltInAccessor$2 = defineBuiltInAccessor$6;
	var anInstance$3 = anInstance$8;
	var hasOwn$6 = hasOwnProperty_1;
	var assign = objectAssign;
	var arrayFrom = arrayFrom$1;
	var arraySlice = arraySliceSimple;
	var codeAt = stringMultibyte.codeAt;
	var toASCII = stringPunycodeToAscii;
	var $toString = toString$i;
	var setToStringTag$1 = setToStringTag$7;
	var validateArgumentsLength$1 = validateArgumentsLength$5;
	var URLSearchParamsModule = web_urlSearchParams_constructor;
	var InternalStateModule$2 = internalState;

	var setInternalState$2 = InternalStateModule$2.set;
	var getInternalURLState = InternalStateModule$2.getterFor('URL');
	var URLSearchParams$1 = URLSearchParamsModule.URLSearchParams;
	var getInternalSearchParamsState = URLSearchParamsModule.getState;

	var NativeURL = global$5.URL;
	var TypeError$1 = global$5.TypeError;
	var parseInt$1 = global$5.parseInt;
	var floor = Math.floor;
	var pow = Math.pow;
	var charAt$1 = uncurryThis$8(''.charAt);
	var exec$1 = uncurryThis$8(/./.exec);
	var join = uncurryThis$8([].join);
	var numberToString = uncurryThis$8(1.0.toString);
	var pop = uncurryThis$8([].pop);
	var push = uncurryThis$8([].push);
	var replace$3 = uncurryThis$8(''.replace);
	var shift = uncurryThis$8([].shift);
	var split = uncurryThis$8(''.split);
	var stringSlice$1 = uncurryThis$8(''.slice);
	var toLowerCase = uncurryThis$8(''.toLowerCase);
	var unshift = uncurryThis$8([].unshift);

	var INVALID_AUTHORITY = 'Invalid authority';
	var INVALID_SCHEME = 'Invalid scheme';
	var INVALID_HOST = 'Invalid host';
	var INVALID_PORT = 'Invalid port';

	var ALPHA = /[a-z]/i;
	// eslint-disable-next-line regexp/no-obscure-range -- safe
	var ALPHANUMERIC = /[\d+-.a-z]/i;
	var DIGIT = /\d/;
	var HEX_START = /^0x/i;
	var OCT = /^[0-7]+$/;
	var DEC = /^\d+$/;
	var HEX = /^[\da-f]+$/i;
	/* eslint-disable regexp/no-control-character -- safe */
	var FORBIDDEN_HOST_CODE_POINT = /[\0\t\n\r #%/:<>?@[\\\]^|]/;
	var FORBIDDEN_HOST_CODE_POINT_EXCLUDING_PERCENT = /[\0\t\n\r #/:<>?@[\\\]^|]/;
	var LEADING_C0_CONTROL_OR_SPACE = /^[\u0000-\u0020]+/;
	var TRAILING_C0_CONTROL_OR_SPACE = /(^|[^\u0000-\u0020])[\u0000-\u0020]+$/;
	var TAB_AND_NEW_LINE = /[\t\n\r]/g;
	/* eslint-enable regexp/no-control-character -- safe */
	var EOF;

	// https://url.spec.whatwg.org/#ipv4-number-parser
	var parseIPv4 = function (input) {
	  var parts = split(input, '.');
	  var partsLength, numbers, index, part, radix, number, ipv4;
	  if (parts.length && parts[parts.length - 1] == '') {
	    parts.length--;
	  }
	  partsLength = parts.length;
	  if (partsLength > 4) return input;
	  numbers = [];
	  for (index = 0; index < partsLength; index++) {
	    part = parts[index];
	    if (part == '') return input;
	    radix = 10;
	    if (part.length > 1 && charAt$1(part, 0) == '0') {
	      radix = exec$1(HEX_START, part) ? 16 : 8;
	      part = stringSlice$1(part, radix == 8 ? 1 : 2);
	    }
	    if (part === '') {
	      number = 0;
	    } else {
	      if (!exec$1(radix == 10 ? DEC : radix == 8 ? OCT : HEX, part)) return input;
	      number = parseInt$1(part, radix);
	    }
	    push(numbers, number);
	  }
	  for (index = 0; index < partsLength; index++) {
	    number = numbers[index];
	    if (index == partsLength - 1) {
	      if (number >= pow(256, 5 - partsLength)) return null;
	    } else if (number > 255) return null;
	  }
	  ipv4 = pop(numbers);
	  for (index = 0; index < numbers.length; index++) {
	    ipv4 += numbers[index] * pow(256, 3 - index);
	  }
	  return ipv4;
	};

	// https://url.spec.whatwg.org/#concept-ipv6-parser
	// eslint-disable-next-line max-statements -- TODO
	var parseIPv6 = function (input) {
	  var address = [0, 0, 0, 0, 0, 0, 0, 0];
	  var pieceIndex = 0;
	  var compress = null;
	  var pointer = 0;
	  var value, length, numbersSeen, ipv4Piece, number, swaps, swap;

	  var chr = function () {
	    return charAt$1(input, pointer);
	  };

	  if (chr() == ':') {
	    if (charAt$1(input, 1) != ':') return;
	    pointer += 2;
	    pieceIndex++;
	    compress = pieceIndex;
	  }
	  while (chr()) {
	    if (pieceIndex == 8) return;
	    if (chr() == ':') {
	      if (compress !== null) return;
	      pointer++;
	      pieceIndex++;
	      compress = pieceIndex;
	      continue;
	    }
	    value = length = 0;
	    while (length < 4 && exec$1(HEX, chr())) {
	      value = value * 16 + parseInt$1(chr(), 16);
	      pointer++;
	      length++;
	    }
	    if (chr() == '.') {
	      if (length == 0) return;
	      pointer -= length;
	      if (pieceIndex > 6) return;
	      numbersSeen = 0;
	      while (chr()) {
	        ipv4Piece = null;
	        if (numbersSeen > 0) {
	          if (chr() == '.' && numbersSeen < 4) pointer++;
	          else return;
	        }
	        if (!exec$1(DIGIT, chr())) return;
	        while (exec$1(DIGIT, chr())) {
	          number = parseInt$1(chr(), 10);
	          if (ipv4Piece === null) ipv4Piece = number;
	          else if (ipv4Piece == 0) return;
	          else ipv4Piece = ipv4Piece * 10 + number;
	          if (ipv4Piece > 255) return;
	          pointer++;
	        }
	        address[pieceIndex] = address[pieceIndex] * 256 + ipv4Piece;
	        numbersSeen++;
	        if (numbersSeen == 2 || numbersSeen == 4) pieceIndex++;
	      }
	      if (numbersSeen != 4) return;
	      break;
	    } else if (chr() == ':') {
	      pointer++;
	      if (!chr()) return;
	    } else if (chr()) return;
	    address[pieceIndex++] = value;
	  }
	  if (compress !== null) {
	    swaps = pieceIndex - compress;
	    pieceIndex = 7;
	    while (pieceIndex != 0 && swaps > 0) {
	      swap = address[pieceIndex];
	      address[pieceIndex--] = address[compress + swaps - 1];
	      address[compress + --swaps] = swap;
	    }
	  } else if (pieceIndex != 8) return;
	  return address;
	};

	var findLongestZeroSequence = function (ipv6) {
	  var maxIndex = null;
	  var maxLength = 1;
	  var currStart = null;
	  var currLength = 0;
	  var index = 0;
	  for (; index < 8; index++) {
	    if (ipv6[index] !== 0) {
	      if (currLength > maxLength) {
	        maxIndex = currStart;
	        maxLength = currLength;
	      }
	      currStart = null;
	      currLength = 0;
	    } else {
	      if (currStart === null) currStart = index;
	      ++currLength;
	    }
	  }
	  if (currLength > maxLength) {
	    maxIndex = currStart;
	    maxLength = currLength;
	  }
	  return maxIndex;
	};

	// https://url.spec.whatwg.org/#host-serializing
	var serializeHost = function (host) {
	  var result, index, compress, ignore0;
	  // ipv4
	  if (typeof host == 'number') {
	    result = [];
	    for (index = 0; index < 4; index++) {
	      unshift(result, host % 256);
	      host = floor(host / 256);
	    } return join(result, '.');
	  // ipv6
	  } else if (typeof host == 'object') {
	    result = '';
	    compress = findLongestZeroSequence(host);
	    for (index = 0; index < 8; index++) {
	      if (ignore0 && host[index] === 0) continue;
	      if (ignore0) ignore0 = false;
	      if (compress === index) {
	        result += index ? ':' : '::';
	        ignore0 = true;
	      } else {
	        result += numberToString(host[index], 16);
	        if (index < 7) result += ':';
	      }
	    }
	    return '[' + result + ']';
	  } return host;
	};

	var C0ControlPercentEncodeSet = {};
	var fragmentPercentEncodeSet = assign({}, C0ControlPercentEncodeSet, {
	  ' ': 1, '"': 1, '<': 1, '>': 1, '`': 1
	});
	var pathPercentEncodeSet = assign({}, fragmentPercentEncodeSet, {
	  '#': 1, '?': 1, '{': 1, '}': 1
	});
	var userinfoPercentEncodeSet = assign({}, pathPercentEncodeSet, {
	  '/': 1, ':': 1, ';': 1, '=': 1, '@': 1, '[': 1, '\\': 1, ']': 1, '^': 1, '|': 1
	});

	var percentEncode = function (chr, set) {
	  var code = codeAt(chr, 0);
	  return code > 0x20 && code < 0x7F && !hasOwn$6(set, chr) ? chr : encodeURIComponent(chr);
	};

	// https://url.spec.whatwg.org/#special-scheme
	var specialSchemes = {
	  ftp: 21,
	  file: null,
	  http: 80,
	  https: 443,
	  ws: 80,
	  wss: 443
	};

	// https://url.spec.whatwg.org/#windows-drive-letter
	var isWindowsDriveLetter = function (string, normalized) {
	  var second;
	  return string.length == 2 && exec$1(ALPHA, charAt$1(string, 0))
	    && ((second = charAt$1(string, 1)) == ':' || (!normalized && second == '|'));
	};

	// https://url.spec.whatwg.org/#start-with-a-windows-drive-letter
	var startsWithWindowsDriveLetter = function (string) {
	  var third;
	  return string.length > 1 && isWindowsDriveLetter(stringSlice$1(string, 0, 2)) && (
	    string.length == 2 ||
	    ((third = charAt$1(string, 2)) === '/' || third === '\\' || third === '?' || third === '#')
	  );
	};

	// https://url.spec.whatwg.org/#single-dot-path-segment
	var isSingleDot = function (segment) {
	  return segment === '.' || toLowerCase(segment) === '%2e';
	};

	// https://url.spec.whatwg.org/#double-dot-path-segment
	var isDoubleDot = function (segment) {
	  segment = toLowerCase(segment);
	  return segment === '..' || segment === '%2e.' || segment === '.%2e' || segment === '%2e%2e';
	};

	// States:
	var SCHEME_START = {};
	var SCHEME = {};
	var NO_SCHEME = {};
	var SPECIAL_RELATIVE_OR_AUTHORITY = {};
	var PATH_OR_AUTHORITY = {};
	var RELATIVE = {};
	var RELATIVE_SLASH = {};
	var SPECIAL_AUTHORITY_SLASHES = {};
	var SPECIAL_AUTHORITY_IGNORE_SLASHES = {};
	var AUTHORITY = {};
	var HOST = {};
	var HOSTNAME = {};
	var PORT = {};
	var FILE = {};
	var FILE_SLASH = {};
	var FILE_HOST = {};
	var PATH_START = {};
	var PATH = {};
	var CANNOT_BE_A_BASE_URL_PATH = {};
	var QUERY = {};
	var FRAGMENT = {};

	var URLState = function (url, isBase, base) {
	  var urlString = $toString(url);
	  var baseState, failure, searchParams;
	  if (isBase) {
	    failure = this.parse(urlString);
	    if (failure) throw TypeError$1(failure);
	    this.searchParams = null;
	  } else {
	    if (base !== undefined) baseState = new URLState(base, true);
	    failure = this.parse(urlString, null, baseState);
	    if (failure) throw TypeError$1(failure);
	    searchParams = getInternalSearchParamsState(new URLSearchParams$1());
	    searchParams.bindURL(this);
	    this.searchParams = searchParams;
	  }
	};

	URLState.prototype = {
	  type: 'URL',
	  // https://url.spec.whatwg.org/#url-parsing
	  // eslint-disable-next-line max-statements -- TODO
	  parse: function (input, stateOverride, base) {
	    var url = this;
	    var state = stateOverride || SCHEME_START;
	    var pointer = 0;
	    var buffer = '';
	    var seenAt = false;
	    var seenBracket = false;
	    var seenPasswordToken = false;
	    var codePoints, chr, bufferCodePoints, failure;

	    input = $toString(input);

	    if (!stateOverride) {
	      url.scheme = '';
	      url.username = '';
	      url.password = '';
	      url.host = null;
	      url.port = null;
	      url.path = [];
	      url.query = null;
	      url.fragment = null;
	      url.cannotBeABaseURL = false;
	      input = replace$3(input, LEADING_C0_CONTROL_OR_SPACE, '');
	      input = replace$3(input, TRAILING_C0_CONTROL_OR_SPACE, '$1');
	    }

	    input = replace$3(input, TAB_AND_NEW_LINE, '');

	    codePoints = arrayFrom(input);

	    while (pointer <= codePoints.length) {
	      chr = codePoints[pointer];
	      switch (state) {
	        case SCHEME_START:
	          if (chr && exec$1(ALPHA, chr)) {
	            buffer += toLowerCase(chr);
	            state = SCHEME;
	          } else if (!stateOverride) {
	            state = NO_SCHEME;
	            continue;
	          } else return INVALID_SCHEME;
	          break;

	        case SCHEME:
	          if (chr && (exec$1(ALPHANUMERIC, chr) || chr == '+' || chr == '-' || chr == '.')) {
	            buffer += toLowerCase(chr);
	          } else if (chr == ':') {
	            if (stateOverride && (
	              (url.isSpecial() != hasOwn$6(specialSchemes, buffer)) ||
	              (buffer == 'file' && (url.includesCredentials() || url.port !== null)) ||
	              (url.scheme == 'file' && !url.host)
	            )) return;
	            url.scheme = buffer;
	            if (stateOverride) {
	              if (url.isSpecial() && specialSchemes[url.scheme] == url.port) url.port = null;
	              return;
	            }
	            buffer = '';
	            if (url.scheme == 'file') {
	              state = FILE;
	            } else if (url.isSpecial() && base && base.scheme == url.scheme) {
	              state = SPECIAL_RELATIVE_OR_AUTHORITY;
	            } else if (url.isSpecial()) {
	              state = SPECIAL_AUTHORITY_SLASHES;
	            } else if (codePoints[pointer + 1] == '/') {
	              state = PATH_OR_AUTHORITY;
	              pointer++;
	            } else {
	              url.cannotBeABaseURL = true;
	              push(url.path, '');
	              state = CANNOT_BE_A_BASE_URL_PATH;
	            }
	          } else if (!stateOverride) {
	            buffer = '';
	            state = NO_SCHEME;
	            pointer = 0;
	            continue;
	          } else return INVALID_SCHEME;
	          break;

	        case NO_SCHEME:
	          if (!base || (base.cannotBeABaseURL && chr != '#')) return INVALID_SCHEME;
	          if (base.cannotBeABaseURL && chr == '#') {
	            url.scheme = base.scheme;
	            url.path = arraySlice(base.path);
	            url.query = base.query;
	            url.fragment = '';
	            url.cannotBeABaseURL = true;
	            state = FRAGMENT;
	            break;
	          }
	          state = base.scheme == 'file' ? FILE : RELATIVE;
	          continue;

	        case SPECIAL_RELATIVE_OR_AUTHORITY:
	          if (chr == '/' && codePoints[pointer + 1] == '/') {
	            state = SPECIAL_AUTHORITY_IGNORE_SLASHES;
	            pointer++;
	          } else {
	            state = RELATIVE;
	            continue;
	          } break;

	        case PATH_OR_AUTHORITY:
	          if (chr == '/') {
	            state = AUTHORITY;
	            break;
	          } else {
	            state = PATH;
	            continue;
	          }

	        case RELATIVE:
	          url.scheme = base.scheme;
	          if (chr == EOF) {
	            url.username = base.username;
	            url.password = base.password;
	            url.host = base.host;
	            url.port = base.port;
	            url.path = arraySlice(base.path);
	            url.query = base.query;
	          } else if (chr == '/' || (chr == '\\' && url.isSpecial())) {
	            state = RELATIVE_SLASH;
	          } else if (chr == '?') {
	            url.username = base.username;
	            url.password = base.password;
	            url.host = base.host;
	            url.port = base.port;
	            url.path = arraySlice(base.path);
	            url.query = '';
	            state = QUERY;
	          } else if (chr == '#') {
	            url.username = base.username;
	            url.password = base.password;
	            url.host = base.host;
	            url.port = base.port;
	            url.path = arraySlice(base.path);
	            url.query = base.query;
	            url.fragment = '';
	            state = FRAGMENT;
	          } else {
	            url.username = base.username;
	            url.password = base.password;
	            url.host = base.host;
	            url.port = base.port;
	            url.path = arraySlice(base.path);
	            url.path.length--;
	            state = PATH;
	            continue;
	          } break;

	        case RELATIVE_SLASH:
	          if (url.isSpecial() && (chr == '/' || chr == '\\')) {
	            state = SPECIAL_AUTHORITY_IGNORE_SLASHES;
	          } else if (chr == '/') {
	            state = AUTHORITY;
	          } else {
	            url.username = base.username;
	            url.password = base.password;
	            url.host = base.host;
	            url.port = base.port;
	            state = PATH;
	            continue;
	          } break;

	        case SPECIAL_AUTHORITY_SLASHES:
	          state = SPECIAL_AUTHORITY_IGNORE_SLASHES;
	          if (chr != '/' || charAt$1(buffer, pointer + 1) != '/') continue;
	          pointer++;
	          break;

	        case SPECIAL_AUTHORITY_IGNORE_SLASHES:
	          if (chr != '/' && chr != '\\') {
	            state = AUTHORITY;
	            continue;
	          } break;

	        case AUTHORITY:
	          if (chr == '@') {
	            if (seenAt) buffer = '%40' + buffer;
	            seenAt = true;
	            bufferCodePoints = arrayFrom(buffer);
	            for (var i = 0; i < bufferCodePoints.length; i++) {
	              var codePoint = bufferCodePoints[i];
	              if (codePoint == ':' && !seenPasswordToken) {
	                seenPasswordToken = true;
	                continue;
	              }
	              var encodedCodePoints = percentEncode(codePoint, userinfoPercentEncodeSet);
	              if (seenPasswordToken) url.password += encodedCodePoints;
	              else url.username += encodedCodePoints;
	            }
	            buffer = '';
	          } else if (
	            chr == EOF || chr == '/' || chr == '?' || chr == '#' ||
	            (chr == '\\' && url.isSpecial())
	          ) {
	            if (seenAt && buffer == '') return INVALID_AUTHORITY;
	            pointer -= arrayFrom(buffer).length + 1;
	            buffer = '';
	            state = HOST;
	          } else buffer += chr;
	          break;

	        case HOST:
	        case HOSTNAME:
	          if (stateOverride && url.scheme == 'file') {
	            state = FILE_HOST;
	            continue;
	          } else if (chr == ':' && !seenBracket) {
	            if (buffer == '') return INVALID_HOST;
	            failure = url.parseHost(buffer);
	            if (failure) return failure;
	            buffer = '';
	            state = PORT;
	            if (stateOverride == HOSTNAME) return;
	          } else if (
	            chr == EOF || chr == '/' || chr == '?' || chr == '#' ||
	            (chr == '\\' && url.isSpecial())
	          ) {
	            if (url.isSpecial() && buffer == '') return INVALID_HOST;
	            if (stateOverride && buffer == '' && (url.includesCredentials() || url.port !== null)) return;
	            failure = url.parseHost(buffer);
	            if (failure) return failure;
	            buffer = '';
	            state = PATH_START;
	            if (stateOverride) return;
	            continue;
	          } else {
	            if (chr == '[') seenBracket = true;
	            else if (chr == ']') seenBracket = false;
	            buffer += chr;
	          } break;

	        case PORT:
	          if (exec$1(DIGIT, chr)) {
	            buffer += chr;
	          } else if (
	            chr == EOF || chr == '/' || chr == '?' || chr == '#' ||
	            (chr == '\\' && url.isSpecial()) ||
	            stateOverride
	          ) {
	            if (buffer != '') {
	              var port = parseInt$1(buffer, 10);
	              if (port > 0xFFFF) return INVALID_PORT;
	              url.port = (url.isSpecial() && port === specialSchemes[url.scheme]) ? null : port;
	              buffer = '';
	            }
	            if (stateOverride) return;
	            state = PATH_START;
	            continue;
	          } else return INVALID_PORT;
	          break;

	        case FILE:
	          url.scheme = 'file';
	          if (chr == '/' || chr == '\\') state = FILE_SLASH;
	          else if (base && base.scheme == 'file') {
	            if (chr == EOF) {
	              url.host = base.host;
	              url.path = arraySlice(base.path);
	              url.query = base.query;
	            } else if (chr == '?') {
	              url.host = base.host;
	              url.path = arraySlice(base.path);
	              url.query = '';
	              state = QUERY;
	            } else if (chr == '#') {
	              url.host = base.host;
	              url.path = arraySlice(base.path);
	              url.query = base.query;
	              url.fragment = '';
	              state = FRAGMENT;
	            } else {
	              if (!startsWithWindowsDriveLetter(join(arraySlice(codePoints, pointer), ''))) {
	                url.host = base.host;
	                url.path = arraySlice(base.path);
	                url.shortenPath();
	              }
	              state = PATH;
	              continue;
	            }
	          } else {
	            state = PATH;
	            continue;
	          } break;

	        case FILE_SLASH:
	          if (chr == '/' || chr == '\\') {
	            state = FILE_HOST;
	            break;
	          }
	          if (base && base.scheme == 'file' && !startsWithWindowsDriveLetter(join(arraySlice(codePoints, pointer), ''))) {
	            if (isWindowsDriveLetter(base.path[0], true)) push(url.path, base.path[0]);
	            else url.host = base.host;
	          }
	          state = PATH;
	          continue;

	        case FILE_HOST:
	          if (chr == EOF || chr == '/' || chr == '\\' || chr == '?' || chr == '#') {
	            if (!stateOverride && isWindowsDriveLetter(buffer)) {
	              state = PATH;
	            } else if (buffer == '') {
	              url.host = '';
	              if (stateOverride) return;
	              state = PATH_START;
	            } else {
	              failure = url.parseHost(buffer);
	              if (failure) return failure;
	              if (url.host == 'localhost') url.host = '';
	              if (stateOverride) return;
	              buffer = '';
	              state = PATH_START;
	            } continue;
	          } else buffer += chr;
	          break;

	        case PATH_START:
	          if (url.isSpecial()) {
	            state = PATH;
	            if (chr != '/' && chr != '\\') continue;
	          } else if (!stateOverride && chr == '?') {
	            url.query = '';
	            state = QUERY;
	          } else if (!stateOverride && chr == '#') {
	            url.fragment = '';
	            state = FRAGMENT;
	          } else if (chr != EOF) {
	            state = PATH;
	            if (chr != '/') continue;
	          } break;

	        case PATH:
	          if (
	            chr == EOF || chr == '/' ||
	            (chr == '\\' && url.isSpecial()) ||
	            (!stateOverride && (chr == '?' || chr == '#'))
	          ) {
	            if (isDoubleDot(buffer)) {
	              url.shortenPath();
	              if (chr != '/' && !(chr == '\\' && url.isSpecial())) {
	                push(url.path, '');
	              }
	            } else if (isSingleDot(buffer)) {
	              if (chr != '/' && !(chr == '\\' && url.isSpecial())) {
	                push(url.path, '');
	              }
	            } else {
	              if (url.scheme == 'file' && !url.path.length && isWindowsDriveLetter(buffer)) {
	                if (url.host) url.host = '';
	                buffer = charAt$1(buffer, 0) + ':'; // normalize windows drive letter
	              }
	              push(url.path, buffer);
	            }
	            buffer = '';
	            if (url.scheme == 'file' && (chr == EOF || chr == '?' || chr == '#')) {
	              while (url.path.length > 1 && url.path[0] === '') {
	                shift(url.path);
	              }
	            }
	            if (chr == '?') {
	              url.query = '';
	              state = QUERY;
	            } else if (chr == '#') {
	              url.fragment = '';
	              state = FRAGMENT;
	            }
	          } else {
	            buffer += percentEncode(chr, pathPercentEncodeSet);
	          } break;

	        case CANNOT_BE_A_BASE_URL_PATH:
	          if (chr == '?') {
	            url.query = '';
	            state = QUERY;
	          } else if (chr == '#') {
	            url.fragment = '';
	            state = FRAGMENT;
	          } else if (chr != EOF) {
	            url.path[0] += percentEncode(chr, C0ControlPercentEncodeSet);
	          } break;

	        case QUERY:
	          if (!stateOverride && chr == '#') {
	            url.fragment = '';
	            state = FRAGMENT;
	          } else if (chr != EOF) {
	            if (chr == "'" && url.isSpecial()) url.query += '%27';
	            else if (chr == '#') url.query += '%23';
	            else url.query += percentEncode(chr, C0ControlPercentEncodeSet);
	          } break;

	        case FRAGMENT:
	          if (chr != EOF) url.fragment += percentEncode(chr, fragmentPercentEncodeSet);
	          break;
	      }

	      pointer++;
	    }
	  },
	  // https://url.spec.whatwg.org/#host-parsing
	  parseHost: function (input) {
	    var result, codePoints, index;
	    if (charAt$1(input, 0) == '[') {
	      if (charAt$1(input, input.length - 1) != ']') return INVALID_HOST;
	      result = parseIPv6(stringSlice$1(input, 1, -1));
	      if (!result) return INVALID_HOST;
	      this.host = result;
	    // opaque host
	    } else if (!this.isSpecial()) {
	      if (exec$1(FORBIDDEN_HOST_CODE_POINT_EXCLUDING_PERCENT, input)) return INVALID_HOST;
	      result = '';
	      codePoints = arrayFrom(input);
	      for (index = 0; index < codePoints.length; index++) {
	        result += percentEncode(codePoints[index], C0ControlPercentEncodeSet);
	      }
	      this.host = result;
	    } else {
	      input = toASCII(input);
	      if (exec$1(FORBIDDEN_HOST_CODE_POINT, input)) return INVALID_HOST;
	      result = parseIPv4(input);
	      if (result === null) return INVALID_HOST;
	      this.host = result;
	    }
	  },
	  // https://url.spec.whatwg.org/#cannot-have-a-username-password-port
	  cannotHaveUsernamePasswordPort: function () {
	    return !this.host || this.cannotBeABaseURL || this.scheme == 'file';
	  },
	  // https://url.spec.whatwg.org/#include-credentials
	  includesCredentials: function () {
	    return this.username != '' || this.password != '';
	  },
	  // https://url.spec.whatwg.org/#is-special
	  isSpecial: function () {
	    return hasOwn$6(specialSchemes, this.scheme);
	  },
	  // https://url.spec.whatwg.org/#shorten-a-urls-path
	  shortenPath: function () {
	    var path = this.path;
	    var pathSize = path.length;
	    if (pathSize && (this.scheme != 'file' || pathSize != 1 || !isWindowsDriveLetter(path[0], true))) {
	      path.length--;
	    }
	  },
	  // https://url.spec.whatwg.org/#concept-url-serializer
	  serialize: function () {
	    var url = this;
	    var scheme = url.scheme;
	    var username = url.username;
	    var password = url.password;
	    var host = url.host;
	    var port = url.port;
	    var path = url.path;
	    var query = url.query;
	    var fragment = url.fragment;
	    var output = scheme + ':';
	    if (host !== null) {
	      output += '//';
	      if (url.includesCredentials()) {
	        output += username + (password ? ':' + password : '') + '@';
	      }
	      output += serializeHost(host);
	      if (port !== null) output += ':' + port;
	    } else if (scheme == 'file') output += '//';
	    output += url.cannotBeABaseURL ? path[0] : path.length ? '/' + join(path, '/') : '';
	    if (query !== null) output += '?' + query;
	    if (fragment !== null) output += '#' + fragment;
	    return output;
	  },
	  // https://url.spec.whatwg.org/#dom-url-href
	  setHref: function (href) {
	    var failure = this.parse(href);
	    if (failure) throw TypeError$1(failure);
	    this.searchParams.update();
	  },
	  // https://url.spec.whatwg.org/#dom-url-origin
	  getOrigin: function () {
	    var scheme = this.scheme;
	    var port = this.port;
	    if (scheme == 'blob') try {
	      return new URLConstructor(scheme.path[0]).origin;
	    } catch (error) {
	      return 'null';
	    }
	    if (scheme == 'file' || !this.isSpecial()) return 'null';
	    return scheme + '://' + serializeHost(this.host) + (port !== null ? ':' + port : '');
	  },
	  // https://url.spec.whatwg.org/#dom-url-protocol
	  getProtocol: function () {
	    return this.scheme + ':';
	  },
	  setProtocol: function (protocol) {
	    this.parse($toString(protocol) + ':', SCHEME_START);
	  },
	  // https://url.spec.whatwg.org/#dom-url-username
	  getUsername: function () {
	    return this.username;
	  },
	  setUsername: function (username) {
	    var codePoints = arrayFrom($toString(username));
	    if (this.cannotHaveUsernamePasswordPort()) return;
	    this.username = '';
	    for (var i = 0; i < codePoints.length; i++) {
	      this.username += percentEncode(codePoints[i], userinfoPercentEncodeSet);
	    }
	  },
	  // https://url.spec.whatwg.org/#dom-url-password
	  getPassword: function () {
	    return this.password;
	  },
	  setPassword: function (password) {
	    var codePoints = arrayFrom($toString(password));
	    if (this.cannotHaveUsernamePasswordPort()) return;
	    this.password = '';
	    for (var i = 0; i < codePoints.length; i++) {
	      this.password += percentEncode(codePoints[i], userinfoPercentEncodeSet);
	    }
	  },
	  // https://url.spec.whatwg.org/#dom-url-host
	  getHost: function () {
	    var host = this.host;
	    var port = this.port;
	    return host === null ? ''
	      : port === null ? serializeHost(host)
	      : serializeHost(host) + ':' + port;
	  },
	  setHost: function (host) {
	    if (this.cannotBeABaseURL) return;
	    this.parse(host, HOST);
	  },
	  // https://url.spec.whatwg.org/#dom-url-hostname
	  getHostname: function () {
	    var host = this.host;
	    return host === null ? '' : serializeHost(host);
	  },
	  setHostname: function (hostname) {
	    if (this.cannotBeABaseURL) return;
	    this.parse(hostname, HOSTNAME);
	  },
	  // https://url.spec.whatwg.org/#dom-url-port
	  getPort: function () {
	    var port = this.port;
	    return port === null ? '' : $toString(port);
	  },
	  setPort: function (port) {
	    if (this.cannotHaveUsernamePasswordPort()) return;
	    port = $toString(port);
	    if (port == '') this.port = null;
	    else this.parse(port, PORT);
	  },
	  // https://url.spec.whatwg.org/#dom-url-pathname
	  getPathname: function () {
	    var path = this.path;
	    return this.cannotBeABaseURL ? path[0] : path.length ? '/' + join(path, '/') : '';
	  },
	  setPathname: function (pathname) {
	    if (this.cannotBeABaseURL) return;
	    this.path = [];
	    this.parse(pathname, PATH_START);
	  },
	  // https://url.spec.whatwg.org/#dom-url-search
	  getSearch: function () {
	    var query = this.query;
	    return query ? '?' + query : '';
	  },
	  setSearch: function (search) {
	    search = $toString(search);
	    if (search == '') {
	      this.query = null;
	    } else {
	      if ('?' == charAt$1(search, 0)) search = stringSlice$1(search, 1);
	      this.query = '';
	      this.parse(search, QUERY);
	    }
	    this.searchParams.update();
	  },
	  // https://url.spec.whatwg.org/#dom-url-searchparams
	  getSearchParams: function () {
	    return this.searchParams.facade;
	  },
	  // https://url.spec.whatwg.org/#dom-url-hash
	  getHash: function () {
	    var fragment = this.fragment;
	    return fragment ? '#' + fragment : '';
	  },
	  setHash: function (hash) {
	    hash = $toString(hash);
	    if (hash == '') {
	      this.fragment = null;
	      return;
	    }
	    if ('#' == charAt$1(hash, 0)) hash = stringSlice$1(hash, 1);
	    this.fragment = '';
	    this.parse(hash, FRAGMENT);
	  },
	  update: function () {
	    this.query = this.searchParams.serialize() || null;
	  }
	};

	// `URL` constructor
	// https://url.spec.whatwg.org/#url-class
	var URLConstructor = function URL(url /* , base */) {
	  var that = anInstance$3(this, URLPrototype);
	  var base = validateArgumentsLength$1(arguments.length, 1) > 1 ? arguments[1] : undefined;
	  var state = setInternalState$2(that, new URLState(url, false, base));
	  if (!DESCRIPTORS$4) {
	    that.href = state.serialize();
	    that.origin = state.getOrigin();
	    that.protocol = state.getProtocol();
	    that.username = state.getUsername();
	    that.password = state.getPassword();
	    that.host = state.getHost();
	    that.hostname = state.getHostname();
	    that.port = state.getPort();
	    that.pathname = state.getPathname();
	    that.search = state.getSearch();
	    that.searchParams = state.getSearchParams();
	    that.hash = state.getHash();
	  }
	};

	var URLPrototype = URLConstructor.prototype;

	var accessorDescriptor = function (getter, setter) {
	  return {
	    get: function () {
	      return getInternalURLState(this)[getter]();
	    },
	    set: setter && function (value) {
	      return getInternalURLState(this)[setter](value);
	    },
	    configurable: true,
	    enumerable: true
	  };
	};

	if (DESCRIPTORS$4) {
	  // `URL.prototype.href` accessors pair
	  // https://url.spec.whatwg.org/#dom-url-href
	  defineBuiltInAccessor$2(URLPrototype, 'href', accessorDescriptor('serialize', 'setHref'));
	  // `URL.prototype.origin` getter
	  // https://url.spec.whatwg.org/#dom-url-origin
	  defineBuiltInAccessor$2(URLPrototype, 'origin', accessorDescriptor('getOrigin'));
	  // `URL.prototype.protocol` accessors pair
	  // https://url.spec.whatwg.org/#dom-url-protocol
	  defineBuiltInAccessor$2(URLPrototype, 'protocol', accessorDescriptor('getProtocol', 'setProtocol'));
	  // `URL.prototype.username` accessors pair
	  // https://url.spec.whatwg.org/#dom-url-username
	  defineBuiltInAccessor$2(URLPrototype, 'username', accessorDescriptor('getUsername', 'setUsername'));
	  // `URL.prototype.password` accessors pair
	  // https://url.spec.whatwg.org/#dom-url-password
	  defineBuiltInAccessor$2(URLPrototype, 'password', accessorDescriptor('getPassword', 'setPassword'));
	  // `URL.prototype.host` accessors pair
	  // https://url.spec.whatwg.org/#dom-url-host
	  defineBuiltInAccessor$2(URLPrototype, 'host', accessorDescriptor('getHost', 'setHost'));
	  // `URL.prototype.hostname` accessors pair
	  // https://url.spec.whatwg.org/#dom-url-hostname
	  defineBuiltInAccessor$2(URLPrototype, 'hostname', accessorDescriptor('getHostname', 'setHostname'));
	  // `URL.prototype.port` accessors pair
	  // https://url.spec.whatwg.org/#dom-url-port
	  defineBuiltInAccessor$2(URLPrototype, 'port', accessorDescriptor('getPort', 'setPort'));
	  // `URL.prototype.pathname` accessors pair
	  // https://url.spec.whatwg.org/#dom-url-pathname
	  defineBuiltInAccessor$2(URLPrototype, 'pathname', accessorDescriptor('getPathname', 'setPathname'));
	  // `URL.prototype.search` accessors pair
	  // https://url.spec.whatwg.org/#dom-url-search
	  defineBuiltInAccessor$2(URLPrototype, 'search', accessorDescriptor('getSearch', 'setSearch'));
	  // `URL.prototype.searchParams` getter
	  // https://url.spec.whatwg.org/#dom-url-searchparams
	  defineBuiltInAccessor$2(URLPrototype, 'searchParams', accessorDescriptor('getSearchParams'));
	  // `URL.prototype.hash` accessors pair
	  // https://url.spec.whatwg.org/#dom-url-hash
	  defineBuiltInAccessor$2(URLPrototype, 'hash', accessorDescriptor('getHash', 'setHash'));
	}

	// `URL.prototype.toJSON` method
	// https://url.spec.whatwg.org/#dom-url-tojson
	defineBuiltIn$2(URLPrototype, 'toJSON', function toJSON() {
	  return getInternalURLState(this).serialize();
	}, { enumerable: true });

	// `URL.prototype.toString` method
	// https://url.spec.whatwg.org/#URL-stringification-behavior
	defineBuiltIn$2(URLPrototype, 'toString', function toString() {
	  return getInternalURLState(this).serialize();
	}, { enumerable: true });

	if (NativeURL) {
	  var nativeCreateObjectURL = NativeURL.createObjectURL;
	  var nativeRevokeObjectURL = NativeURL.revokeObjectURL;
	  // `URL.createObjectURL` method
	  // https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
	  if (nativeCreateObjectURL) defineBuiltIn$2(URLConstructor, 'createObjectURL', bind(nativeCreateObjectURL, NativeURL));
	  // `URL.revokeObjectURL` method
	  // https://developer.mozilla.org/en-US/docs/Web/API/URL/revokeObjectURL
	  if (nativeRevokeObjectURL) defineBuiltIn$2(URLConstructor, 'revokeObjectURL', bind(nativeRevokeObjectURL, NativeURL));
	}

	setToStringTag$1(URLConstructor, 'URL');

	$$c({ global: true, constructor: true, forced: !USE_NATIVE_URL, sham: !DESCRIPTORS$4 }, {
	  URL: URLConstructor
	});

	var _EventName$ON_INIT, _EventName$ON_SELECT, _EventName$ON_REMOVE$2, _EventName$ON_UPDATE$2;
	var instances$v = [];

	/**
	 * HTML Element Attributes
	 * @type {string}
	 */
	var Attributes$d = {
	  ARIA_SELECTED: 'aria-selected',
	  TAB_INDEX: 'tabindex',
	  TARGET: 'target',
	  HREF: 'href',
	  DISABLED: 'disabled',
	  ROW_REVERSE: 'row-reverse',
	  COLUMN_REVERSE: 'column-reverse'
	};

	/**
	 * HTML Element Classes
	 * @type {string}
	 */
	var Classes$4 = {
	  SELECTED: 'selected',
	  ACTIVE: 'active',
	  DISABLED: 'disabled',
	  D_NONE: 'd-none'
	};

	/**
	 * HTML Element Tag Name
	 * @type {string}
	 */
	var TagName = {
	  BUTTON: 'BUTTON',
	  A: 'A'
	};

	/**
	 * JS event name
	 */
	var EventName$A = {
	  ON_INIT: 'onInit',
	  ON_REMOVE: 'onRemove',
	  ON_SELECT: 'onSelect',
	  ON_UPDATE: 'onUpdate',
	  CLICK: 'click',
	  KEYDOWN: 'keydown',
	  RESIZE: 'resize',
	  ADD_FILTER_SELECTION: 'addFilterSelection',
	  REMOVE_FILTER_SELECTION: 'removeFilterSelection',
	  IS_FILTERING: 'isFiltering',
	  IS_FILTERED: 'isFiltered',
	  RECALCULATE_TABWINDOW_WIDTH: 'recalculateTabWindowWidth'
	};

	/**
	 * CSS Selector
	 * @type {string}
	 */
	var Selector$C = {
	  DATA_FILTER_NAME: '[data-filter-name]',
	  DATA_MOUNT: '[data-mount="event-finder"]',
	  FILTER_GROUP: '.pill-bar--event-finder .pill-bar',
	  BUTTONS: '.pill-bar--event-finder__button-group .button-group',
	  FILTER_LIST: 'ul.tab-group',
	  FILTER_BUTTON: 'li button',
	  OCR_SLIDER: '[data-mount="ocr-slider"]'
	};
	_EventName$ON_INIT = EventName$A.ON_INIT;
	_EventName$ON_SELECT = EventName$A.ON_SELECT;
	_EventName$ON_REMOVE$2 = EventName$A.ON_REMOVE;
	_EventName$ON_UPDATE$2 = EventName$A.ON_UPDATE;
	var EventFinder = /*#__PURE__*/function () {
	  function EventFinder(opts) {
	    var _this$actionButtons,
	      _this$actionButtons2,
	      _this$actionButtons3,
	      _this = this;
	    this.filterSelections = [];
	    /** onInit event. */
	    this[_EventName$ON_INIT] = new CustomEvent(EventName$A.ON_INIT, {
	      bubbles: true,
	      cancelable: true
	    });
	    /** onSelect event. */
	    this[_EventName$ON_SELECT] = new CustomEvent(EventName$A.ON_SELECT, {
	      bubbles: true,
	      cancelable: true
	    });
	    /** onRemove event. */
	    this[_EventName$ON_REMOVE$2] = new CustomEvent(EventName$A.ON_REMOVE, {
	      bubbles: true,
	      cancelable: true
	    });
	    /** onUpdate event. */
	    this[_EventName$ON_UPDATE$2] = new CustomEvent(EventName$A.ON_UPDATE, {
	      bubbles: true,
	      cancelable: true
	    });
	    this.el = opts.el;
	    this.isRTL = document.dir === 'rtl';
	    this.filterGroup = this.el.querySelectorAll(Selector$C.FILTER_GROUP);
	    this.currentFilterGroupIndex = 0;
	    this.maxFilterGroupIndex = this.filterGroup.length - 1;
	    this.filters = this.el.querySelectorAll(Selector$C.DATA_FILTER_NAME);
	    this.actionButtons = this.el.querySelector(Selector$C.BUTTONS);
	    this.backButton = (_this$actionButtons = this.actionButtons) == null ? void 0 : _this$actionButtons.children[0];
	    this.nextButton = (_this$actionButtons2 = this.actionButtons) == null ? void 0 : _this$actionButtons2.children[1];
	    this.submitButton = (_this$actionButtons3 = this.actionButtons) == null ? void 0 : _this$actionButtons3.children[2];

	    // Remove the href attribute from the back button if it exists to prevent the page refreshing
	    // when the back button is clicked
	    if (this.backButton && this.backButton.hasAttribute(Attributes$d.HREF)) {
	      this.backButton.removeAttribute(Attributes$d.HREF);
	    }

	    // Initialize the filter group and the buttons
	    if (this.filterGroup.length > 0) {
	      this.filterGroup[0].classList.add(Classes$4.ACTIVE);
	      if (this.filterGroup.length === 1) {
	        this.backButton.classList.add(Classes$4.D_NONE);
	      } else {
	        // The back button should not be focused by pressing the tab key
	        this.backButton.setAttribute(Attributes$d.TAB_INDEX, '-1');
	        // Not display the back button
	        this.backButton.classList.add(Classes$4.D_NONE);

	        // If the back button type is button, add the disabled class
	        if (this.backButton.tagName === TagName.BUTTON) {
	          this.backButton.classList.add(Classes$4.DISABLED);
	        }

	        // If the back button type is anchor, add the disabled attribute
	        if (this.backButton.tagName === TagName.A) {
	          this.backButton.setAttribute(Attributes$d.DISABLED, true);
	        }
	        this.submitButton.classList.add(Classes$4.D_NONE);
	      }
	    }
	    this.events = [];
	    this.filterList = this.el.querySelectorAll(Selector$C.FILTER_LIST);
	    this.filterButtons = [];
	    if (this.isRTL) {
	      var XS_MAX = ViewPort.SM; // match media-breakpoint-down(xs, $grid-reimagine-breakpoints)
	      var isColumn = window.innerWidth < XS_MAX;
	      this.setFlexDirection = function () {
	        var nowColumn = window.innerWidth < XS_MAX;
	        if (nowColumn !== isColumn) {
	          _this.actionButtons.style.flexDirection = nowColumn ? Attributes$d.COLUMN_REVERSE : Attributes$d.ROW_REVERSE;
	          _this._reverseChildren(_this.actionButtons);
	          isColumn = nowColumn;
	        }
	      };

	      // Set initial direction
	      this.actionButtons.style.flexDirection = isColumn ? Attributes$d.COLUMN_REVERSE : Attributes$d.ROW_REVERSE;
	      this._reverseChildren(this.actionButtons);
	      window.addEventListener(EventName$A.RESIZE, this.setFlexDirection);
	    }
	    this.filterList.forEach(function (filter) {
	      if (_this.isRTL) {
	        // Set flex-direction to row-reverse
	        filter.style.flexDirection = Attributes$d.ROW_REVERSE;
	        // reverse the DOM order of the buttons in the filter
	        _this._reverseChildren(filter);
	      }
	      var groupButtons = filter.querySelectorAll(Selector$C.FILTER_BUTTON);
	      groupButtons.forEach(function (button) {
	        _this.filterButtons.push(button);

	        // Remove the tabe index from the button
	        if (button.hasAttribute(Attributes$d.TAB_INDEX) && button.getAttribute(Attributes$d.TAB_INDEX) === '-1') {
	          button.removeAttribute(Attributes$d.TAB_INDEX);
	        }
	      });
	    });
	    this.filterButtons.forEach(function (filterButton) {
	      _this.events.push({
	        el: filterButton,
	        handler: _this.onFilterSelectionClick.bind(_this),
	        type: EventName$A.CLICK
	      }, {
	        el: filterButton,
	        handler: _this._onFilterButtonKeyDown.bind(_this),
	        type: EventName$A.KEYDOWN
	      });
	    });

	    // Initalize the event listener for the next and back button
	    this.events.push({
	      el: this.nextButton,
	      handler: this.onNextButtonClick.bind(this),
	      type: EventName$A.CLICK
	    }, {
	      el: this.nextButton,
	      handler: this.onNextButtonClick.bind(this),
	      type: EventName$A.KEYDOWN
	    }, {
	      el: this.backButton,
	      handler: this.onBackButtonClick.bind(this),
	      type: EventName$A.CLICK
	    }, {
	      el: this.backButton,
	      handler: this.onBackButtonClick.bind(this),
	      type: EventName$A.KEYDOWN
	    },
	    // add event listener for the submit button to redirect to the href by pressing enter or space
	    {
	      el: this.submitButton,
	      handler: function handler(event) {
	        if (event.type === EventName$A.KEYDOWN) {
	          var key = Util$1.getKeyCode(event);
	          if (key !== Util$1.keyCodes.ENTER && key !== Util$1.keyCodes.SPACE) {
	            return;
	          }

	          // prevent double-trigger
	          event.preventDefault();
	        }

	        // Redirect to the href of the submit button
	        window.location.href = _this.submitButton.getAttribute(Attributes$d.HREF);
	      },
	      type: EventName$A.KEYDOWN
	    });
	    Util$1.addEvents(this.events);
	    instances$v.push(this);
	  }
	  var _proto = EventFinder.prototype;
	  _proto._reverseChildren = function _reverseChildren(container) {
	    var children = Array.from(container.children);
	    for (var i = children.length - 1; i >= 0; i--) {
	      container.append(children[i]);
	    }
	  }

	  // Set focus to the first button in the current filter list
	  ;
	  _proto._setFocusToFirstFilterButton = function _setFocusToFirstFilterButton() {
	    var currentFilterList = this.filterList[this.currentFilterGroupIndex];
	    if (currentFilterList) {
	      var firstButton = currentFilterList.querySelector(Selector$C.FILTER_BUTTON);
	      if (firstButton) {
	        firstButton.focus();
	      }
	    }
	  }

	  // Handle keydown events for filter buttons to navigate through them
	  ;
	  _proto._onFilterButtonKeyDown = function _onFilterButtonKeyDown(event) {
	    var key = Util$1.getKeyCode(event);

	    // Only handle left/right arrow keys
	    if (key !== Util$1.keyCodes.ARROW_LEFT && key !== Util$1.keyCodes.ARROW_RIGHT) return;
	    event.preventDefault();
	    var currentFilterList = this.filterList[this.currentFilterGroupIndex];
	    var buttons = Array.from(currentFilterList.querySelectorAll(Selector$C.FILTER_BUTTON));
	    var currentIndex = buttons.indexOf(event.currentTarget);
	    if (key === Util$1.keyCodes.ARROW_LEFT) {
	      if (currentIndex > 0) {
	        buttons[currentIndex - 1].focus();
	      }
	    } else if (key === Util$1.keyCodes.ARROW_RIGHT && currentIndex < buttons.length - 1) {
	      buttons[currentIndex + 1].focus();
	    }
	  };
	  _proto.onBackButtonClick = function onBackButtonClick(event) {
	    if (event.type === EventName$A.KEYDOWN) {
	      var key = Util$1.getKeyCode(event);
	      if (key !== Util$1.keyCodes.ENTER && key !== Util$1.keyCodes.SPACE) {
	        return;
	      }

	      // prevent double-trigger
	      event.preventDefault();
	    }
	    if (this.currentFilterGroupIndex > 0) {
	      this.filterGroup[this.currentFilterGroupIndex].classList.remove(Classes$4.ACTIVE);
	      this.filterGroup[this.currentFilterGroupIndex - 1].classList.add(Classes$4.ACTIVE);
	      this.currentFilterGroupIndex--;
	      this.nextButton.classList.remove(Classes$4.D_NONE);
	      this.submitButton.classList.add(Classes$4.D_NONE);
	      if (this.currentFilterGroupIndex === 0) {
	        // The back button should not be focused by pressing the tab key
	        this.backButton.setAttribute(Attributes$d.TAB_INDEX, '-1');
	        // Not display the back button
	        this.backButton.classList.add(Classes$4.D_NONE);

	        // If the back button type is button, add the disabled class
	        if (this.backButton.tagName === TagName.BUTTON) {
	          this.backButton.classList.add(Classes$4.DISABLED);
	        }

	        // If the back button type is anchor, add the disabled attribute
	        if (this.backButton.tagName === TagName.A) {
	          this.backButton.setAttribute(Attributes$d.DISABLED, true);
	        }
	      } else {
	        this.backButton.classList.remove(Classes$4.D_NONE);
	        this.backButton.setAttribute(Attributes$d.TAB_INDEX, '0');
	      }
	    }
	    this._setFocusToFirstFilterButton();
	  };
	  _proto.onNextButtonClick = function onNextButtonClick(event) {
	    if (event.type === EventName$A.KEYDOWN) {
	      var key = Util$1.getKeyCode(event);
	      if (key !== Util$1.keyCodes.ENTER && key !== Util$1.keyCodes.SPACE) {
	        return;
	      }

	      // prevent double-trigger
	      event.preventDefault();
	    }
	    if (this.currentFilterGroupIndex < this.maxFilterGroupIndex) {
	      this.filterGroup[this.currentFilterGroupIndex].classList.remove(Classes$4.ACTIVE);
	      this.filterGroup[this.currentFilterGroupIndex + 1].classList.add(Classes$4.ACTIVE);
	      this.currentFilterGroupIndex++;

	      // The back button can be focused by pressing the tab key
	      this.backButton.setAttribute(Attributes$d.TAB_INDEX, '0');
	      this.backButton.classList.remove(Classes$4.D_NONE);

	      // If the back button type is button, remove the disabled class
	      if (this.backButton.tagName === TagName.BUTTON) {
	        this.backButton.classList.remove(Classes$4.DISABLED);
	      }

	      // If the back button type is anchor, remove the disabled attribute
	      if (this.backButton.tagName === TagName.A) {
	        this.backButton.removeAttribute(Attributes$d.DISABLED);
	      }
	      if (this.currentFilterGroupIndex === this.maxFilterGroupIndex) {
	        this.nextButton.classList.add(Classes$4.D_NONE);
	        this.submitButton.classList.remove(Classes$4.D_NONE);
	      }
	    }
	    this._setFocusToFirstFilterButton();
	  };
	  _proto.onFilterSelectionClick = function onFilterSelectionClick(event) {
	    var targetFilterName = event.target.dataset.filterName;

	    // Dispatch IS_FILTERING event with current filter selections
	    this.el.dispatchEvent(new CustomEvent(EventName$A.IS_FILTERING, {
	      bubbles: true,
	      detail: this.filterSelections
	    }));
	    var element = event.target;

	    // Get the tab identifier
	    var parent = element.closest(Selector$C.FILTER_GROUP);
	    var tabIdenifier = parent.dataset.tabIdentifier;
	    var isSelected = element.classList.contains(Classes$4.SELECTED);
	    var selectionValue = {
	      tabIdenifier: tabIdenifier,
	      filterName: targetFilterName
	    };

	    // UI state of the pill tab items
	    if (isSelected) {
	      // unselected
	      element.classList.remove(Classes$4.SELECTED);
	      element.setAttribute(Attributes$d.ARIA_SELECTED, false);
	      element.removeAttribute(Attributes$d.TAB_INDEX);
	      this.removeFilterSelectionValue(selectionValue);

	      // If no filter is selected, set the first option tab index to 0
	      if (this.getSelectedFilterLength() === 0) {
	        this.filterButtons[0].setAttribute(Attributes$d.TAB_INDEX, '0');
	      }
	    } else {
	      // selected
	      element.classList.add(Classes$4.SELECTED);
	      element.setAttribute(Attributes$d.ARIA_SELECTED, true);
	      element.setAttribute(Attributes$d.TAB_INDEX, '0');
	      this.addFilterSelectionValue(selectionValue);

	      // If only one filter is selected and it is not the first option,
	      // remove the tab index from the first option
	      if (this.getSelectedFilterLength() === 1 && this.filterButtons[0].dataset.filterName !== targetFilterName) {
	        this.filterButtons[0].removeAttribute(Attributes$d.TAB_INDEX);
	      }
	    }

	    // append the filter selections to the href of the submit button as the query string
	    var filtersValue = this.filterSelections.map(function (selection) {
	      return selection.tabIdenifier + ":" + selection.filterName;
	    }).join(',');

	    // Create a URL object to manipulate the query parameters
	    var url = new URL(this.submitButton.href, window.location.origin);

	    // Set the href with the query string in the format filters=delivery-language:english,topic:ai
	    if (filtersValue) {
	      url.searchParams.set('filters', filtersValue);
	    } else {
	      url.searchParams["delete"]('filters');
	    }

	    // Update the submit button's href with the modified URL
	    this.submitButton.href = url.toString();

	    // Dispatch IS_FILTERED event with updated filter selections
	    this.el.dispatchEvent(new CustomEvent(EventName$A.IS_FILTERED, {
	      bubbles: true,
	      detail: this.filterSelections
	    }));

	    // After toggling pill selection/deselection
	    var ocrSliders = document.querySelectorAll(Selector$C.OCR_SLIDER);
	    ocrSliders.forEach(function (ocrSlider) {
	      ocrSlider.dispatchEvent(new CustomEvent(EventName$A.RECALCULATE_TABWINDOW_WIDTH, {
	        bubbles: true
	      }));
	    });
	  };
	  _proto.addFilterSelectionValue = function addFilterSelectionValue(filterValue) {
	    this.filterSelections.push(filterValue);
	    this.el.dispatchEvent(new CustomEvent(EventName$A.ADD_FILTER_SELECTION, {
	      bubbles: true,
	      detail: this.filterSelections
	    }));
	  };
	  _proto.removeFilterSelectionValue = function removeFilterSelectionValue(filterValue) {
	    this.filterSelections = this.filterSelections.filter(function (item) {
	      return item.tabIdenifier !== filterValue.tabIdenifier || item.filterName !== filterValue.filterName;
	    });
	    this.el.dispatchEvent(new CustomEvent(EventName$A.REMOVE_FILTER_SELECTION, {
	      bubbles: true,
	      detail: this.filterSelections
	    }));
	  };
	  _proto.getSelectedFilterLength = function getSelectedFilterLength() {
	    var counter = 0;
	    this.filters.forEach(function (filter) {
	      if (filter.classList.contains(Classes$4.SELECTED)) {
	        counter++;
	      }
	    });
	    return counter;
	  };
	  _proto.update = function update() {
	    this.el.dispatchEvent(this[EventName$A.ON_UPDATE]);
	  };
	  _proto.remove = function remove() {
	    this.el.dispatchEvent(this[EventName$A.ON_REMOVE]);
	    // Remove resize event listener to prevent memory leaks
	    if (this.setFlexDirection) {
	      window.removeEventListener(EventName$A.RESIZE, this.setFlexDirection);
	    }
	    Util$1.removeEvents(this.events);
	  };
	  EventFinder.getInstances = function getInstances() {
	    return instances$v;
	  };
	  return EventFinder;
	}();

	var EventName$z = {
	  HIDE: 'onHide',
	  HIDDEN: 'onHidden',
	  SHOW: 'onShow',
	  SHOWN: 'onShown',
	  CLICK_DATA_API: 'click',
	  KEYDOWN_DATA_API: 'keydown',
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate',
	  POP_STATE: 'popstate'
	};

	var tabSliders = [];
	var EventName$y = {
	  CLICK_DATA_API: 'click',
	  RESIZE_DATA_API: 'resize',
	  FOCUS_DATA_API: 'focus',
	  SCROLL_DATA_API: 'scroll',
	  KEYDOWN_DATA_API: 'keydown',
	  KEYUP_DATA_API: 'keyup',
	  RECALCULATE_TABWINDOW_WIDTH: 'recalculateTabWindowWidth',
	  ON_SCROLL: 'onScroll',
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate'
	};
	var Direction$2 = {
	  LEFT: 'left',
	  RIGHT: 'right'
	};
	var ClassName$l = {
	  ACTIVE: 'active',
	  ARROWS: 'tab-arrows',
	  ARROW_PREV: 'arrow-prev',
	  ARROW_NEXT: 'arrow-next',
	  TAB_OVERFLOW: 'tab-overflow',
	  TAB_WINDOW: 'tab-window',
	  TAB_GROUP: 'tab-group',
	  JUSTIFY_CENTER: 'justify-content-center',
	  MOBILE_ARROWS: 'mobile-arrows',
	  IMAGE_TAB: 'tab-image',
	  IMAGE_TAB_LABEL: 'tab-image-label',
	  SLIDER_ARROWS: 'slider__arrows',
	  SLIDER_ARROW_PREV: 'slider__arrow-prev',
	  SLIDER_ARROW_NEXT: 'slider__arrow-next',
	  SLIDER_PREV_BG: 'slider__arrow-prev-bg',
	  SLIDER_NEXT_BG: 'slider__arrow-next-bg',
	  SLIDER_TAB_GROUP: 'slider__tab-group',
	  SLIDER_OVERFLOW: 'slider__overflow',
	  SLIDER_WINDOW: 'slider__window',
	  TAB_TYPE_PRODUCT_SELECTOR: 'tabs--type-product-selector',
	  TAB_TYPE_BADGE: 'tabs--type-badge',
	  TAB_TYPE_COMPOUND: 'tabs--type-compound',
	  TAB_TYPE_LINK: 'tabs--type-link',
	  CAROUSEL_MEDIA_PLAYLIST_VIDEO: 'carousel--type-media-playlist-video',
	  SLIDER_TYPE_OFFSET_ARROWS: 'ocr-slider--offset-arrows',
	  CAROUSEL_INDICATORS: 'carousel__indicators',
	  CONTAINER: 'container'
	};
	var Selector$B = {
	  ACTIVE: "." + ClassName$l.ACTIVE,
	  ARROWS: "." + ClassName$l.ARROWS,
	  ARROW_PREV: "." + ClassName$l.ARROW_PREV,
	  ARROW_NEXT: "." + ClassName$l.ARROW_NEXT,
	  TAB_OVERFLOW: "." + ClassName$l.TAB_OVERFLOW,
	  TAB_WINDOW: "." + ClassName$l.TAB_WINDOW,
	  TAB_GROUP: "." + ClassName$l.TAB_GROUP,
	  DATA_MOUNT: '[data-mount="ocr-slider"]',
	  IMAGE_TAB: "." + ClassName$l.IMAGE_TAB,
	  IMAGE_TAB_LABEL: "." + ClassName$l.IMAGE_TAB_LABEL,
	  ROLE_OPTION: '[role="option"]',
	  SLIDER_ARROWS: "." + ClassName$l.SLIDER_ARROWS,
	  SLIDER_ARROW_PREV: "." + ClassName$l.SLIDER_ARROW_PREV,
	  SLIDER_ARROW_NEXT: "." + ClassName$l.SLIDER_ARROW_NEXT,
	  SLIDER_PREV_BG: "." + ClassName$l.SLIDER_PREV_BG,
	  SLIDER_NEXT_BG: "." + ClassName$l.SLIDER_NEXT_BG,
	  SLIDER_TAB_GROUP: "." + ClassName$l.TAB_GROUP,
	  SLIDER_OVERFLOW: "." + ClassName$l.SLIDER_OVERFLOW,
	  SLIDER_WINDOW: "." + ClassName$l.SLIDER_WINDOW,
	  TAB_TYPE_PRODUCT_SELECTOR: "." + ClassName$l.TAB_TYPE_PRODUCT_SELECTOR,
	  TAB_TYPE_BADGE: "." + ClassName$l.TAB_TYPE_BADGE,
	  TAB_TYPE_COMPOUND: "." + ClassName$l.TAB_TYPE_COMPOUND,
	  TAB_TYPE_LINK: "." + ClassName$l.TAB_TYPE_LINK,
	  CAROUSEL_MEDIA_PLAYLIST_VIDEO: "." + ClassName$l.CAROUSEL_MEDIA_PLAYLIST_VIDEO,
	  SLIDER_TYPE_OFFSET_ARROWS: "." + ClassName$l.SLIDER_TYPE_OFFSET_ARROWS,
	  CAROUSEL_INDICATORS: "." + ClassName$l.CAROUSEL_INDICATORS,
	  CONTAINER: "." + ClassName$l.CONTAINER,
	  POPOVER_LIST: '.popover-list'
	};
	var Attribute$6 = {
	  DATA_DISABLE_SCROLL_INTO_VIEW: 'data-disable-scroll-into-view',
	  DATA_ITEM_LIST_SELECTOR: 'data-item-list'
	};
	var DELAY_MS$6 = 100;
	var VFI_WIDTH_DOUBLED = 6;

	/**
	 * Private functions.
	 */

	/**
	 * Helper function to check if single tab element is within tab window.
	 * @param {HTMLElement} tab - Single tab element.
	 * @param {HTMLElement} tabListWindow - Tab window.
	 * @return {boolean} Returns true if the tab element is visible within the tab window.
	 */
	function _inTabWindow(tab, tabListWindow) {
	  var tabBounds = tab.getBoundingClientRect();
	  var tabListWindowBounds = tabListWindow.getBoundingClientRect();
	  return Math.ceil(tabBounds.left) >= Math.ceil(tabListWindowBounds.left) && Math.floor(tabBounds.right) <= Math.ceil(tabListWindowBounds.right);
	}

	/**
	 * Hide and/or show arrows dependent on visible tabs.
	 * @this TabSlider
	 */
	function _showHideArrow() {
	  var tabListWindow = this.el;
	  var scrollLeftVal = this.scrollElement.scrollLeft;
	  var arrowTarget1 = this.isRTL ? this.arrowNext : this.arrowPrev;
	  var arrowTarget2 = this.isRTL ? this.arrowPrev : this.arrowNext;
	  var arrowTarget1Bg = this.isRTL ? this.arrowNextBG : this.arrowPrevBG;
	  var arrowTarget2Bg = this.isRTL ? this.arrowPrevBG : this.arrowNextBG;

	  // for image tabs, match arrows height to image height
	  var imageTab = tabListWindow.querySelector(Selector$B.IMAGE_TAB); // only need one; all are same height w/ flex styles
	  if (imageTab) {
	    imagesLoaded(tabListWindow, function () {
	      var arrowTargetHeight = imageTab.offsetHeight - (imageTab.querySelector(Selector$B.IMAGE_TAB_LABEL).offsetHeight - 1 || 0); // Added (- 1) to the calculation to count for the Image Underline variant height
	      arrowTarget1.style.height = arrowTargetHeight + "px";
	      arrowTarget2.style.height = arrowTargetHeight + "px";
	    });
	  }
	  var firstTabInWindow = _isReversed.call(this) ? _inTabWindow(this.tabListItems[this.tabListItems.length - 1], tabListWindow) : _inTabWindow(this.tabListItems[0], tabListWindow);
	  var lastTabInWindow = _isReversed.call(this) ? _inTabWindow(this.tabListItems[0], tabListWindow) : _inTabWindow(this.tabListItems[this.tabListItems.length - 1], tabListWindow);
	  var isAtStart = firstTabInWindow || !this.isRTL && scrollLeftVal === 0;
	  var isAtEnd = lastTabInWindow;
	  var arrowTarget1State;
	  var arrowTarget2State;
	  if (isAtStart) {
	    arrowTarget1State = this.isSliderTypeOffsetArrows ? {
	      disabled: true,
	      display: 'block'
	    } : {
	      disabled: true,
	      display: 'none'
	    };
	    arrowTarget2State = {
	      disabled: false,
	      display: 'block'
	    };
	  } else if (isAtEnd) {
	    arrowTarget1State = {
	      disabled: false,
	      display: 'block'
	    };
	    arrowTarget2State = this.isSliderTypeOffsetArrows ? {
	      disabled: true,
	      display: 'block'
	    } : {
	      disabled: true,
	      display: 'none'
	    };
	  } else {
	    arrowTarget1State = {
	      disabled: false,
	      display: 'block'
	    };
	    arrowTarget2State = {
	      disabled: false,
	      display: 'block'
	    };
	  }
	  if (this.alwaysShowSliderButtonControls || this.isSliderTypeOffsetArrows) {
	    // eslint-disable-next-line no-unused-expressions
	    arrowTarget1State.disabled ? arrowTarget1.setAttribute('disabled', 'true') : arrowTarget1.removeAttribute('disabled');
	    // eslint-disable-next-line no-unused-expressions
	    arrowTarget2State.disabled ? arrowTarget2.setAttribute('disabled', 'true') : arrowTarget2.removeAttribute('disabled');
	  } else {
	    arrowTarget1.style.display = arrowTarget1State.display;
	    arrowTarget2.style.display = arrowTarget2State.display;
	  }
	  if (this.isSliderTypeOffsetArrows) {
	    if (isAtStart) {
	      arrowTarget1Bg.style.opacity = '0';
	      arrowTarget2Bg.style.opacity = '1';
	      arrowTarget1.style.opacity = '0.2';
	      arrowTarget2.style.opacity = '1';
	    } else if (isAtEnd) {
	      arrowTarget1Bg.style.opacity = '1';
	      arrowTarget2Bg.style.opacity = '0';
	      arrowTarget1.style.opacity = '1';
	      arrowTarget2.style.opacity = '0.2';
	    } else {
	      arrowTarget1Bg.style.opacity = '1';
	      arrowTarget2Bg.style.opacity = '1';
	      arrowTarget1.style.opacity = '1';
	      arrowTarget2.style.opacity = '1';
	    }
	    var lastTabBoundRightVal = _getBoundingRectValue.call(this, this.tabListItems[this.tabListItems.length - 1], 'right');

	    // in LTR, show arrow next gradient when arrow previous button overlaps with last pill tab
	    if (!this.isRTL && isAtEnd) {
	      var arrowTarget1BoundLeftVal = arrowTarget1.getBoundingClientRect().left;
	      if (arrowTarget1BoundLeftVal <= lastTabBoundRightVal) {
	        this.arrowNextBG.style.opacity = '1';
	      }
	    }

	    // in RTL, show arrow prev gradient when slider overflow overlaps with last pill tab
	    if (this.isRTL && isAtEnd) {
	      var arrowWidths = this.arrowPrev.getBoundingClientRect().width + this.arrowNext.getBoundingClientRect().width;
	      var sliderOverflowBoundRightVal = this.el.querySelector(Selector$B.SLIDER_OVERFLOW).getBoundingClientRect().right - arrowWidths;
	      if (sliderOverflowBoundRightVal <= lastTabBoundRightVal) {
	        this.arrowPrevBG.style.opacity = '1';
	      }
	    }
	    if (this.arrows.style.display === 'block') {
	      this.scrollElement.style.paddingInlineEnd = '120px';
	    } else {
	      this.scrollElement.style.paddingInlineEnd = '0';
	    }
	  }
	}

	/**
	 * Keep focus on clicked arrow when slider moves.
	 * @this TabSlider
	 */
	function _onArrowFocus() {
	  var arrowTarget1 = this.isRTL ? this.arrowNext : this.arrowPrev;
	  var arrowTarget2 = this.isRTL ? this.arrowPrev : this.arrowNext;
	  if (this.arrowDirection === Direction$2.LEFT) {
	    if (arrowTarget1.style.display === 'block') {
	      arrowTarget1.focus();
	    } else {
	      arrowTarget2.focus();
	    }
	  } else if (this.arrowDirection === Direction$2.RIGHT) {
	    if (arrowTarget2.style.display === 'block') {
	      arrowTarget2.focus();
	    } else {
	      arrowTarget1.focus();
	    }
	  }
	}

	/**
	 * Event trigger on click to move the slide left or right depending on which arrow has been clicked.
	 * @param {Event} event - DOM event.
	 * @this TabSlider
	 */
	function _onArrowClick(event) {
	  event.preventDefault();
	  this.isArrowClicked = true;
	  _updateTabWindowWidth.call(this);

	  // check for which arrow has been clicked
	  if (event.target.matches(Selector$B.ARROW_NEXT) || event.target.matches(Selector$B.SLIDER_ARROW_NEXT)) {
	    this.arrowDirection = this.isRTL ? Direction$2.LEFT : Direction$2.RIGHT;
	  } else {
	    this.arrowDirection = this.isRTL ? Direction$2.RIGHT : Direction$2.LEFT;
	  }
	  var slideToTarget = _getSlideToTarget.call(this);
	  if (!slideToTarget) {
	    return;
	  }
	  _setScrollLeft.call(this, slideToTarget);
	}

	/**
	 * Set left position of tab window to left position of target element.
	 * @param {HTMLElement} slideToTarget - Target element for position alignment.
	 * @this TabSlider
	 */
	function _setScrollLeft(slideToTarget) {
	  var arrowPadding = parseInt(getComputedStyle(this.arrowPrev).paddingLeft, 10) || parseInt(getComputedStyle(this.arrowNext).paddingLeft, 10);
	  var scrollElementLeft = Math.floor(this.scrollElement.scrollLeft);
	  var slideToTargetVal = Math.floor(_getBoundingRectValue.call(this, slideToTarget, 'left'));
	  var scrollElementVal = Math.floor(_getBoundingRectValue.call(this, this.scrollElement, 'left'));
	  var scrollAmount;
	  /*
	  To compensate for the additional padding applied to the slider container
	  */
	  var scrollOffset = this.alwaysShowSliderButtonControls || this.isSliderTypeOffsetArrows ? 8 : 0;
	  if (this.isRTL) {
	    if (this.arrowDirection === Direction$2.LEFT) {
	      scrollAmount = scrollElementLeft + slideToTargetVal + scrollElementVal + arrowPadding + scrollOffset;
	    } else {
	      scrollAmount = scrollElementLeft - slideToTargetVal - scrollElementVal + arrowPadding + scrollOffset;
	    }
	  } else {
	    scrollAmount = scrollElementLeft + slideToTargetVal - scrollElementVal - arrowPadding - scrollOffset;
	  }

	  // Account for Tabs Product Selector's additional margin
	  if (this.isTabTypeProductSelector && scrollAmount <= this.tabsWindowWidthMargin) {
	    if (this.isRTL) {
	      scrollAmount += this.tabsWindowWidthMargin;
	    } else {
	      scrollAmount -= this.tabsWindowWidthMargin;
	    }
	  }
	  try {
	    this.scrollElement.scrollTo({
	      left: scrollAmount,
	      behavior: Util$1.prefersReducedMotion() ? 'auto' : 'smooth'
	    });
	  } catch (_unused) {
	    this.scrollElement.scrollLeft = scrollAmount;
	  }
	}

	/**
	 * Get tab element for scroll target positioning.
	 * @return {Element|undefined} - element for which to set left position
	 * @this TabSlider
	 */
	function _getSlideToTarget() {
	  var tabTarget;
	  var i;
	  var widthRemaining;
	  var tabBounds;
	  var tabListWindowBounds = this.el.getBoundingClientRect();
	  if (this.arrowDirection === Direction$2.RIGHT) {
	    i = this.tabListItems.length;

	    /**
	     * Start at right most tab and decrement until
	     * the first tab not in the tab window is found
	     * */
	    while (i--) {
	      // break if last tab is within tab window
	      if (i === this.tabListItems.length - 1 && _inTabWindow(this.tabListItems[i], this.el)) {
	        break;
	      }

	      // update to track the left most tab within the tab window
	      if (_getBoundingRectValue.call(this, this.tabListItems[i], 'right') >= _getBoundingRectValue.call(this, this.el, 'right')) {
	        tabTarget = this.tabListItems[i];

	        // update left most tab shown in tab window
	        this.tabSlideTarget.el = tabTarget;
	        this.tabSlideTarget.index = i;
	      } else {
	        break;
	      }
	    }
	  } else {
	    /**
	     * Start at left most tab in tab window, decrement and find
	     * out how many tabs can fit within the tab window.
	     * */
	    i = this.tabSlideTarget.index;
	    widthRemaining = tabListWindowBounds.width;
	    tabTarget = this.tabListItems[i];
	    if (i === -1) {
	      return;
	    }
	    while (i-- && widthRemaining >= 0) {
	      tabBounds = this.tabListItems[i].getBoundingClientRect();
	      // break if first tab is within tab window
	      if (i === 0 && _inTabWindow(this.tabListItems[i], this.el)) {
	        break;
	      }
	      widthRemaining -= tabBounds.width; // subtract tab width from tab window
	      tabTarget = this.tabListItems[i];

	      // update left most tab shown in tab window
	      this.tabSlideTarget.el = tabTarget;
	      this.tabSlideTarget.index = i;

	      // break if the tab before this tab element creates a negative value
	      if (this.tabListItems[i - 1] && widthRemaining - this.tabListItems[i - 1].getBoundingClientRect().width < 0) {
	        break;
	      }
	    }
	  }
	  return tabTarget;
	}
	function _isReversed() {
	  // check if the `tab-group` in the slider has the styles of `flex-direction: row-reverse;`
	  return getComputedStyle(this.tabGroup).flexDirection === 'row-reverse';
	}

	/**
	 * Window resize handler (also runs on instantiation).
	 * Sets container width, shows/hides arrows depending on visible tabs, and resets
	 * styles when slider is not needed.
	 * @this TabSlider
	 */
	function _onWindowResize$1() {
	  // width of tab container - left/right padding + vfi outline
	  var tabContainerWidth = this.el.offsetWidth - parseInt(getComputedStyle(this.el).paddingLeft, 10) * 2 + VFI_WIDTH_DOUBLED;
	  var arrowsStyleDisplay = getComputedStyle(this.arrows).display;

	  // recalculate if tabs have changed widths from media queries, etc
	  _updateTabWindowWidth.call(this);

	  // don't do anything if container is large enough to hold tabs
	  if (tabContainerWidth >= this.tabListWidth) {
	    if (arrowsStyleDisplay === 'block' || this.tabWindow.style.width) {
	      this.arrows.style.display = 'none';
	      this.tabWindow.style.width = '';
	    }

	    // add justify center class if it existed
	    if (this.tabContentCentered) {
	      var _this$tabGroup;
	      (_this$tabGroup = this.tabGroup) == null ? void 0 : _this$tabGroup.classList.add(ClassName$l.JUSTIFY_CENTER);
	    }
	    if (this.isCarouselMediaPlaylistVideo) {
	      this.tabWindow.classList.add(ClassName$l.JUSTIFY_CENTER);
	      this.arrows.classList.add('d-none');
	      this.tabWindow.style.marginTop = '50px';
	    }
	    return;
	  }

	  // else: set container overflow for tabs
	  this.tabWindow.style.width = this.tabListWidth + 'px';

	  // align tabs to the left when arrows appear
	  if (this.tabContentCentered) {
	    var _this$tabGroup2;
	    (_this$tabGroup2 = this.tabGroup) == null ? void 0 : _this$tabGroup2.classList.remove(ClassName$l.JUSTIFY_CENTER);
	  }

	  // remove justify content:center class when arrows appears
	  if (this.isCarouselMediaPlaylistVideo) {
	    this.tabWindow.classList.remove(ClassName$l.JUSTIFY_CENTER);
	    this.tabWindow.style.marginTop = '0';
	    this.arrows.classList.remove('d-none');
	  }

	  // update tab list and last tab bounds
	  this.tabListItems = this.tabListItems || this.el.querySelectorAll(Selector$B.ROLE_OPTION);
	  this.lastTabBounds = this.tabListItems[this.tabListItems.length - 1].getBoundingClientRect();

	  // show arrows when the right most tab is out of bounds of the container by 40px (arrow width)
	  var lastTabBoundsRightVal = _getBoundingRectValue.call(this, _isReversed.call(this) ? this.tabListItems[0] : this.tabListItems[this.tabListItems.length - 1], 'right');
	  var tabMountBoundsRightVal = _getBoundingRectValue.call(this, this.el, 'right');

	  // add margin and padding offset to arrow display calculations to determine if the slider is at the end of the window
	  var tabMountBoundsOffset = 0;
	  if (this.isTabTypeProductSelector) {
	    var sliderWindowComputedStyles = getComputedStyle(this.el.querySelector(Selector$B.SLIDER_WINDOW));
	    tabMountBoundsOffset = parseInt(sliderWindowComputedStyles.paddingRight, 10) + parseInt(sliderWindowComputedStyles.marginRight, 10);
	  }
	  if (arrowsStyleDisplay === 'none' && tabMountBoundsRightVal - tabMountBoundsOffset - this.arrowOffsetWidth <= lastTabBoundsRightVal - this.arrowOffsetWidth) {
	    this.arrows.style.display = 'block';
	  }

	  // hide arrows before shifting left position
	  _showHideArrow.call(this);
	}

	/**
	 * Focus event handler to capture selected tab and its index for positioning.
	 * @param {Event} event - DOM focus event.
	 * @this TabSlider
	 */
	function _onFocus$1(_ref) {
	  var target = _ref.target;
	  var focusedTab = target;
	  if (focusedTab.matches(Selector$B.ROLE_OPTION) || focusedTab.matches(this.listItemSelector)) {
	    // Check scrollY before and after scrollIntoView, prevent flicker from scrollIntoView
	    var prevScrollY = window.scrollY;

	    // This conditional prevents mouse clicks from scrolling the focused object into view in Media Playlist Video. If the user is tabbing through items to focus, it will trigger the scrolling effect.
	    if (!this.isCarouselMediaPlaylistVideo || this.isTabKeyPressed) {
	      focusedTab.scrollIntoView(this.scrollIntoViewOptions);
	    }
	    if (prevScrollY !== window.scrollY) {
	      window.scrollTo({
	        top: prevScrollY
	      });
	    }

	    // store left-most tab shown in tab window
	    this.tabSlideTarget.el = focusedTab;
	    this.tabSlideTarget.index = [].slice.call(this.tabListItems).indexOf(focusedTab);
	  }
	}

	/**
	 * Keydown event to capture if key pressed is "Tab".
	 * @this TabSlider
	 */
	function _onKeyDown(event) {
	  if (Util$1.getKeyCode(event) === Util$1.keyCodes.TAB) {
	    this.isTabKeyPressed = true;
	  }
	}

	/**
	 * Keyup event to capture if key pressed is "Tab" or "Shift".
	 * @this TabSlider
	 */
	function _onKeyUp(event) {
	  if (Util$1.getKeyCode(event) === Util$1.keyCodes.TAB || Util$1.getKeyCode(event) === 16) {
	    this.isTabKeyPressed = false;
	  }
	}

	/**
	 * Event handler to scroll tab into view (can be prevented with option).
	 * @param {HTMLElement} tab - The selected tab element.
	 * @param {boolean} scrollIntoView - Whether to scroll element into view.
	 * @param {Object} scrollIntoViewOptions - The focused tab's options for the scroll behavior and alignment. Uses `_createScrollOptions` to generate the options object.
	 */
	function _onShow(tab, scrollIntoView, scrollIntoViewOptions) {
	  if (scrollIntoView) {
	    tab.scrollIntoView(scrollIntoViewOptions);
	  }
	}

	/**
	 * Scroll callback to move slider if triggered by keyboard events: left/right, tab/shift+tab.
	 * @this TabSlider
	 */
	function _onScroll() {
	  _showHideArrow.call(this);

	  // focus on the arrow only if an arrow was clicked (prevents keyboard presses from activating arrow focus)
	  if (this.arrowDirection && (document.activeElement === this.arrowNext || document.activeElement === this.arrowPrev)) {
	    _onArrowFocus.call(this);
	  }

	  // prevent scroll event from doing additional variable updates
	  if (this.isArrowClicked) {
	    this.isArrowClicked = false;
	    return;
	  }

	  // store left-most tab shown in tab window
	  for (var i = this.isRTL ? this.tabSlideTarget.index : 0; i < this.tabListItems.length; i++) {
	    if (this.tabListItems[i].getBoundingClientRect().left > 0) {
	      this.tabSlideTarget.el = this.tabListItems[i];
	      this.tabSlideTarget.index = i;
	      break;
	    }
	  }
	}

	/**
	 * Accurately calculate all elements that make up the tab width.
	 * @param {HTMLElement} tab - tab element
	 * @return {number} tab width value
	 */
	function _getTabWidth(tab) {
	  var _getComputedStyle = getComputedStyle(tab),
	    marginLeft = _getComputedStyle.marginLeft,
	    marginRight = _getComputedStyle.marginRight;
	  marginLeft = Math.abs(parseInt(marginLeft, 10)) || 0;
	  marginRight = Math.abs(parseInt(marginRight, 10)) || 0;
	  return tab.offsetWidth +
	  // includes borders
	  marginLeft + marginRight;
	}

	/**
	 * Calculate tab group's column-gap property value
	 * @param {HTMLElement} tabGroup - tab group element
	 * @returns {number} tabGroup's column-gap property value
	 */
	function _getTabGroupColumnGap(tabGroup) {
	  if (!tabGroup) return 0;
	  var _getComputedStyle2 = getComputedStyle(tabGroup),
	    columnGap = _getComputedStyle2.columnGap;
	  return Math.abs(parseInt(columnGap, 10)) || 0;
	}

	/**
	 * Update tab window width.
	 * On page load, whitespace buffer is created to account for tab widths when letter-spacing increases,
	 * but tab window should be readjusted to remove whitespace.
	 * @this TabSlider
	 */
	function _updateTabWindowWidth() {
	  var _this = this;
	  this.tabListWidth = 0;
	  this.tabListItems.forEach(function (tab) {
	    _this.tabListWidth += _getTabWidth(tab);
	  });

	  // if a carousel indicator exists, call the function that updates tabListWidth to account for gap width.
	  if (this.carouselIndicator) _updateTabListWidthForCarousel.call(this);
	  this.tabListWidth += VFI_WIDTH_DOUBLED; // account for outer VFIs

	  // Need to consider columnGap for tab-list--product-selector
	  this.tabListWidth += _getTabGroupColumnGap(this.tabGroup) * (this.tabListItems.length - 1);

	  // do not reset style on first load
	  if (!this.isTabWindowWidthAdjusted && this.tabWindow.style.width) {
	    this.tabWindow.style.width = this.tabListWidth + 'px';
	    this.isTabWindowWidthAdjusted = true;
	  }
	}

	/**
	 * If the slider is embedded in a carousel, then the tabListWidth value will be edited so that it accounts for the slider's gap value
	 * @this TabSlider
	 */
	function _updateTabListWidthForCarousel() {
	  this.tabListWidth += parseInt(getComputedStyle(this.carouselIndicator).gap, 10) * (this.tabListItems.length - 1);
	}

	/**
	 * Get left (LTR) or right (RTL) rectangle bounding value.
	 * @param {HTMLElement} tab - tab element
	 * @param {('left'|'right')} side - side on which to calculate position.
	 * @return {number} - left or right bounding value of element.
	 */
	function _getBoundingRectValue(tab, side) {
	  if (side === void 0) {
	    side = 'left';
	  }
	  var tabBounds = tab.getBoundingClientRect();
	  if (side === 'left') {
	    if (this.isRTL) {
	      var elementStyles = getComputedStyle(tab);
	      var borderRight = parseInt(elementStyles.borderRightWidth, 10);
	      var marginRight = parseInt(elementStyles.marginRight, 10);
	      return Math.abs(tabBounds.right + borderRight + marginRight - window.innerWidth);
	    }
	    return tabBounds.left;
	  }
	  if (this.isRTL) {
	    return Math.abs(tabBounds.left - window.innerWidth);
	  }
	  return tabBounds.right;
	}
	function _generateEvents$2() {
	  var _this2 = this;
	  var events = [{
	    el: this.arrowPrev,
	    type: EventName$y.CLICK_DATA_API,
	    handler: this.onPrevArrowClick
	  }, {
	    el: this.arrowNext,
	    type: EventName$y.CLICK_DATA_API,
	    handler: this.onNextArrowClick
	  }, {
	    el: window,
	    type: EventName$y.RESIZE_DATA_API,
	    handler: throttle(DELAY_MS$6, this.onWindowResize)
	  }, {
	    el: this.scrollElement,
	    type: EventName$y.SCROLL_DATA_API,
	    handler: throttle(DELAY_MS$6, this.onScrollEvent)
	  }];
	  this.tabListItems.forEach(function (tab) {
	    events.push({
	      el: tab,
	      type: EventName$y.FOCUS_DATA_API,
	      handler: _this2.onFocusEvent
	    }, {
	      el: tab,
	      type: EventName$z.SHOW,
	      handler: function handler(_event) {
	        return _onShow(tab, _this2.scrollIntoView, _this2.scrollIntoViewOptions);
	      }
	    });
	    if (_this2.isCarouselMediaPlaylistVideo) {
	      events.push({
	        el: tab,
	        type: EventName$y.KEYDOWN_DATA_API,
	        handler: _this2.onKeyDown
	      }, {
	        el: tab,
	        type: EventName$y.KEYUP_DATA_API,
	        handler: _this2.onKeyUp
	      });
	    }
	  });
	  return events;
	}

	/**
	 * This method checks if the current element is a descendant of an element with a specific selector.
	 *
	 * @param {string} [targetSelector] - The selector to check for.
	 * @returns {boolean} `true` if the current element is a descendant of an element that matches the specified selector(s), `false` otherwise.
	 */
	function _isDescendantOfSpecifiedElement(targetSelector) {
	  if (!targetSelector) {
	    return Boolean(this.el.closest(Selector$B.TAB_TYPE_PRODUCT_SELECTOR) || this.el.closest(Selector$B.CAROUSEL_MEDIA_PLAYLIST_VIDEO) || this.el.closest(Selector$B.TAB_TYPE_BADGE) || this.el.closest(Selector$B.POPOVER_LIST) || this.el.closest(Selector$B.TAB_TYPE_COMPOUND) || this.el.closest(Selector$B.TAB_TYPE_LINK));
	  }
	  return Boolean(this.el.closest(targetSelector));
	}

	/**
	 * This method generates a scroll options object used for scrollIntoView() method. https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView
	 *
	 * @param {string} inline - Accepts 'start', 'end', 'center', or 'nearest'
	 * @param {string} block - Accepts 'start', 'end', 'center', or 'nearest'
	 * @returns {object} - Return object containing scroll options.
	 */
	function _createScrollOptions(inline, block) {
	  return {
	    inline: inline,
	    block: block,
	    behavior: Util$1.prefersReducedMotion() ? 'auto' : 'smooth'
	  };
	}

	/**
	 * Tab slider controls
	 */
	var TabSlider = /*#__PURE__*/function () {
	  /**
	   * Create a TabSlider instance
	   * @param {Object} opts - The tab slider control options.
	   * @param {HTMLElement} opts.el - The tab slider DOM node.
	   * @param {HTMLElement} opts.arrows - The tab slider's tab-arrows DOM node.
	   * @param {HTMLElement} opts.arrowNext - The tab slider's next arrow DOM node.
	   * @param {HTMLElement} opts.arrowPrev - The tab slider's prev arrow DOM node.
	   * @param {HTMLElement} opts.arrowNextBG - The tab slider's next arrow background DOM node.
	   * @param {HTMLElement} opts.arrowPrevBG - The tab slider's prev arrow background DOM node.
	   * @param {HTMLElement} opts.scrollElement - The tab slider's overflow DOM node.
	   * @param {Object} opts.scrollIntoViewOptions - The focused tab's options for the scroll behavior and alignment. Uses `_createScrollOptions` to generate the options object.
	   * @param {HTMLElement} opts.tabGroup - The tab slider's tab-group DOM node.
	   * @param {HTMLElement} opts.tabWindow - The tab slider's tab-window DOM node.
	   * @param {Array<HTMLElement>} opts.tabListItems - The tab slider's item DOM nodes.
	   * @param {Function} [opts.onPrevArrowClick] - Function to override the previous button click handler.
	   * @param {Function} [opts.onNextArrowClick] - Function to override the next button click handler.
	   * @param {Function} [opts.onWindowResize] - Function to override the resize handler.
	   * @param {Function} [opts.onScrollEvent] - Function to override the scroll event handler.
	   * @param {Function} [opts.onFocusEvent] - Function to override the focus event handler.
	   * @param {boolean} [opts.scrollIntoView=true] - Whether to scroll the selected tab into view (if overflowing container).
	   * @param {string} [opts.listItemSelector] - Optional CSS Selector String; All elements inside of the tab slider DOM node that match this selector string are used as the slider's list of items. If this is provided, any tabListItems provided in the opts will not be used.
	   */
	  function TabSlider(_ref2) {
	    var _this$tabGroup3,
	      _this3 = this;
	    var el = _ref2.el,
	      arrows = _ref2.arrows,
	      arrowNext = _ref2.arrowNext,
	      arrowPrev = _ref2.arrowPrev,
	      arrowNextBG = _ref2.arrowNextBG,
	      arrowPrevBG = _ref2.arrowPrevBG,
	      _ref2$scrollIntoView = _ref2.scrollIntoView,
	      scrollIntoView = _ref2$scrollIntoView === void 0 ? true : _ref2$scrollIntoView,
	      listItemSelector = _ref2.listItemSelector,
	      onPrevArrowClick = _ref2.onPrevArrowClick,
	      onNextArrowClick = _ref2.onNextArrowClick,
	      onFocusEvent = _ref2.onFocusEvent,
	      onScrollEvent = _ref2.onScrollEvent,
	      onWindowResize = _ref2.onWindowResize,
	      scrollElement = _ref2.scrollElement,
	      scrollIntoViewOptions = _ref2.scrollIntoViewOptions,
	      tabListItems = _ref2.tabListItems,
	      tabGroup = _ref2.tabGroup,
	      tabWindow = _ref2.tabWindow;
	    // select control nodes
	    this.el = el;
	    this.listItemSelector = listItemSelector || this.el.dataset.itemListSelector; // Customizable selector for tab list items, provided by the data-item-list attribute on the same element as the data mount

	    this.scrollElement = scrollElement || this.el.querySelector(Selector$B.TAB_OVERFLOW);
	    this.scrollIntoViewOptions = {};
	    if (this.scrollElement === null) {
	      this.scrollElement = this.el.querySelector(Selector$B.SLIDER_OVERFLOW);
	    }
	    this.tabWindow = tabWindow || this.el.querySelector(Selector$B.TAB_WINDOW);
	    if (this.tabWindow === null) {
	      this.tabWindow = this.el.querySelector(Selector$B.SLIDER_WINDOW);
	    }
	    this.tabGroup = tabGroup || this.el.querySelector(Selector$B.TAB_GROUP);
	    if (this.tabGroup === null) {
	      this.tabGroup = this.el.querySelector(Selector$B.SLIDER_TAB_GROUP) || this.el.querySelector(Selector$B.POPOVER_LIST + " " + Selector$B.SLIDER_WINDOW);
	    }
	    this.arrows = arrows || this.el.querySelector(Selector$B.ARROWS);
	    if (this.arrows === null) {
	      this.arrows = this.el.querySelector(Selector$B.SLIDER_ARROWS);
	    }
	    this.arrowPrev = arrowPrev || this.el.querySelector(Selector$B.ARROW_PREV);
	    if (this.arrowPrev === null) {
	      this.arrowPrev = this.el.querySelector(Selector$B.SLIDER_ARROW_PREV);
	    }
	    this.arrowNext = arrowNext || this.el.querySelector(Selector$B.ARROW_NEXT);
	    if (this.arrowNext === null) {
	      this.arrowNext = this.el.querySelector(Selector$B.SLIDER_ARROW_NEXT);
	    }
	    this.arrowPrevBG = arrowPrevBG || this.el.querySelector(Selector$B.SLIDER_PREV_BG);
	    if (this.arrowPrevBG === null) {
	      this.arrowPrevBG = this.el.querySelector(Selector$B.SLIDER_PREV_BG);
	    }
	    this.arrowNextBG = arrowNextBG || this.el.querySelector(Selector$B.SLIDER_NEXT_BG);
	    if (this.arrowNextBG === null) {
	      this.arrowNextBG = this.el.querySelector(Selector$B.SLIDER_NEXT_BG);
	    }
	    if (this.listItemSelector) {
	      this.tabListItems = this.el.querySelectorAll(this.listItemSelector);
	    } else {
	      this.tabListItems = tabListItems || this.el.querySelectorAll(Selector$B.ROLE_OPTION);
	    }

	    // event controls
	    this.onPrevArrowClick = onPrevArrowClick || _onArrowClick.bind(this);
	    this.onNextArrowClick = onNextArrowClick || _onArrowClick.bind(this);
	    this.onFocusEvent = onFocusEvent || _onFocus$1.bind(this);
	    this.onKeyDown = this.onKeyDown || _onKeyDown.bind(this);
	    this.onKeyUp = this.onKeyUp || _onKeyUp.bind(this);
	    this.onScrollEvent = onScrollEvent || _onScroll.bind(this);
	    this.onWindowResize = onWindowResize || _onWindowResize$1.bind(this);
	    this.isDescendantOfSpecifiedElement = _isDescendantOfSpecifiedElement.bind(this);

	    // internal variables
	    this.isRTL = document.dir === 'rtl';
	    this.isTabWindowWidthAdjusted = false;
	    this.isArrowClicked = false;
	    this.arrowDirection = Direction$2.LEFT;
	    this.arrowOffsetWidth = parseInt(this.arrowNext.dataset.width, 10) || 40;
	    this.tabContentCentered = (_this$tabGroup3 = this.tabGroup) == null ? void 0 : _this$tabGroup3.classList.contains(ClassName$l.JUSTIFY_CENTER);
	    this.tabListWidth = 0;
	    this.tabListWidthBuffer = 0; // a11y fix to increase tab list window width to allow for increased letter spacing
	    this.lastTabBounds = this.tabListItems[this.tabListItems.length - 1].getBoundingClientRect();
	    this.carouselIndicator = this.el.querySelector(Selector$B.CAROUSEL_INDICATORS);
	    // keep track of tab that is on the far left of the tab window
	    this.tabSlideTarget = {
	      el: this.isRTL ? this.tabListItems[this.tabListItems.length - 1] : this.tabListItems[0],
	      index: this.isRTL ? this.tabListItems.length - 1 : 0
	    };
	    this.scrollIntoView = scrollIntoView !== false && !this.el.hasAttribute(Attribute$6.DATA_DISABLE_SCROLL_INTO_VIEW);
	    // keep track of the Tab key
	    this.isTabKeyPressed = false;

	    // get width of all tabs; include borders and margins and parent element gaps.
	    this.tabListItems.forEach(function (tab) {
	      _this3.tabListWidth += _getTabWidth(tab);
	    });
	    if (this.carouselIndicator) _updateTabListWidthForCarousel.call(this);

	    // create a buffer of the tab window width on page load
	    this.tabListWidth *= 1.5;

	    // add class name to arrows for mobile only
	    if (Util$1.detectMobile(true)) {
	      this.arrows.classList.add(ClassName$l.MOBILE_ARROWS);
	    }
	    this.isCarouselMediaPlaylistVideo = this.isDescendantOfSpecifiedElement(Selector$B.CAROUSEL_MEDIA_PLAYLIST_VIDEO);
	    this.isTabTypeProductSelector = this.isDescendantOfSpecifiedElement(Selector$B.TAB_TYPE_PRODUCT_SELECTOR);
	    this.tabsWindowWidthMargin = 0;
	    if (this.isTabTypeProductSelector) {
	      this.tabsWindowWidthMargin = parseInt(getComputedStyle(this.el.querySelector(Selector$B.SLIDER_WINDOW)).marginLeft, 10);
	      this.onLoadScrollActiveTab();
	    }

	    // reassign scroll behavior if scrollIntoViewOptions is set in instantiation, if the component exists in Carousel, Media Playlist Video variant, or provides a default scroll behavior if neither of those conditions are true.
	    if (scrollIntoViewOptions && Object.keys(scrollIntoViewOptions).length) {
	      this.scrollIntoViewOptions = scrollIntoViewOptions;
	    } else if (this.isCarouselMediaPlaylistVideo) {
	      this.scrollIntoViewOptions = _createScrollOptions('end', 'end');
	    } else {
	      this.scrollIntoViewOptions = _createScrollOptions('center', 'nearest');
	    }
	    this.events = _generateEvents$2.call(this);
	    Util$1.addEvents(this.events);
	    tabSliders.push(this);
	    this.observer = new IntersectionObserver(function (entries) {
	      if (entries[0].isIntersecting) {
	        _this3.onWindowResize();
	      }
	    });
	    this.observer.observe(this.el);
	    this.isSliderTypeOffsetArrows = this.isDescendantOfSpecifiedElement(Selector$B.SLIDER_TYPE_OFFSET_ARROWS);
	    this.alwaysShowSliderButtonControls = this.isDescendantOfSpecifiedElement();
	    this.el.addEventListener(EventName$y.RECALCULATE_TABWINDOW_WIDTH, function () {
	      // Defer to next frame to ensure layout is up-to-date
	      window.requestAnimationFrame(function () {
	        _this3.isTabWindowWidthAdjusted = false;
	        _updateTabWindowWidth.call(_this3);
	        // Recalculate show/hide arrows after updating tab window width
	        _showHideArrow.call(_this3);
	      });
	    });
	  }

	  /**
	   * Remove event handlers.
	   * @this TabSlider
	   */
	  var _proto = TabSlider.prototype;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);

	    // Disconnect intersection observer
	    this.observer.disconnect();

	    // remove this reference from array of instances
	    var index = tabSliders.indexOf(this);
	    tabSliders.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$y.ON_REMOVE] = new CustomEvent(EventName$y.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$y.ON_REMOVE]);
	  }

	  /**
	   * Update Tab Slider
	   * @param {Object} [opts] - Tab Slider options.
	   * @param {Function} [opts.onPrevArrowClick] - Function to override the previous button click handler.
	   * @param {Function} [opts.onNextArrowClick] - Function to override the next button click handler.
	   * @param {Function} [opts.onWindowResize] - Function to override the resize handler.
	   * @param {Function} [opts.onScrollEvent] - Function to override the scroll event handler.
	   * @param {Function} [opts.onFocusEvent] - Function to override the focus event handler.
	   * @param {boolean} [opts.scrollIntoView] - Whether to scroll the selected tab into view (if overflowing container).
	   */;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    // Remove event handlers
	    Util$1.removeEvents(this.events);

	    // Update opts
	    if (opts.arrows) {
	      this.arrows = opts.arrows;
	    }
	    if (opts.arrowPrev) {
	      this.arrowPrev = opts.arrowPrev;
	    }
	    if (opts.arrowNext) {
	      this.arrowNext = opts.arrowNext;
	    }
	    if (opts.scrollElement) {
	      this.scrollElement = opts.scrollElement;
	    }
	    if (opts.tabWindow) {
	      this.tabWindow = opts.tabWindow;
	    }
	    if (opts.tabGroup) {
	      this.tabGroup = opts.tabGroup;
	    }
	    if (opts.listItemSelector) {
	      this.listItemSelector = opts.listItemSelector;
	      this.tabListItems = this.el.querySelectorAll(opts.listItemSelector);
	    }
	    if (!opts.listItemSelector && opts.tabListItems) {
	      this.tabListItems = opts.tabListItems;
	    }
	    if (opts.onPrevArrowClick) {
	      this.onPrevArrowClick = opts.onPrevArrowClick;
	    }
	    if (opts.onNextArrowClick) {
	      this.onNextArrowClick = opts.onNextArrowClick;
	    }
	    if (opts.onWindowResize) {
	      this.onWindowResize = opts.onWindowResize;
	    }
	    if (opts.onScrollEvent) {
	      this.onScrollEvent = opts.onScrollEvent;
	    }
	    if (opts.onFocusEvent) {
	      this.onFocusEvent = opts.onFocusEvent;
	    }
	    if (typeof opts.scrollIntoView === 'boolean') {
	      this.scrollIntoView = opts.scrollIntoView;
	    }

	    // Rebuild events array
	    this.events = _generateEvents$2.call(this);

	    // Add event handlers
	    Util$1.addEvents(this.events);

	    // Create and dispatch custom event
	    this[EventName$y.ON_UPDATE] = new CustomEvent(EventName$y.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$y.ON_UPDATE]);
	  }

	  /**
	   * Go to next tabs
	   * @this TabSlider
	   */;
	  _proto.onClickNextArrow = function onClickNextArrow() {
	    // Create and dispatch custom event
	    this[EventName$y.ON_SCROLL] = new CustomEvent(EventName$y.ON_SCROLL, {
	      bubbles: true,
	      cancelable: true
	    });
	    this.el.dispatchEvent(this[EventName$y.ON_SCROLL]);
	    if (this[EventName$y.ON_SCROLL].defaultPrevented) {
	      return;
	    }
	    this.arrowNext.click();
	  }

	  /**
	   * Go to previous tabs
	   * @this TabSlider
	   */;
	  _proto.onClickPrevArrow = function onClickPrevArrow() {
	    // Create and dispatch custom event
	    this[EventName$y.ON_SCROLL] = new CustomEvent(EventName$y.ON_SCROLL, {
	      bubbles: true,
	      cancelable: true
	    });
	    this.el.dispatchEvent(this[EventName$y.ON_SCROLL]);
	    if (this[EventName$y.ON_SCROLL].defaultPrevented) {
	      return;
	    }
	    this.arrowPrev.click();
	  };
	  _proto.onLoadScrollActiveTab = function onLoadScrollActiveTab() {
	    // Get active tab if there is one, and scroll it into view.
	    var activeTab = this.el.querySelector(Selector$B.ACTIVE);
	    if (activeTab) {
	      var sliderWindow = this.el.querySelector(Selector$B.SLIDER_WINDOW);
	      var sliderContainer = this.el.closest(Selector$B.CONTAINER);
	      // Calculates padding and margins added from sliderWindow and the container class. If either sliderWindow or sliderContainer are null, then return objects with 0 values
	      var sliderWindowDimensions = sliderWindow ? getComputedStyle(sliderWindow) : {
	        marginRight: '0',
	        paddingRight: '0',
	        marginLeft: '0',
	        paddingLeft: '0'
	      };
	      var sliderContainerDimensions = sliderContainer ? getComputedStyle(sliderContainer) : {
	        paddingRight: '0',
	        paddingLeft: '0'
	      };
	      var sliderWindowOffset = this.isRTL ? parseInt(sliderWindowDimensions.marginRight, 10) + parseInt(sliderWindowDimensions.paddingRight, 10) + parseInt(sliderContainerDimensions.paddingRight, 10) : parseInt(sliderWindowDimensions.marginLeft, 10) + parseInt(sliderWindowDimensions.paddingLeft, 10) + parseInt(sliderContainerDimensions.paddingLeft, 10);

	      // Calculates the distance from the edge of the active tab to the window edge
	      var scrollAmount = this.isRTL ? window.innerWidth - activeTab.getBoundingClientRect().right - sliderWindowOffset : activeTab.getBoundingClientRect().left - sliderWindowOffset;
	      this.el.querySelector(Selector$B.SLIDER_OVERFLOW).scrollLeft = this.isRTL ? -scrollAmount : scrollAmount;
	    }
	  }

	  /**
	   * Get instances.
	   * @returns {Object} A object instance
	   */;
	  TabSlider.getInstances = function getInstances() {
	    return tabSliders;
	  };
	  return TabSlider;
	}();

	var uncurryThis$7 = functionUncurryThis;
	var defineBuiltIns$1 = defineBuiltIns$4;
	var getWeakData = internalMetadataExports.getWeakData;
	var anInstance$2 = anInstance$8;
	var anObject$1 = anObject$l;
	var isNullOrUndefined = isNullOrUndefined$9;
	var isObject$2 = isObject$l;
	var iterate = iterate$5;
	var ArrayIterationModule = arrayIteration;
	var hasOwn$5 = hasOwnProperty_1;
	var InternalStateModule$1 = internalState;

	var setInternalState$1 = InternalStateModule$1.set;
	var internalStateGetterFor = InternalStateModule$1.getterFor;
	var find = ArrayIterationModule.find;
	var findIndex = ArrayIterationModule.findIndex;
	var splice = uncurryThis$7([].splice);
	var id = 0;

	// fallback for uncaught frozen keys
	var uncaughtFrozenStore = function (state) {
	  return state.frozen || (state.frozen = new UncaughtFrozenStore());
	};

	var UncaughtFrozenStore = function () {
	  this.entries = [];
	};

	var findUncaughtFrozen = function (store, key) {
	  return find(store.entries, function (it) {
	    return it[0] === key;
	  });
	};

	UncaughtFrozenStore.prototype = {
	  get: function (key) {
	    var entry = findUncaughtFrozen(this, key);
	    if (entry) return entry[1];
	  },
	  has: function (key) {
	    return !!findUncaughtFrozen(this, key);
	  },
	  set: function (key, value) {
	    var entry = findUncaughtFrozen(this, key);
	    if (entry) entry[1] = value;
	    else this.entries.push([key, value]);
	  },
	  'delete': function (key) {
	    var index = findIndex(this.entries, function (it) {
	      return it[0] === key;
	    });
	    if (~index) splice(this.entries, index, 1);
	    return !!~index;
	  }
	};

	var collectionWeak$1 = {
	  getConstructor: function (wrapper, CONSTRUCTOR_NAME, IS_MAP, ADDER) {
	    var Constructor = wrapper(function (that, iterable) {
	      anInstance$2(that, Prototype);
	      setInternalState$1(that, {
	        type: CONSTRUCTOR_NAME,
	        id: id++,
	        frozen: undefined
	      });
	      if (!isNullOrUndefined(iterable)) iterate(iterable, that[ADDER], { that: that, AS_ENTRIES: IS_MAP });
	    });

	    var Prototype = Constructor.prototype;

	    var getInternalState = internalStateGetterFor(CONSTRUCTOR_NAME);

	    var define = function (that, key, value) {
	      var state = getInternalState(that);
	      var data = getWeakData(anObject$1(key), true);
	      if (data === true) uncaughtFrozenStore(state).set(key, value);
	      else data[state.id] = value;
	      return that;
	    };

	    defineBuiltIns$1(Prototype, {
	      // `{ WeakMap, WeakSet }.prototype.delete(key)` methods
	      // https://tc39.es/ecma262/#sec-weakmap.prototype.delete
	      // https://tc39.es/ecma262/#sec-weakset.prototype.delete
	      'delete': function (key) {
	        var state = getInternalState(this);
	        if (!isObject$2(key)) return false;
	        var data = getWeakData(key);
	        if (data === true) return uncaughtFrozenStore(state)['delete'](key);
	        return data && hasOwn$5(data, state.id) && delete data[state.id];
	      },
	      // `{ WeakMap, WeakSet }.prototype.has(key)` methods
	      // https://tc39.es/ecma262/#sec-weakmap.prototype.has
	      // https://tc39.es/ecma262/#sec-weakset.prototype.has
	      has: function has(key) {
	        var state = getInternalState(this);
	        if (!isObject$2(key)) return false;
	        var data = getWeakData(key);
	        if (data === true) return uncaughtFrozenStore(state).has(key);
	        return data && hasOwn$5(data, state.id);
	      }
	    });

	    defineBuiltIns$1(Prototype, IS_MAP ? {
	      // `WeakMap.prototype.get(key)` method
	      // https://tc39.es/ecma262/#sec-weakmap.prototype.get
	      get: function get(key) {
	        var state = getInternalState(this);
	        if (isObject$2(key)) {
	          var data = getWeakData(key);
	          if (data === true) return uncaughtFrozenStore(state).get(key);
	          return data ? data[state.id] : undefined;
	        }
	      },
	      // `WeakMap.prototype.set(key, value)` method
	      // https://tc39.es/ecma262/#sec-weakmap.prototype.set
	      set: function set(key, value) {
	        return define(this, key, value);
	      }
	    } : {
	      // `WeakSet.prototype.add(value)` method
	      // https://tc39.es/ecma262/#sec-weakset.prototype.add
	      add: function add(value) {
	        return define(this, value, true);
	      }
	    });

	    return Constructor;
	  }
	};

	var FREEZING = freezing;
	var global$4 = global$y;
	var uncurryThis$6 = functionUncurryThis;
	var defineBuiltIns = defineBuiltIns$4;
	var InternalMetadataModule = internalMetadataExports;
	var collection$1 = collection$3;
	var collectionWeak = collectionWeak$1;
	var isObject$1 = isObject$l;
	var enforceInternalState = internalState.enforce;
	var fails$6 = fails$I;
	var NATIVE_WEAK_MAP = weakMapBasicDetection;

	var $Object = Object;
	// eslint-disable-next-line es/no-array-isarray -- safe
	var isArray = Array.isArray;
	// eslint-disable-next-line es/no-object-isextensible -- safe
	var isExtensible = $Object.isExtensible;
	// eslint-disable-next-line es/no-object-isfrozen -- safe
	var isFrozen = $Object.isFrozen;
	// eslint-disable-next-line es/no-object-issealed -- safe
	var isSealed = $Object.isSealed;
	// eslint-disable-next-line es/no-object-freeze -- safe
	var freeze = $Object.freeze;
	// eslint-disable-next-line es/no-object-seal -- safe
	var seal = $Object.seal;

	var FROZEN = {};
	var SEALED = {};
	var IS_IE11 = !global$4.ActiveXObject && 'ActiveXObject' in global$4;
	var InternalWeakMap;

	var wrapper = function (init) {
	  return function WeakMap() {
	    return init(this, arguments.length ? arguments[0] : undefined);
	  };
	};

	// `WeakMap` constructor
	// https://tc39.es/ecma262/#sec-weakmap-constructor
	var $WeakMap = collection$1('WeakMap', wrapper, collectionWeak);
	var WeakMapPrototype = $WeakMap.prototype;
	var nativeSet = uncurryThis$6(WeakMapPrototype.set);

	// Chakra Edge bug: adding frozen arrays to WeakMap unfreeze them
	var hasMSEdgeFreezingBug = function () {
	  return FREEZING && fails$6(function () {
	    var frozenArray = freeze([]);
	    nativeSet(new $WeakMap(), frozenArray, 1);
	    return !isFrozen(frozenArray);
	  });
	};

	// IE11 WeakMap frozen keys fix
	// We can't use feature detection because it crash some old IE builds
	// https://github.com/zloirock/core-js/issues/485
	if (NATIVE_WEAK_MAP) if (IS_IE11) {
	  InternalWeakMap = collectionWeak.getConstructor(wrapper, 'WeakMap', true);
	  InternalMetadataModule.enable();
	  var nativeDelete = uncurryThis$6(WeakMapPrototype['delete']);
	  var nativeHas = uncurryThis$6(WeakMapPrototype.has);
	  var nativeGet = uncurryThis$6(WeakMapPrototype.get);
	  defineBuiltIns(WeakMapPrototype, {
	    'delete': function (key) {
	      if (isObject$1(key) && !isExtensible(key)) {
	        var state = enforceInternalState(this);
	        if (!state.frozen) state.frozen = new InternalWeakMap();
	        return nativeDelete(this, key) || state.frozen['delete'](key);
	      } return nativeDelete(this, key);
	    },
	    has: function has(key) {
	      if (isObject$1(key) && !isExtensible(key)) {
	        var state = enforceInternalState(this);
	        if (!state.frozen) state.frozen = new InternalWeakMap();
	        return nativeHas(this, key) || state.frozen.has(key);
	      } return nativeHas(this, key);
	    },
	    get: function get(key) {
	      if (isObject$1(key) && !isExtensible(key)) {
	        var state = enforceInternalState(this);
	        if (!state.frozen) state.frozen = new InternalWeakMap();
	        return nativeHas(this, key) ? nativeGet(this, key) : state.frozen.get(key);
	      } return nativeGet(this, key);
	    },
	    set: function set(key, value) {
	      if (isObject$1(key) && !isExtensible(key)) {
	        var state = enforceInternalState(this);
	        if (!state.frozen) state.frozen = new InternalWeakMap();
	        nativeHas(this, key) ? nativeSet(this, key, value) : state.frozen.set(key, value);
	      } else nativeSet(this, key, value);
	      return this;
	    }
	  });
	// Chakra Edge frozen keys fix
	} else if (hasMSEdgeFreezingBug()) {
	  defineBuiltIns(WeakMapPrototype, {
	    set: function set(key, value) {
	      var arrayIntegrityLevel;
	      if (isArray(key)) {
	        if (isFrozen(key)) arrayIntegrityLevel = FROZEN;
	        else if (isSealed(key)) arrayIntegrityLevel = SEALED;
	      }
	      nativeSet(this, key, value);
	      if (arrayIntegrityLevel == FROZEN) freeze(key);
	      if (arrayIntegrityLevel == SEALED) seal(key);
	      return this;
	    }
	  });
	}

	var instances$u = [];
	var EventName$x = {
	  CLICK: 'click',
	  HIDE: 'onHide',
	  HIDDEN: 'onHidden',
	  SHOW: 'onShow',
	  SHOWN: 'onShown',
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate',
	  FOCUSIN: 'focusin',
	  RESIZE: 'resize',
	  CLICK_DISMISS: 'click.dismiss',
	  KEYDOWN: 'keydown'
	};
	var ClassName$k = {
	  SCROLLABLE: 'modal-dialog-scrollable',
	  SCROLLBAR_MEASURER: 'modal-scrollbar-measure',
	  BACKDROP: 'modal-backdrop',
	  OPEN: 'modal-open',
	  FADE: 'fade',
	  SHOW: 'show',
	  THEME_NIGHT: 'theme-night',
	  THEME_DAY: 'theme-day',
	  REIMAGINE_MODAL: 'reimagine-modal',
	  UNIVERSAL_HEADER: 'universalheader'
	};
	var Selector$A = {
	  DIALOG: '.modal-dialog',
	  MODAL_BODY: '.modal-body',
	  DATA_MOUNT: '[data-mount="reimagine-modal"]',
	  DATA_DISMISS: '[data-dismiss="modal"]',
	  FIXED_CONTENT: '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',
	  STICKY_CONTENT: '.sticky-top',
	  CAROUSEL_CONTROLS: '.carousel__controls',
	  MODAL_VIDEO: '.ow-m365-video-player-ctn video.f-video-player',
	  MODAL_UMP: 'universal-media-player',
	  MODAL_WRAPPER: '.modal-wrapper',
	  PAGE_FOOTER: '#footerArea',
	  CONTACT_SALES_SECTION: "[data-mount='contact-sales']",
	  UNIVERSAL_HEADER: "." + ClassName$k.UNIVERSAL_HEADER,
	  UMP_CONTROL_BAR: 'ump-control-bar',
	  UMP_CONTROLS: 'ump-controls',
	  UMP_BIG_PLAY_BTN: 'ump-big-play-button',
	  UMP_FULL_SCREEN_BTN: 'button[data-testid="fullscreen-button"]'
	};
	var Attributes$c = {
	  ARIA_HIDDEN: 'aria-hidden',
	  INERT: 'inert'
	};

	// Event Handlers

	/**
	 * Handler for keydown event
	 * @param {Event} event - the event captured by the listener
	 * @this Modal
	 */
	function onKeydown(event) {
	  switch (Util$1.getKeyCode(event)) {
	    case Util$1.keyCodes.ESC:
	      {
	        event.preventDefault();
	        this.hide();
	        break;
	      }
	    case Util$1.keyCodes.TAB:
	      {
	        var activeElement = this.getActiveElement();
	        if ((activeElement === this.firstTabbableElement || activeElement === this.el) && event.shiftKey) {
	          var _this$lastTabbableEle;
	          event.preventDefault();
	          (_this$lastTabbableEle = this.lastTabbableElement) == null ? void 0 : _this$lastTabbableEle.focus();
	        }
	        if (activeElement === this.lastTabbableElement && !event.shiftKey) {
	          event.preventDefault();
	          this.firstTabbableElement.focus();
	        }
	        break;
	      }
	  }
	}

	/**
	 * Handler for document focusin event
	 * @param {Event} event - the event captured by the listener
	 * @this Modal
	 */
	function onDocumentFocusin(event) {
	  if (document !== event.target && this.el !== event.target && !this.el.contains(event.target)) {
	    this.el.focus();
	  }
	}

	/**
	 * Handler for backdrop event.
	 * If there is a UMP in the modal, it will not close the modal when the UMP download link is clicked.
	 * @param {Event} event - The event captured by the listener
	 * @this Modal
	 */
	function onBackdropClick(event) {
	  var isInsideDialog = this.dialog.contains(event.target);
	  var isUmpDownload = this.isModalWithUmP && event.target.download;
	  if (!isInsideDialog && !isUmpDownload) {
	    // Create and dispatch the event
	    this.el.dispatchEvent(this[EventName$x.CLICK_DISMISS]);
	  }
	}

	/**
	 * Handler for dismiss click event
	 * @param {Event} event - the event captured by the listener
	 * @this Modal
	 */
	function onClickDismiss(event) {
	  if (event.target !== event.currentTarget) {
	    return;
	  }
	  this.hide();
	}

	/**
	 * Handles the internal logic for showing an element
	 * @this Modal
	 */
	function _showElement() {
	  var _this = this;
	  var transition = this.el.classList.contains(ClassName$k.FADE);
	  if (!this.el.parentNode || this.el.parentNode.nodeType !== Node.ELEMENT_NODE) {
	    // Don't move modal's DOM position
	    document.body.append(this.el);
	  }
	  this.el.style.display = 'block';
	  this.el.removeAttribute(Attributes$c.ARIA_HIDDEN);
	  this.el.setAttribute('aria-modal', 'true');
	  if (this.dialog.classList.contains(ClassName$k.SCROLLABLE)) {
	    this.dialog.querySelector(Selector$A.MODAL_BODY).scrollTop = 0;
	  } else {
	    this.el.scrollTop = 0;
	  }
	  if (transition) {
	    Util$1.reflow(this.el);
	  }
	  this.el.classList.add(ClassName$k.SHOW);
	  _setAriaHidden.call(this);
	  _enforceFocus.call(this);
	  var transitionComplete = function transitionComplete() {
	    // Place initial focus on the Close button to match Popover behavior
	    if (_this.closeBtn) {
	      _this.closeBtn.focus();
	    }
	    _this.isTransitioning = false;
	    _this.el.dispatchEvent(_this[EventName$x.SHOWN]);
	  };
	  if (transition) {
	    var transitionDuration = Util$1.getTransitionDurationFromElement(this.dialog);
	    this.dialog.addEventListener(Util$1.TRANSITION_END, transitionComplete.bind(this), {
	      once: true
	    });
	    Util$1.emulateTransitionEnd(this.dialog, transitionDuration);
	  } else {
	    transitionComplete.call(this);
	  }
	}

	/**
	 * Ensures the the focus is enforced on an element
	 * @this Modal
	 */
	function _enforceFocus() {
	  // Guard against infinite focus loop
	  document.removeEventListener(EventName$x.FOCUSIN, this.onDocumentFocusin);
	  document.addEventListener(EventName$x.FOCUSIN, this.onDocumentFocusin);
	}

	/**
	 * Add or remove the event listeners for the keydown event
	 * @this Modal
	 */
	function _setKeydownEvents() {
	  if (this.isShown) {
	    this.el.addEventListener(EventName$x.KEYDOWN, this.onKeydown);
	  } else {
	    this.el.removeEventListener(EventName$x.KEYDOWN, this.onKeydown);
	  }
	}

	/**
	 * Appropriate set aria-hidden for siblings elements of modal and the footer to fix VoiceOver focus move out of the modal.
	 * @this Modal
	 */
	function _setAriaHidden() {
	  var pageFooter = document.querySelector(Selector$A.PAGE_FOOTER);
	  var siblings = _getSiblingElements.call(this);
	  if (this.isShown) {
	    siblings.forEach(function (el) {
	      el.setAttribute(Attributes$c.ARIA_HIDDEN, true);
	    });
	    if (pageFooter) {
	      pageFooter.setAttribute(Attributes$c.ARIA_HIDDEN, true);
	    }
	  } else {
	    siblings.forEach(function (el) {
	      el.removeAttribute(Attributes$c.ARIA_HIDDEN);
	    });
	    if (pageFooter) {
	      pageFooter.removeAttribute(Attributes$c.ARIA_HIDDEN);
	    }
	  }
	}

	/**
	 * Get the sibling element of the modal-wrapper's parent.
	 * @this Modal
	 * @returns {HTMLElement[]} - The sibling elements of the modal-wrapper's parent.
	 */
	function _getSiblingElements() {
	  var modalWrapper = this.el.closest(Selector$A.MODAL_WRAPPER);
	  var modalWrapperParent = modalWrapper.parentNode;
	  var siblings = [];
	  if (modalWrapperParent.classList.contains(ClassName$k.REIMAGINE_MODAL)) {
	    siblings = Array.from(modalWrapperParent.parentNode.children).filter(function (el) {
	      return el !== modalWrapperParent;
	    });
	  } else {
	    siblings = Array.from(modalWrapperParent.children).filter(function (el) {
	      return el !== modalWrapper;
	    });
	  }
	  return siblings;
	}

	/**
	 * Add or remove the resize event
	 * @this Modal
	 */
	function _setResizeEvent() {
	  if (this.isShown) {
	    window.addEventListener(EventName$x.RESIZE, this.handleUpdate);
	  } else {
	    window.removeEventListener(EventName$x.RESIZE, this.handleUpdate);
	  }
	}

	/**
	 * Hide a modal
	 * @this Modal
	 */
	function _hideModal() {
	  var _this2 = this;
	  this.el.style.display = 'none';
	  this.el.setAttribute(Attributes$c.ARIA_HIDDEN, true);
	  this.el.removeAttribute('aria-modal');
	  this.isTransitioning = false;

	  // Pauses the OneCloud player when the modal is closed.
	  var modalVideo = this.el.querySelectorAll(Selector$A.MODAL_VIDEO);
	  if (modalVideo && modalVideo.length > 0) {
	    modalVideo.forEach(function (mv) {
	      return mv.pause();
	    });
	  }

	  // Pauses the Universal Media Player when the modal is closed.
	  if (this.modalUMPElements && this.modalUMPElements.length > 0) {
	    this.modalUMPElements.forEach(function (ump) {
	      return ump.pause();
	    });
	  }
	  if (window.MsOnePlayer) {
	    var _window$MsOnePlayer$p, _window$MsOnePlayer$p2, _window$MsOnePlayer$p3;
	    (_window$MsOnePlayer$p = window.MsOnePlayer.player) == null ? void 0 : (_window$MsOnePlayer$p2 = _window$MsOnePlayer$p.playerObject) == null ? void 0 : (_window$MsOnePlayer$p3 = _window$MsOnePlayer$p2.currentPlayer) == null ? void 0 : _window$MsOnePlayer$p3.pause();
	  }
	  _showBackdrop.call(this, function () {
	    document.body.classList.remove(ClassName$k.OPEN);
	    _resetAdjustments.call(_this2);
	    _resetScrollbar.call(_this2);
	    _setAriaHidden.call(_this2);
	    _this2.el.dispatchEvent(_this2[EventName$x.HIDDEN]);
	    document.body.removeEventListener(EventName$x.CLICK, _this2.onBackdropClick);
	  });
	}

	/**
	 * Remove backdrop from DOM
	 * @this Modal
	 */
	function _removeBackdrop() {
	  if (this.backdrop) {
	    this.backdrop.remove();
	    this.backdrop = null;
	  }

	  // Return the focus to the trigger
	  if (this.trigger) {
	    this.trigger.focus();
	  }
	}

	/**
	 * Show Backdrop
	 * @param {Function} callback Function to callback once backdrop is shown
	 * @this Modal
	 */
	function _showBackdrop(callback) {
	  var _this3 = this;
	  var animate = this.el.classList.contains(ClassName$k.FADE) ? ClassName$k.FADE : '';
	  if (this.isShown) {
	    this.backdrop = document.createElement('div');
	    this.backdrop.className = ClassName$k.BACKDROP;
	    if (animate) {
	      this.backdrop.classList.add(animate);
	    }
	    document.body.append(this.backdrop);
	    document.body.addEventListener(EventName$x.CLICK, this.onBackdropClick);
	    this.el.addEventListener(EventName$x.CLICK_DISMISS, this.onClickDismiss);
	    if (animate) {
	      Util$1.reflow(this.backdrop);
	    }
	    this.backdrop.classList.add(ClassName$k.SHOW);
	    if (!callback) {
	      return;
	    }
	    if (!animate) {
	      callback();
	      return;
	    }
	    var backdropTransitionDuration = Util$1.getTransitionDurationFromElement(this.backdrop);
	    this.backdrop.addEventListener(Util$1.TRANSITION_END, callback, {
	      once: true
	    });
	    Util$1.emulateTransitionEnd(this.backdrop, backdropTransitionDuration);
	  } else if (!this.isShown && this.backdrop) {
	    this.backdrop.classList.remove(ClassName$k.SHOW);
	    var callbackRemove = function callbackRemove() {
	      _removeBackdrop.call(_this3);
	      if (callback) {
	        callback();
	      }
	    };
	    if (this.el.classList.contains(ClassName$k.FADE)) {
	      var _backdropTransitionDuration = Util$1.getTransitionDurationFromElement(this.backdrop);
	      this.backdrop.addEventListener(Util$1.TRANSITION_END, callbackRemove, {
	        once: true
	      });
	      Util$1.emulateTransitionEnd(this.backdrop, _backdropTransitionDuration);
	    } else {
	      callbackRemove();
	    }
	  } else if (callback) {
	    callback();
	  }
	}

	// ----------------------------------------------------------------------
	// the following methods are used to handle overflowing modals
	// ----------------------------------------------------------------------

	function _adjustDialog() {
	  var isModalOverflowing = this.el.scrollHeight > document.documentElement.clientHeight;
	  if (!this.isBodyOverflowing && isModalOverflowing) {
	    this.el.style.paddingLeft = this.scrollbarWidth + "px";
	  }
	  if (this.isBodyOverflowing && !isModalOverflowing) {
	    this.el.style.paddingRight = this.scrollbarWidth + "px";
	  }
	}
	function _resetAdjustments() {
	  this.el.style.paddingLeft = '';
	  this.el.style.paddingRight = '';
	}
	function _checkScrollbar() {
	  var rect = document.body.getBoundingClientRect();
	  this.isBodyOverflowing = rect.left + rect.right < window.innerWidth;
	  this.scrollbarWidth = _getScrollbarWidth();
	}
	function _setScrollbar() {
	  var _this4 = this;
	  if (this.isBodyOverflowing) {
	    var _document$body$style$;
	    // Note: DOMNode.style.paddingRight returns the actual value or '' if not set
	    var fixedContent = [].slice.call(document.querySelectorAll(Selector$A.FIXED_CONTENT));
	    var stickyContent = [].slice.call(document.querySelectorAll(Selector$A.STICKY_CONTENT));

	    // Adjust fixed content padding
	    fixedContent.forEach(function (element) {
	      var _element$style$paddin;
	      var actualPadding = (_element$style$paddin = element.style.paddingRight) != null ? _element$style$paddin : 0;
	      var calculatedPadding = getComputedStyle(element)['padding-right'];
	      _this4.data.set({
	        element: element,
	        attribute: 'padding-right'
	      }, actualPadding);
	      element.style.paddingRight = parseFloat(calculatedPadding) + _this4.scrollbarWidth + "px";
	    });

	    // Adjust sticky content margin
	    stickyContent.forEach(function (element) {
	      var _element$style$margin;
	      var actualMargin = (_element$style$margin = element.style.marginRight) != null ? _element$style$margin : 0;
	      var calculatedMargin = getComputedStyle(element)['margin-right'];
	      _this4.data.set({
	        element: element,
	        attribute: 'margin-right'
	      }, actualMargin);
	      element.style.marginRight = parseFloat(calculatedMargin) - _this4.scrollbarWidth + "px";
	    });

	    // Adjust body padding
	    var actualPadding = (_document$body$style$ = document.body.style.paddingRight) != null ? _document$body$style$ : 0;
	    var calculatedPadding = getComputedStyle(document.body)['padding-right'];
	    this.data.set({
	      element: document.body,
	      attribute: 'padding-right'
	    }, actualPadding);
	    document.body.style.paddingRight = parseFloat(calculatedPadding) + this.scrollbarWidth + "px";
	  }
	  document.body.classList.add(ClassName$k.OPEN);
	}
	function _resetScrollbar() {
	  var _this5 = this;
	  // Restore fixed content padding
	  var fixedContent = [].slice.call(document.querySelectorAll(Selector$A.FIXED_CONTENT));
	  fixedContent.forEach(function (element) {
	    var key = {
	      element: element,
	      attribute: 'padding-right'
	    };
	    // Retrieve the element from the Map
	    var padding = _this5.data.get(key);
	    element.style.paddingRight = padding != null ? padding : '';
	    // Remove the item from the map
	    _this5.data["delete"](key);
	  });

	  // Restore sticky content
	  var elements = [].slice.call(document.querySelectorAll("" + Selector$A.STICKY_CONTENT));
	  elements.forEach(function (element) {
	    var key = {
	      element: element,
	      attribute: 'margin-right'
	    };
	    // Retrieve the element from the Map
	    var margin = _this5.data.get(key);
	    if (margin !== undefined) {
	      element.style.marginRight = margin;
	      _this5.data["delete"](key);
	    }
	  });

	  // Restore body padding
	  var key = {
	    element: document.body,
	    attribute: 'padding-right'
	  };
	  var padding = this.data.get(key);
	  this.data["delete"](key);
	  document.body.style.paddingRight = padding != null ? padding : '';
	}
	function _getScrollbarWidth() {
	  // thx d.walsh
	  var scrollDiv = document.createElement('div');
	  scrollDiv.className = ClassName$k.SCROLLBAR_MEASURER;
	  document.body.append(scrollDiv);
	  var scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;
	  scrollDiv.remove();
	  return scrollbarWidth;
	}

	/**
	 * @this Modal
	 */
	function _setTabbableElements() {
	  var _this6 = this;
	  this.tabbableElements = Util$1.getTabbableElements(this.el).filter(function (el) {
	    return el.offsetHeight > 0;
	  });
	  this.firstTabbableElement = this.tabbableElements[0];
	  this.lastTabbableElement = this.tabbableElements[this.tabbableElements.length - 1];

	  // if the modal has UMP, get the last tabbable element in the UMP shadow DOM.
	  if (this.tabbableElements.length === 1 && this.modalUMPElements.length > 0) {
	    this.lastTabbableElement = _getUmpTabbableElementsInShadowDOM.call(this);

	    // add a delay to wait for the control bar to be rendered
	    if (!this.lastTabbableElement) {
	      setTimeout(function () {
	        _this6.lastTabbableElement = _getUmpTabbableElementsInShadowDOM.call(_this6);
	      }, 1000);
	    }
	  }
	}

	/**
	 * @this Modal
	 * @returns {HTMLElement}
	 * @description Get the last tabbable element in the shadow DOM of the Universal Media Player
	 * it will return the main play button if it exists, otherwise it will return the full screen button.
	 */
	function _getUmpTabbableElementsInShadowDOM() {
	  var _this$umpControls, _this$umpControls2;
	  var umpBigPlayBtn = (_this$umpControls = this.umpControls) == null ? void 0 : _this$umpControls.shadowRoot.querySelector(Selector$A.UMP_BIG_PLAY_BTN);
	  this.umpMainPlayBtn = umpBigPlayBtn == null ? void 0 : umpBigPlayBtn.shadowRoot.querySelector('button');
	  if (this.umpMainPlayBtn) {
	    return this.umpMainPlayBtn;
	  }
	  var umpControlBar = (_this$umpControls2 = this.umpControls) == null ? void 0 : _this$umpControls2.shadowRoot.querySelector(Selector$A.UMP_CONTROL_BAR);
	  var umpFullScreenBtn = umpControlBar == null ? void 0 : umpControlBar.shadowRoot.querySelector(Selector$A.UMP_FULL_SCREEN_BTN);
	  this.umpMainPlayBtn = null;
	  return umpFullScreenBtn;
	}

	/**
	 * @this Modal
	 * @description Get the active element in the document
	 * @returns {HTMLElement}
	 */
	function getActiveElement() {
	  var _document = document,
	    activeElement = _document.activeElement;
	  if (activeElement.nodeName === 'UNIVERSAL-MEDIA-PLAYER') {
	    var _this$firstUmpElem$sh;
	    // if big play button exists and active element is the ump element, return the big play button
	    // big play button is the only element that can be focused if it exists.
	    if (this.umpMainPlayBtn) {
	      return this.umpMainPlayBtn;
	    }
	    activeElement = (_this$firstUmpElem$sh = this.firstUmpElem.shadowRoot) == null ? void 0 : _this$firstUmpElem$sh.activeElement;

	    // loop through the shadow DOM until the active element is found
	    while (activeElement && activeElement.shadowRoot) {
	      var _activeElement, _activeElement$shadow;
	      activeElement = (_activeElement = activeElement) == null ? void 0 : (_activeElement$shadow = _activeElement.shadowRoot) == null ? void 0 : _activeElement$shadow.activeElement;
	    }
	  }
	  return activeElement;
	}
	var Modal = /*#__PURE__*/function () {
	  /**
	   * Create a Modal instance
	   * @param {Object} opts - The modal options.
	   * @param {HTMLElement} opts.el - The modal.
	   * @param {Boolean} [opts.displayOnInit=false] - whether to display modal after init
	   */
	  function Modal(_ref) {
	    var _this7 = this;
	    var el = _ref.el,
	      _ref$displayOnInit = _ref.displayOnInit,
	      displayOnInit = _ref$displayOnInit === void 0 ? false : _ref$displayOnInit;
	    // Modal element
	    this.el = el;

	    // Toggle button for modal
	    this.button = document.querySelector("[data-target=\"#" + this.el.id + "\"]"); // Deprecated - Keeping this so there won't be any breaking changes in case consumers has already writing code on an element and not a NodeList.
	    this.buttons = document.querySelectorAll("[data-target=\"#" + this.el.id + "\"]");
	    this.dialog = this.el.querySelector(Selector$A.DIALOG);
	    this.closeBtn = this.el.querySelector(Selector$A.DATA_DISMISS);
	    this.backdrop = null;
	    this.isShown = false;
	    this.isBodyOverflowing = false;
	    this.isTransitioning = false;
	    this.scrollbarWidth = 0;
	    this.data = new WeakMap();
	    this.dialogObserver = new MutationObserver(_setTabbableElements.bind(this));
	    this[EventName$x.SHOWN] = new CustomEvent(EventName$x.SHOWN, {
	      detail: this.el
	    });
	    this[EventName$x.SHOW] = new CustomEvent(EventName$x.SHOW, {
	      detail: this.el
	    });
	    this[EventName$x.HIDE] = new CustomEvent(EventName$x.HIDE);
	    this[EventName$x.HIDDEN] = new CustomEvent(EventName$x.HIDDEN);
	    this[EventName$x.CLICK_DISMISS] = new CustomEvent(EventName$x.CLICK_DISMISS);

	    // Add event handlers
	    this.events = [];
	    if (this.buttons) {
	      this.buttons.forEach(function (el) {
	        _this7.events.push({
	          el: el,
	          type: EventName$x.CLICK,
	          handler: function handler(event) {
	            _this7.toggle(event);
	          }
	        }, {
	          el: el,
	          type: EventName$x.KEYDOWN,
	          handler: function handler(event) {
	            if (Util$1.getKeyCode(event) === Util$1.keyCodes.SPACE) {
	              _this7.toggle(event);
	            }
	          }
	        });
	      });
	      Util$1.addEvents(this.events);
	    }

	    // create method bindings for functions called outside constructor
	    this.onDocumentFocusin = onDocumentFocusin.bind(this);
	    this.onKeydown = onKeydown.bind(this);
	    this.onBackdropClick = onBackdropClick.bind(this);
	    this.onClickDismiss = onClickDismiss.bind(this);
	    this.handleUpdate = this.handleUpdate.bind(this);
	    this.hide = this.hide.bind(this);
	    this.getActiveElement = getActiveElement.bind(this);
	    if (displayOnInit || this.el.dataset.displayOnInit === 'true') {
	      this.show();
	    }
	    this.initUmp();
	    instances$u.push(this);
	  }

	  /**
	   * Initialize the properties that are only needed if UMP is present in the modal.
	   * @this Modal
	   */
	  var _proto = Modal.prototype;
	  _proto.initUmp = function initUmp() {
	    this.modalUMPElements = this.el.querySelectorAll(Selector$A.MODAL_UMP);
	    if (this.modalUMPElements && this.modalUMPElements.length > 0) {
	      var _this$firstUmpElem$sh2, _this$umpControls3, _this$umpControls3$sh;
	      this.isModalWithUmP = true;
	      this.firstUmpElem = this.modalUMPElements[0];
	      this.umpControls = (_this$firstUmpElem$sh2 = this.firstUmpElem.shadowRoot) == null ? void 0 : _this$firstUmpElem$sh2.querySelector(Selector$A.UMP_CONTROLS);
	      this.controlsElem = (_this$umpControls3 = this.umpControls) == null ? void 0 : (_this$umpControls3$sh = _this$umpControls3.shadowRoot) == null ? void 0 : _this$umpControls3$sh.querySelector('.controls');
	      this.umpMainPlayBtn = null;
	      this.umpControlsObserver = new MutationObserver(_setTabbableElements.bind(this));
	    }
	  }

	  /**
	   * Toggle hide and show states of the modal
	   * @param {Event} event - The event that fired the toggle
	   */;
	  _proto.toggle = function toggle(event) {
	    if (event) {
	      this.trigger = event.currentTarget;
	    }
	    return this.isShown ? this.hide() : this.show();
	  }

	  /**
	   * Show the modal
	   */;
	  _proto.show = function show() {
	    var _this8 = this;
	    if (this.isShown || this.isTransitioning) {
	      return;
	    }
	    if (this.el.classList.contains(ClassName$k.FADE)) {
	      this.isTransitioning = true;
	    }
	    this.el.dispatchEvent(this[EventName$x.SHOW]);
	    if (this.isShown || this[EventName$x.SHOW].defaultPrevented) {
	      return;
	    }
	    this.isShown = true;
	    this.addInertAttribute([Selector$A.CONTACT_SALES_SECTION, Selector$A.UNIVERSAL_HEADER]);
	    _checkScrollbar.call(this);
	    _setScrollbar.call(this);
	    _adjustDialog.call(this);
	    _setResizeEvent.call(this);

	    // Add event listeners to the dismiss action
	    this.el.addEventListener(EventName$x.CLICK_DISMISS, this.onClickDismiss);

	    // Find all the dismiss attribute elements and cause the modal to hide
	    this.el.querySelectorAll(Selector$A.DATA_DISMISS).forEach(function (_element) {
	      return _element.addEventListener(EventName$x.CLICK, _this8.hide);
	    });
	    _showBackdrop.call(this, function () {
	      _showElement.call(_this8);
	      _setTabbableElements.call(_this8);
	      _setKeydownEvents.call(_this8);
	      _this8.dialogObserver.observe(_this8.dialog, {
	        attributes: true,
	        childList: true,
	        subtree: true
	      });
	      if (_this8.isModalWithUmP) {
	        _this8.umpControlsObserver.observe(_this8.controlsElem, {
	          childList: true,
	          subtree: true
	        });
	      }
	    });
	  }

	  /**
	   * Hide the modal
	   * @param {Event} [event] - the event that triggered the hide
	   */;
	  _proto.hide = function hide(event) {
	    if (event) {
	      event.preventDefault();
	    }
	    if (!this.isShown || this.isTransitioning) {
	      return;
	    }
	    this.el.dispatchEvent(this[EventName$x.HIDE]);
	    if (!this.isShown || this[EventName$x.HIDE].defaultPrevented) {
	      return;
	    }
	    this.isShown = false;
	    var transition = this.el.classList.contains(ClassName$k.FADE);
	    if (transition) {
	      this.isTransitioning = true;
	    }
	    this.removeInertAttribute([Selector$A.CONTACT_SALES_SECTION, Selector$A.UNIVERSAL_HEADER]);
	    _setKeydownEvents.call(this);
	    _setResizeEvent.call(this);
	    var mainContent = document.querySelector('body > main');
	    if (mainContent && mainContent.getAttribute(Attributes$c.ARIA_HIDDEN) === 'true') {
	      mainContent.removeAttribute(Attributes$c.ARIA_HIDDEN);
	    }
	    document.removeEventListener(EventName$x.FOCUSIN, this.onDocumentFocusin);
	    this.el.classList.remove(ClassName$k.SHOW);
	    this.el.removeEventListener(EventName$x.CLICK_DISMISS, this.onClickDismiss);
	    this.dialogObserver.disconnect();
	    if (this.isModalWithUmP) {
	      this.umpControlsObserver.disconnect();
	    }
	    if (transition) {
	      var transitionDuration = Util$1.getTransitionDurationFromElement(this.el);
	      this.el.addEventListener(Util$1.TRANSITION_END, _hideModal.bind(this), {
	        once: true
	      });
	      Util$1.emulateTransitionEnd(this.el, transitionDuration);
	    } else {
	      _hideModal.call(this);
	    }
	  }

	  /**
	   *
	   * @param {string[]} selectorArray
	   */;
	  _proto.addInertAttribute = function addInertAttribute(selectorArray) {
	    for (var _iterator = _createForOfIteratorHelperLoose(selectorArray), _step; !(_step = _iterator()).done;) {
	      var sectionSelector = _step.value;
	      var target = document.querySelector(sectionSelector);
	      if (target) {
	        target.setAttribute(Attributes$c.INERT, '');
	      }
	    }
	  }

	  /**
	   *
	   * @param {string[]} selectorArray
	   */;
	  _proto.removeInertAttribute = function removeInertAttribute(selectorArray) {
	    for (var _iterator2 = _createForOfIteratorHelperLoose(selectorArray), _step2; !(_step2 = _iterator2()).done;) {
	      var sectionSelector = _step2.value;
	      var target = document.querySelector(sectionSelector);
	      if (target && target.hasAttribute(Attributes$c.INERT)) {
	        target.removeAttribute(Attributes$c.INERT);
	      }
	    }
	  }

	  /**
	   * Handle update that happens with the modal
	   */;
	  _proto.handleUpdate = function handleUpdate() {
	    _adjustDialog.call(this);
	  }

	  /**
	   * Remove the event handlers
	   */;
	  _proto.remove = function remove() {
	    // Remove event handlers, observers, etc.
	    Util$1.removeEvents(this.events);
	    document.removeEventListener(EventName$x.FOCUSIN, this.onDocumentFocusin);

	    // Remove this reference from the array of instances.
	    var index = instances$u.indexOf(this);
	    instances$u.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$x.ON_REMOVE] = new CustomEvent(EventName$x.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$x.ON_REMOVE]);
	  }

	  /**
	   * Update instance. Added for API consistency
	   */;
	  _proto.update = function update() {
	    // Create and dispatch custom event
	    this[EventName$x.ON_UPDATE] = new CustomEvent(EventName$x.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$x.ON_UPDATE]);
	  }

	  /**
	   * Get the modal instances.
	   * @returns {Object[]} An array of modal instances
	   */;
	  Modal.getInstances = function getInstances() {
	    return instances$u;
	  };
	  return Modal;
	}();

	var $$b = _export;
	var hasOwn$4 = hasOwnProperty_1;

	// `Object.hasOwn` method
	// https://github.com/tc39/proposal-accessible-object-hasownproperty
	$$b({ target: 'Object', stat: true }, {
	  hasOwn: hasOwn$4
	});

	var collection = collection$3;
	var collectionStrong = collectionStrong$2;

	// `Set` constructor
	// https://tc39.es/ecma262/#sec-set-objects
	collection('Set', function (init) {
	  return function Set() { return init(this, arguments.length ? arguments[0] : undefined); };
	}, collectionStrong);

	var defineProperty$2 = objectDefineProperty.f;

	var proxyAccessor$1 = function (Target, Source, key) {
	  key in Target || defineProperty$2(Target, key, {
	    configurable: true,
	    get: function () { return Source[key]; },
	    set: function (it) { Source[key] = it; }
	  });
	};

	var isObject = isObject$l;
	var createNonEnumerableProperty$2 = createNonEnumerableProperty$9;

	// `InstallErrorCause` abstract operation
	// https://tc39.es/proposal-error-cause/#sec-errorobjects-install-error-cause
	var installErrorCause$1 = function (O, options) {
	  if (isObject(options) && 'cause' in options) {
	    createNonEnumerableProperty$2(O, 'cause', options.cause);
	  }
	};

	var uncurryThis$5 = functionUncurryThis;

	var $Error = Error;
	var replace$2 = uncurryThis$5(''.replace);

	var TEST = (function (arg) { return String($Error(arg).stack); })('zxcasd');
	// eslint-disable-next-line redos/no-vulnerable -- safe
	var V8_OR_CHAKRA_STACK_ENTRY = /\n\s*at [^:]*:[^\n]*/;
	var IS_V8_OR_CHAKRA_STACK = V8_OR_CHAKRA_STACK_ENTRY.test(TEST);

	var errorStackClear = function (stack, dropEntries) {
	  if (IS_V8_OR_CHAKRA_STACK && typeof stack == 'string' && !$Error.prepareStackTrace) {
	    while (dropEntries--) stack = replace$2(stack, V8_OR_CHAKRA_STACK_ENTRY, '');
	  } return stack;
	};

	var fails$5 = fails$I;
	var createPropertyDescriptor$2 = createPropertyDescriptor$8;

	var errorStackInstallable = !fails$5(function () {
	  var error = Error('a');
	  if (!('stack' in error)) return true;
	  // eslint-disable-next-line es/no-object-defineproperty -- safe
	  Object.defineProperty(error, 'stack', createPropertyDescriptor$2(1, 7));
	  return error.stack !== 7;
	});

	var createNonEnumerableProperty$1 = createNonEnumerableProperty$9;
	var clearErrorStack$2 = errorStackClear;
	var ERROR_STACK_INSTALLABLE = errorStackInstallable;

	// non-standard V8
	var captureStackTrace = Error.captureStackTrace;

	var errorStackInstall = function (error, C, stack, dropEntries) {
	  if (ERROR_STACK_INSTALLABLE) {
	    if (captureStackTrace) captureStackTrace(error, C);
	    else createNonEnumerableProperty$1(error, 'stack', clearErrorStack$2(stack, dropEntries));
	  }
	};

	var getBuiltIn$5 = getBuiltIn$e;
	var hasOwn$3 = hasOwnProperty_1;
	var createNonEnumerableProperty = createNonEnumerableProperty$9;
	var isPrototypeOf = objectIsPrototypeOf;
	var setPrototypeOf = objectSetPrototypeOf;
	var copyConstructorProperties = copyConstructorProperties$3;
	var proxyAccessor = proxyAccessor$1;
	var inheritIfRequired$1 = inheritIfRequired$4;
	var normalizeStringArgument$2 = normalizeStringArgument$4;
	var installErrorCause = installErrorCause$1;
	var installErrorStack = errorStackInstall;
	var DESCRIPTORS$3 = descriptors;

	var wrapErrorConstructorWithCause$1 = function (FULL_NAME, wrapper, FORCED, IS_AGGREGATE_ERROR) {
	  var STACK_TRACE_LIMIT = 'stackTraceLimit';
	  var OPTIONS_POSITION = IS_AGGREGATE_ERROR ? 2 : 1;
	  var path = FULL_NAME.split('.');
	  var ERROR_NAME = path[path.length - 1];
	  var OriginalError = getBuiltIn$5.apply(null, path);

	  if (!OriginalError) return;

	  var OriginalErrorPrototype = OriginalError.prototype;

	  // V8 9.3- bug https://bugs.chromium.org/p/v8/issues/detail?id=12006
	  if (hasOwn$3(OriginalErrorPrototype, 'cause')) delete OriginalErrorPrototype.cause;

	  if (!FORCED) return OriginalError;

	  var BaseError = getBuiltIn$5('Error');

	  var WrappedError = wrapper(function (a, b) {
	    var message = normalizeStringArgument$2(IS_AGGREGATE_ERROR ? b : a, undefined);
	    var result = IS_AGGREGATE_ERROR ? new OriginalError(a) : new OriginalError();
	    if (message !== undefined) createNonEnumerableProperty(result, 'message', message);
	    installErrorStack(result, WrappedError, result.stack, 2);
	    if (this && isPrototypeOf(OriginalErrorPrototype, this)) inheritIfRequired$1(result, this, WrappedError);
	    if (arguments.length > OPTIONS_POSITION) installErrorCause(result, arguments[OPTIONS_POSITION]);
	    return result;
	  });

	  WrappedError.prototype = OriginalErrorPrototype;

	  if (ERROR_NAME !== 'Error') {
	    if (setPrototypeOf) setPrototypeOf(WrappedError, BaseError);
	    else copyConstructorProperties(WrappedError, BaseError, { name: true });
	  } else if (DESCRIPTORS$3 && STACK_TRACE_LIMIT in OriginalError) {
	    proxyAccessor(WrappedError, OriginalError, STACK_TRACE_LIMIT);
	    proxyAccessor(WrappedError, OriginalError, 'prepareStackTrace');
	  }

	  copyConstructorProperties(WrappedError, OriginalError);

	  try {
	    // Safari 13- bug: WebAssembly errors does not have a proper `.name`
	    if (OriginalErrorPrototype.name !== ERROR_NAME) {
	      createNonEnumerableProperty(OriginalErrorPrototype, 'name', ERROR_NAME);
	    }
	    OriginalErrorPrototype.constructor = WrappedError;
	  } catch (error) { /* empty */ }

	  return WrappedError;
	};

	/* eslint-disable no-unused-vars -- required for functions `.length` */

	var $$a = _export;
	var global$3 = global$y;
	var apply$1 = functionApply;
	var wrapErrorConstructorWithCause = wrapErrorConstructorWithCause$1;

	var WEB_ASSEMBLY = 'WebAssembly';
	var WebAssembly = global$3[WEB_ASSEMBLY];

	var FORCED$1 = Error('e', { cause: 7 }).cause !== 7;

	var exportGlobalErrorCauseWrapper = function (ERROR_NAME, wrapper) {
	  var O = {};
	  O[ERROR_NAME] = wrapErrorConstructorWithCause(ERROR_NAME, wrapper, FORCED$1);
	  $$a({ global: true, constructor: true, arity: 1, forced: FORCED$1 }, O);
	};

	var exportWebAssemblyErrorCauseWrapper = function (ERROR_NAME, wrapper) {
	  if (WebAssembly && WebAssembly[ERROR_NAME]) {
	    var O = {};
	    O[ERROR_NAME] = wrapErrorConstructorWithCause(WEB_ASSEMBLY + '.' + ERROR_NAME, wrapper, FORCED$1);
	    $$a({ target: WEB_ASSEMBLY, stat: true, constructor: true, arity: 1, forced: FORCED$1 }, O);
	  }
	};

	// https://tc39.es/ecma262/#sec-nativeerror
	// https://github.com/tc39/proposal-error-cause
	exportGlobalErrorCauseWrapper('Error', function (init) {
	  return function Error(message) { return apply$1(init, this, arguments); };
	});
	exportGlobalErrorCauseWrapper('EvalError', function (init) {
	  return function EvalError(message) { return apply$1(init, this, arguments); };
	});
	exportGlobalErrorCauseWrapper('RangeError', function (init) {
	  return function RangeError(message) { return apply$1(init, this, arguments); };
	});
	exportGlobalErrorCauseWrapper('ReferenceError', function (init) {
	  return function ReferenceError(message) { return apply$1(init, this, arguments); };
	});
	exportGlobalErrorCauseWrapper('SyntaxError', function (init) {
	  return function SyntaxError(message) { return apply$1(init, this, arguments); };
	});
	exportGlobalErrorCauseWrapper('TypeError', function (init) {
	  return function TypeError(message) { return apply$1(init, this, arguments); };
	});
	exportGlobalErrorCauseWrapper('URIError', function (init) {
	  return function URIError(message) { return apply$1(init, this, arguments); };
	});
	exportWebAssemblyErrorCauseWrapper('CompileError', function (init) {
	  return function CompileError(message) { return apply$1(init, this, arguments); };
	});
	exportWebAssemblyErrorCauseWrapper('LinkError', function (init) {
	  return function LinkError(message) { return apply$1(init, this, arguments); };
	});
	exportWebAssemblyErrorCauseWrapper('RuntimeError', function (init) {
	  return function RuntimeError(message) { return apply$1(init, this, arguments); };
	});

	var uidCounter = 10000;
	var Util = {
	  /**
	   * Loads a script file by adding it to the DOM. Returns a promise that resolves when the script has loaded.
	   * @param {string} url URL of the script file to load
	   * @param {string} appendLocation Where to append the script tag. Options: 'body' or 'head'
	   * @param {boolean} async If true, the script will be loaded asynchronously
	   * @param {boolean} defer If true, the script will be deferred
	   * @returns {Promise<HTMLScriptElement>} A promise that resolves with the script element when the script has loaded
	   */
	  loadScript: function loadScript(url, appendLocation, async, defer) {
	    if (appendLocation === void 0) {
	      appendLocation = 'body';
	    }
	    if (async === void 0) {
	      async = true;
	    }
	    if (defer === void 0) {
	      defer = false;
	    }
	    return new Promise(function (resolve, reject) {
	      if (!['body', 'head'].includes(appendLocation)) {
	        reject(new Error("Invalid appendLocation: " + appendLocation + ". Use 'body' or 'head'."));
	        return;
	      }

	      // Check if the script is already loaded
	      var existingScript = Array.from(document.getElementsByTagName('script')).find(function (script) {
	        return script.src === url;
	      });
	      if (existingScript) {
	        resolve(existingScript);
	        return;
	      }
	      var script = document.createElement('script');
	      script.src = url;
	      script.async = async;
	      script.defer = defer;
	      script.addEventListener('load', function () {
	        return resolve(script);
	      });
	      script.addEventListener('error', function () {
	        return reject(new Error("Failed to load script: " + url));
	      });
	      document[appendLocation].append(script);
	    });
	  },
	  NewElementUID: function NewElementUID() {
	    uidCounter++;
	    return 'ocr-' + uidCounter.toString(36);
	  },
	  /**
	   * Normalizes text for comparison by converting smart quotes to straight quotes
	   * and normalizing other special characters and whitespace
	   *
	   * @param {string} text The text to normalize
	   * @returns {string} The normalized text
	   */
	  normalizeText: function normalizeText(text) {
	    if (typeof text !== 'string' || !text) return '';
	    return text
	    // Western quotes (keep separate for single vs double quote differentiation)
	    .replace(/[\u2018\u2019]/g, "'") // Smart single quotes to straight quotes

	    // All other quotes (combined for efficiency based on ESLint suggestions)
	    .replace(/[\u00AB-\u00BB\u201A-\u201F\u3008\u3009\u300C-\u300F\u301D-\u301F]/g, '"')

	    // Dashes (using range)
	    .replace(/[\u2012-\u2015]/g, '-')

	    // All whitespace in one operation
	    .replace(/\s+/g, ' ').trim();
	  },
	  /**
	   * Toggles the inert attribute on the siblings of the provided element
	   *
	   * This function is useful for modal dialogs, as it allows you to disable
	   * all elements outside the modal, ensuring that screen readers
	   * only interact with the modal content.
	   *
	   * @param {HTMLElement} element modal dialog element whose siblings will be affected
	   * @param {boolean} isInert If true, adds the 'inert' attribute. If false, removes it.
	   */
	  toggleSiblingsInert: function toggleSiblingsInert(element, isInert) {
	    if (!element || !element.parentElement) {
	      // eslint-disable-next-line no-console
	      console.warn('toggleSiblingsInert: Invalid element or no parent element found.');
	      return;
	    }

	    // get all siblings of the element
	    var siblings = Array.from(element.parentElement.children);
	    siblings.forEach(function (sibling) {
	      // check if the sibling is an element and not a script, style, or link tag
	      if (sibling !== element && sibling.nodeType === Node.ELEMENT_NODE && !['SCRIPT', 'STYLE', 'LINK'].includes(sibling.tagName)) {
	        if (isInert) {
	          sibling.setAttribute('inert', '');
	        } else if (sibling.hasAttribute('inert')) {
	          sibling.removeAttribute('inert');
	        }
	      }
	    });
	  }
	};

	var instances$t = [];
	var Selector$z = {
	  DATA_MOUNT: '[data-mount="filter-panel-item"]',
	  HEADER: '.filter-panel-item__header',
	  BUTTON: '.filter-panel-item__header__icon',
	  DISPLAY_BUTTON: '.filter-panel-item__subcategories .link',
	  GLYPH: '.glyph-prepend',
	  ITEM: '.checkbox-dropdown',
	  SUBCATEGORIES: '.filter-panel-item__subcategories',
	  SUBCATEGORY: '.filter-panel-item__subcategory',
	  BLOCK_HEADING: '.block-heading',
	  FILTER_ITEMS: '.filter-panel-item__items',
	  CHECKBOX: '.ocr-input__input',
	  PARENT_CHECKBOX: function PARENT_CHECKBOX(id) {
	    return '[aria-controls~="' + id + '"]';
	  },
	  CHECKBOX_ID: function CHECKBOX_ID(id) {
	    return "input[type=\"checkbox\"][id=\"" + id + "\"]";
	  }
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$w = {
	  ON_INIT: 'onInit',
	  ON_REMOVE: 'onRemove',
	  ON_SELECT: 'onSelect',
	  ON_UPDATE: 'onUpdate',
	  CLICK: 'click',
	  IS_CHECKED: 'isChecked',
	  IS_UNCHECKED: 'isUnchecked'
	};

	/**
	 * String constants.
	 * @enum {string}
	 */
	var Strings$3 = {
	  EMPTY: ""
	};
	var ATTRIBUTES = {
	  ARIA_EXPANDED: 'aria-expanded',
	  ARIA_LABELLEDBY: 'aria-labelledby',
	  DATA_OCR_SHOW: 'data-ocr-show',
	  DATA_OCR_HIDE: 'data-ocr-hide'
	};
	var GLYPHS$1 = {
	  UP: 'glyph-prepend-remove',
	  DOWN: 'glyph-prepend-add'
	};
	var CLASSES = {
	  DISPLAY_NONE: 'd-none',
	  OPEN: 'search-category--open'
	};
	var MAX_FILTER_LENGTH = 8;
	var FilterPanelItem = /*#__PURE__*/function () {
	  function FilterPanelItem(_ref) {
	    var _this = this;
	    var el = _ref.el;
	    this.el = el;
	    this.events = [];
	    this.itemsVisible = false;
	    this.header = this.el.querySelector(Selector$z.HEADER);
	    this.button = this.el.querySelector(Selector$z.BUTTON);
	    this.displayButton = this.el.querySelector(Selector$z.DISPLAY_BUTTON);
	    this.items = this.el.querySelectorAll(Selector$z.ITEM);
	    this.panel = this.el.querySelector(Selector$z.SUBCATEGORIES);
	    this.checkboxes = this.el.querySelectorAll(Selector$z.CHECKBOX);
	    this.displayButton.setAttribute(ATTRIBUTES.ARIA_EXPANDED, 'false');
	    this.subcategories = this.el.querySelectorAll(Selector$z.SUBCATEGORY);
	    for (var _iterator = _createForOfIteratorHelperLoose(this.subcategories), _step; !(_step = _iterator()).done;) {
	      var cat = _step.value;
	      var heading = cat.querySelector(Selector$z.BLOCK_HEADING);
	      var group = cat.querySelector(Selector$z.FILTER_ITEMS);
	      heading.id = Util.NewElementUID();
	      group.setAttribute(ATTRIBUTES.ARIA_LABELLEDBY, heading.id);
	    }
	    if (this.items.length <= MAX_FILTER_LENGTH) {
	      this.displayButton.classList.add(CLASSES.DISPLAY_NONE);
	    }
	    this.hideItems();
	    this.events.push({
	      el: this.header,
	      handler: this.onButtonClick.bind(this),
	      type: EventName$w.CLICK
	    }, {
	      el: this.displayButton,
	      handler: this.onDisplayClick.bind(this),
	      type: EventName$w.CLICK
	    });
	    this.checkboxes.forEach(function (checkbox) {
	      _this.events.push({
	        el: checkbox,
	        handler: _this.onCheckboxClick.bind(_this, checkbox),
	        type: EventName$w.CLICK
	      });
	    });
	    Util$1.addEvents(this.events);
	    instances$t.push(this);
	  }
	  var _proto = FilterPanelItem.prototype;
	  _proto.showItems = function showItems() {
	    for (var i = MAX_FILTER_LENGTH; i < this.items.length; i++) {
	      this.items[i].classList.remove(CLASSES.DISPLAY_NONE);
	    }
	  };
	  _proto.hideItems = function hideItems() {
	    for (var i = MAX_FILTER_LENGTH; i < this.items.length; i++) {
	      this.items[i].classList.add(CLASSES.DISPLAY_NONE);
	    }
	  };
	  _proto.onCheckboxClick = function onCheckboxClick(checkbox) {
	    var _checkbox$getAttribut, _this$el$querySelecto;
	    var event = checkbox.checked ? EventName$w.IS_CHECKED : EventName$w.IS_UNCHECKED;
	    var childCheckboxIds = ((_checkbox$getAttribut = checkbox.getAttribute('aria-controls')) == null ? void 0 : _checkbox$getAttribut.split(' ')) || [];
	    var parentCheckbox = this.el.querySelector(Selector$z.PARENT_CHECKBOX(checkbox.id));
	    var parentCheckboxId = parentCheckbox.id && parentCheckbox.id !== checkbox.id ? parentCheckbox.id : Strings$3.EMPTY;
	    var siblingCheckboxIds = parentCheckboxId ? (_this$el$querySelecto = this.el.querySelector(Selector$z.CHECKBOX_ID(parentCheckboxId)).getAttribute('aria-controls')) == null ? void 0 : _this$el$querySelecto.split(' ') : [];
	    var detail = {
	      checkbox: checkbox,
	      childCheckboxIds: childCheckboxIds,
	      parentCheckboxId: parentCheckboxId,
	      siblingCheckboxIds: siblingCheckboxIds
	    };
	    this.el.dispatchEvent(new CustomEvent(event, {
	      bubbles: true,
	      detail: detail
	    }));
	  };
	  _proto.onButtonClick = function onButtonClick() {
	    var isExpanded = this.header.getAttribute(ATTRIBUTES.ARIA_EXPANDED) === 'true';
	    var icon = this.button.querySelector(Selector$z.GLYPH);
	    if (isExpanded) {
	      icon.classList.remove(GLYPHS$1.DOWN);
	      icon.classList.add(GLYPHS$1.UP);
	      this.el.classList.add(CLASSES.OPEN);
	    } else {
	      icon.classList.remove(GLYPHS$1.UP);
	      icon.classList.add(GLYPHS$1.DOWN);
	      this.el.classList.remove(CLASSES.OPEN);
	    }
	  };
	  _proto.onDisplayClick = function onDisplayClick(event) {
	    event.preventDefault();
	    this.itemsVisible = !this.itemsVisible;
	    var showText = this.displayButton.getAttribute(ATTRIBUTES.DATA_OCR_SHOW);
	    var hideText = this.displayButton.getAttribute(ATTRIBUTES.DATA_OCR_HIDE);
	    if (this.itemsVisible) {
	      this.showItems();
	      this.displayButton.innerHTML = hideText;
	      this.displayButton.setAttribute(ATTRIBUTES.ARIA_EXPANDED, 'true');
	    } else {
	      this.hideItems();
	      this.displayButton.innerHTML = showText;
	      this.displayButton.setAttribute(ATTRIBUTES.ARIA_EXPANDED, 'false');
	    }
	  };
	  _proto.update = function update() {};
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);
	    var index = instances$t.indexOf(this);
	    instances$t.splice(index, 1);
	  };
	  FilterPanelItem.getInstances = function getInstances() {
	    return instances$t;
	  };
	  return FilterPanelItem;
	}();

	// Global Constants
	var ClassName$j = {
	  ACTIVE: 'active',
	  DISABLED: 'disabled',
	  HIDDEN: 'd-none',
	  PAGINATION_ITEM: 'oc-pagination__item',
	  ACTIVE_ITEM: 'oc-pagination__item.active',
	  BUTTON: 'btn',
	  GHOST_BUTTON: 'btn--ghost',
	  HORIZONTAL: 'oc-pagination__item--horizontal'
	};
	var Selector$y = {
	  PAGINATION_ITEM: "." + ClassName$j.PAGINATION_ITEM,
	  ACTIVE_ITEM: "." + ClassName$j.ACTIVE_ITEM,
	  DATA_MOUNT: '[data-mount="oc-pagination"]',
	  NUMBERED_ITEMS: '[data-attribute*="pagination-item"]:not([data-attribute="pagination-item-template"]',
	  DATA_ATTRIBUTE: function DATA_ATTRIBUTE(dataAttribute) {
	    return "[data-attribute='" + dataAttribute + "']";
	  },
	  ITEM_NUMBER: function ITEM_NUMBER(itemNumber) {
	    return "[data-attribute='" + DataAttribute.ITEM_NUMBER(itemNumber) + "']";
	  },
	  BUTTON: "." + ClassName$j.BUTTON,
	  HORIZONTAL: "." + ClassName$j.HORIZONTAL,
	  BUTTON_TEXT: '.btn__text',
	  PAGINATION_ITEM_TEMPLATE: '[data-attribute="pagination-item-template"]',
	  PAGINATION_ANNOUNCEMENT: '#pagination-announcement'
	};

	// Private Constants
	var DataAttribute = {
	  ITEM_NUMBER: function ITEM_NUMBER(itemNumber) {
	    return 'pagination-item' + itemNumber;
	  },
	  LEFT_ARROW: 'left-arrow',
	  RIGHT_ARROW: 'right-arrow',
	  HORIZONTAL_1: 'horizontal1',
	  HORIZONTAL_2: 'horizontal2'
	};
	var EventName$v = {
	  CLICK: 'click',
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate',
	  ACTIVE_PAGE_CHANGED: 'paginationActivePageChanged'
	};
	var instances$s = [];

	// Private Functions - Exported consts are only for pagination jest test
	var _getNumberFromElement = function _getNumberFromElement(el) {
	  return parseInt(el.getAttribute('data-attribute').match(/\d+/g), 10);
	};
	var _isNumberedItem = function _isNumberedItem(el) {
	  return (el.getAttribute('data-attribute') || '').includes('pagination-item');
	};
	var _isArrow = function _isArrow(el) {
	  return (el.getAttribute('data-attribute') || '').includes('arrow');
	};
	var _isLeftArrow = function _isLeftArrow(el) {
	  return el.getAttribute('data-attribute') === 'left-arrow';
	};
	var _isRightArrow = function _isRightArrow(el) {
	  return el.getAttribute('data-attribute') === 'right-arrow';
	};

	/**
	 * Helper function that enables or disables an element
	 * @param {HTMLElement} el - Element to be disabled
	 * @param {boolean} enable - Whether or not element is being enabled
	 */
	function _enableOrDisableElement(el, enable) {
	  if (enable) {
	    el.classList.remove(ClassName$j.DISABLED);
	  } else {
	    el.classList.add(ClassName$j.DISABLED);
	  }
	  el.setAttribute('aria-disabled', enable ? 'false' : 'true');
	}

	/**
	 * Show/hides pagination items depending on which arrow is pressed
	 * Only show 6 non-arrow pagination items at a time (including horizontals)
	 * Always show first, current, and last number
	 * @param {HTMLElement} arrow
	 */
	function _showHideItems(arrow) {
	  var numberedItems = this.numberedItems,
	    activeNumber = this.activeNumber,
	    activeItem = this.activeItem,
	    firstHorizontal = this.firstHorizontal,
	    secondHorizontal = this.secondHorizontal;
	  if (numberedItems.length <= 6) {
	    firstHorizontal.classList.add(ClassName$j.HIDDEN);
	    secondHorizontal.classList.add(ClassName$j.HIDDEN);
	    return;
	  }
	  if (activeNumber === 1) {
	    _showHideFirstLastActive.call(this, {
	      firstActive: true
	    });
	  } else if (activeNumber === numberedItems.length) {
	    _showHideFirstLastActive.call(this, {
	      lastActive: true
	    });
	  } else if (!activeItem.classList.contains(ClassName$j.HIDDEN)) {
	    return;
	  } else if (_isRightArrow(arrow)) {
	    _showHideRightClicked.call(this);
	  } else {
	    _showHideLeftClicked.call(this);
	  }
	  activeItem.classList.remove(ClassName$j.HIDDEN);
	}

	/**
	 * Does show hide when the first or last element is active
	 * @param {boolean} firstActive - Whether or not the first item is active
	 * @param {boolean} lastActive - Whether or not the last item is active
	 */
	function _showHideFirstLastActive(_ref) {
	  var firstActive = _ref.firstActive,
	    lastActive = _ref.lastActive;
	  var numberedItems = this.numberedItems,
	    firstHorizontal = this.firstHorizontal,
	    secondHorizontal = this.secondHorizontal;
	  numberedItems.forEach(function (el) {
	    var itemNumber = _getNumberFromElement(el);
	    if (firstActive && itemNumber > 4 && itemNumber !== numberedItems.length) {
	      el.classList.add(ClassName$j.HIDDEN);
	    } else if (lastActive && itemNumber < numberedItems.length - 3 && itemNumber !== 1) {
	      el.classList.add(ClassName$j.HIDDEN);
	    } else {
	      el.classList.remove(ClassName$j.HIDDEN);
	    }
	  });
	  var hiddenHorizontal = firstActive ? firstHorizontal : secondHorizontal;
	  var shownHorizontal = firstActive ? secondHorizontal : firstHorizontal;
	  hiddenHorizontal.classList.add(ClassName$j.HIDDEN);
	  shownHorizontal.classList.remove(ClassName$j.HIDDEN);
	}

	/**
	 * Helper function that show/hides when right arrow is clicked
	 * Shows the first number, the last number, the current number, and the current number + 1
	 * If there is a gap between 1 and current number > 1, first horizontal is shown
	 * If the gap between current number + 1 and last number is > 1, second horizontal is shown
	 */
	function _showHideRightClicked() {
	  var numberedItems = this.numberedItems,
	    activeNumber = this.activeNumber,
	    el = this.el,
	    firstHorizontal = this.firstHorizontal,
	    secondHorizontal = this.secondHorizontal;
	  if (activeNumber - 1 > 2) {
	    firstHorizontal.classList.remove(ClassName$j.HIDDEN);
	    var nextItemNumber = activeNumber + 1;
	    numberedItems.forEach(function (el) {
	      var itemNumber = _getNumberFromElement(el);
	      if (itemNumber > 1 && itemNumber < activeNumber) {
	        el.classList.add(ClassName$j.HIDDEN);
	      }
	    });
	    if (nextItemNumber === numberedItems.length) {
	      return;
	    }
	    var nextItem = el.querySelector(Selector$y.ITEM_NUMBER(nextItemNumber));
	    nextItem.classList.remove(ClassName$j.HIDDEN);
	    if (numberedItems.length - nextItemNumber > 2) {
	      secondHorizontal.classList.remove(ClassName$j.HIDDEN);
	    } else {
	      var nextNextItem = el.querySelector(Selector$y.ITEM_NUMBER(nextItemNumber + 1));
	      nextNextItem.classList.remove(ClassName$j.HIDDEN);
	      secondHorizontal.classList.add(ClassName$j.HIDDEN);
	    }
	  }
	}

	/**
	 * Helper function that show/hides when left arrow is clicked
	 * Shows the first number, the last number, the current number, and the current number + 1
	 * If there is a gap between current number and last number is > 1, second horizontal is shown
	 * If the gap between current number - 1 and first number is > 1, first horizontal is shown
	 */
	function _showHideLeftClicked() {
	  var numberedItems = this.numberedItems,
	    activeNumber = this.activeNumber,
	    el = this.el,
	    firstHorizontal = this.firstHorizontal,
	    secondHorizontal = this.secondHorizontal;
	  if (numberedItems.length - activeNumber > 2) {
	    secondHorizontal.classList.remove(ClassName$j.HIDDEN);
	    var prevItemNumber = activeNumber - 1;
	    numberedItems.forEach(function (el) {
	      var itemNumber = _getNumberFromElement(el);
	      if (itemNumber < numberedItems.length && itemNumber > activeNumber) {
	        el.classList.add(ClassName$j.HIDDEN);
	      }
	    });
	    if (prevItemNumber === 1) {
	      return;
	    }
	    var prevItem = el.querySelector(Selector$y.ITEM_NUMBER(prevItemNumber));
	    prevItem.classList.remove(ClassName$j.HIDDEN);
	    if (prevItemNumber - 1 > 2) {
	      firstHorizontal.classList.remove(ClassName$j.HIDDEN);
	    } else {
	      var prevPrevItem = el.querySelector(Selector$y.ITEM_NUMBER(prevItemNumber - 1));
	      prevPrevItem.classList.remove(ClassName$j.HIDDEN);
	      firstHorizontal.classList.add(ClassName$j.HIDDEN);
	    }
	  }
	}

	/**
	 * Helper function that makes the arrows disabled/enabled
	 */
	function _enableAndDisableArrows() {
	  var activeNumber = this.activeNumber,
	    leftArrow = this.leftArrow,
	    rightArrow = this.rightArrow,
	    numberedItems = this.numberedItems;
	  if (!leftArrow || !rightArrow) return;
	  if (activeNumber === 1) {
	    _enableOrDisableElement(leftArrow, false);
	    _enableOrDisableElement(rightArrow, true);
	  } else if (activeNumber === numberedItems.length) {
	    _enableOrDisableElement(leftArrow, true);
	    _enableOrDisableElement(rightArrow, false);
	  } else {
	    _enableOrDisableElement(leftArrow, true);
	    _enableOrDisableElement(rightArrow, true);
	  }
	}

	/**
	 * Helper function for update() that adds pagination numbered items
	 * up to the numberOfPages
	 * @param {int} numberOfPages
	 */
	function _addPaginationItems(numberOfPages) {
	  var numberedItems = this.numberedItems,
	    paginationList = this.paginationList,
	    paginationItemTemplate = this.paginationItemTemplate,
	    el = this.el;
	  for (var i = numberedItems.length + 1; i < numberOfPages + 1; i++) {
	    var newItem = paginationItemTemplate.cloneNode(true);
	    // update id
	    newItem.id = "pagination-item" + i;

	    // update data-attribute
	    newItem.setAttribute('data-attribute', "pagination-item" + i);

	    // update button text
	    var buttonText = newItem.querySelector(Selector$y.BUTTON_TEXT);
	    buttonText.textContent = i;

	    // add aria-label to button
	    var pageText = el.querySelector(Selector$y.PAGINATION_ANNOUNCEMENT).getAttribute('data-page-text');
	    var button = newItem.querySelector(Selector$y.BUTTON);
	    button.setAttribute('aria-label', pageText + " " + i);

	    // remove the hidden class
	    newItem.classList.remove(ClassName$j.HIDDEN);

	    // append the new node
	    paginationList.append(newItem);
	  }
	}

	/**
	 * Helper function for update() that removes pagination items down to the
	 * numberOfPages
	 * @param {int} numberOfPages
	 */
	function _removePaginationItems(numberOfPages) {
	  var numberedItems = this.numberedItems;
	  for (var i = numberedItems.length - 1; i >= numberOfPages; i--) {
	    numberedItems[i].remove();
	  }
	}

	/**
	 * Helper function for update() that fixes the position of the horizontals so that
	 * the first horizontal is after the first numbered element and the second horizontal is before
	 * the last numbered element. Arrows are the first and last elements of the pagination.
	 */
	function _fixArrowsAndHorizontals() {
	  var numberedItems = this.numberedItems,
	    leftArrow = this.leftArrow,
	    rightArrow = this.rightArrow,
	    firstHorizontal = this.firstHorizontal,
	    secondHorizontal = this.secondHorizontal,
	    paginationList = this.paginationList;
	  if (numberedItems.length < 1) {
	    return;
	  }

	  // fix arrows
	  var firstNumElement = numberedItems[0];
	  paginationList.insertBefore(leftArrow, firstNumElement.previousSibling);
	  paginationList.append(rightArrow);

	  // only fix horizontals if they will be shown (>=7 pagination items)
	  if (numberedItems.length < 6) {
	    return;
	  }

	  // fix horizontals
	  var secondNumElement = numberedItems[1];
	  var lastNumElement = numberedItems[numberedItems.length - 1];
	  paginationList.insertBefore(firstHorizontal, secondNumElement);
	  paginationList.insertBefore(secondHorizontal, lastNumElement);
	}

	/**
	 * Helper function that is used to initialize items in the
	 * consturctor and when update() is called to update
	 * number of numbered items
	 * @param {InitOpts} opts - Initialization options.
	 */
	function _initializePaginationItems(opts) {
	  var _this = this;
	  var el = this.el;
	  var items = opts.items,
	    numberedItems = opts.numberedItems,
	    paginationList = opts.paginationList;
	  this.paginationList = paginationList || el.querySelector('ul');
	  this.items = items || el.querySelectorAll(Selector$y.PAGINATION_ITEM);
	  this.numberedItems = numberedItems || el.querySelectorAll(Selector$y.NUMBERED_ITEMS);

	  // Add event handlers
	  this.events = [];
	  this.items.forEach(function (el) {
	    var handler;
	    if (_isArrow(el)) {
	      handler = function handler() {
	        return _this.moveItem(el);
	      };
	    } else if (_isNumberedItem(el)) {
	      handler = function handler() {
	        return _this.setActive(el);
	      };
	    } else {
	      return;
	    }
	    _this.events.push({
	      el: el,
	      type: EventName$v.CLICK,
	      handler: handler
	    });
	  });
	  Util$1.addEvents(this.events);
	  this.setActive(el.querySelector(Selector$y.ITEM_NUMBER(1)));
	}
	var Pagination = /*#__PURE__*/function () {
	  /**
	   * Initializes new instance of Pagination
	   * @param {InitOpts} opts - Initialization options.
	   */
	  function Pagination(opts) {
	    var el = opts.el,
	      horizontalItems = opts.horizontalItems,
	      leftArrow = opts.leftArrow,
	      rightArrow = opts.rightArrow,
	      firstHorizontal = opts.firstHorizontal,
	      secondHorizontal = opts.secondHorizontal,
	      paginationAnnouncement = opts.paginationAnnouncement;

	    // Pagination element
	    this.el = el;
	    this.horizontalItems = horizontalItems || el.querySelectorAll(Selector$y.HORIZONTAL);
	    this.paginationItemTemplate = el.querySelector(Selector$y.PAGINATION_ITEM_TEMPLATE);
	    this.paginationItemTemplate.classList.add(ClassName$j.HIDDEN);
	    this.leftArrow = leftArrow || el.querySelector(Selector$y.DATA_ATTRIBUTE(DataAttribute.LEFT_ARROW));
	    this.rightArrow = rightArrow || el.querySelector(Selector$y.DATA_ATTRIBUTE(DataAttribute.RIGHT_ARROW));
	    this.firstHorizontal = firstHorizontal || el.querySelector(Selector$y.DATA_ATTRIBUTE(DataAttribute.HORIZONTAL_1));
	    this.secondHorizontal = secondHorizontal || el.querySelector(Selector$y.DATA_ATTRIBUTE(DataAttribute.HORIZONTAL_2));
	    this.paginationAnnouncement = paginationAnnouncement || el.querySelector(Selector$y.PAGINATION_ANNOUNCEMENT);

	    // Remove elipses buttons from tab order since they are not interactive
	    this.firstHorizontal.querySelector(Selector$y.BUTTON).setAttribute('tabIndex', '-1');
	    this.secondHorizontal.querySelector(Selector$y.BUTTON).setAttribute('tabIndex', '-1');
	    _initializePaginationItems.call(this, opts);
	    instances$s.push(this);
	  }

	  /**
	   * Sets the item to be the new active item
	   * Adds and removes the ghost button class for active/non active items
	   * Once completed, a custom "active page changed" event is dispatched
	   * @param {HTMLElement} activeItem
	   * @param {HTMLElement} arrow - nullable
	   */
	  var _proto = Pagination.prototype;
	  _proto.setActive = function setActive(activeItem, arrow) {
	    var el = this.el,
	      numberedItems = this.numberedItems,
	      paginationAnnouncement = this.paginationAnnouncement;
	    var lastActiveItem = el.querySelector(Selector$y.ACTIVE_ITEM);

	    // If there was a previous active button, update its styles
	    if (lastActiveItem) {
	      if (lastActiveItem === activeItem) {
	        return;
	      }

	      // Update the old active button's styles
	      var lastActiveItemButton = lastActiveItem.querySelector(Selector$y.BUTTON);
	      lastActiveItemButton.classList.add(ClassName$j.GHOST_BUTTON);
	      lastActiveItem.classList.remove(ClassName$j.ACTIVE);
	      lastActiveItem.removeAttribute('aria-current');
	    }

	    // Update the new active button's styles
	    var activeItemButton = activeItem.querySelector(Selector$y.BUTTON);
	    activeItemButton.classList.remove(ClassName$j.GHOST_BUTTON);
	    activeItem.classList.add(ClassName$j.ACTIVE);
	    activeItem.setAttribute('aria-current', 'true');
	    this.activeItem = activeItem;
	    this.activeNumber = _getNumberFromElement(activeItem);
	    _enableAndDisableArrows.call(this);
	    _showHideItems.call(this, arrow);

	    // Announce the new active page
	    var pageText = paginationAnnouncement.getAttribute('data-page-text');
	    var ofText = el.querySelector(Selector$y.PAGINATION_ANNOUNCEMENT).getAttribute('data-of-text');
	    var announcement = pageText + " " + this.activeNumber + " " + ofText + " " + numberedItems.length;
	    this.paginationAnnouncement.textContent = announcement;

	    // Dispatch a custom event signaling the active page changed
	    this.el.dispatchEvent(new CustomEvent(EventName$v.ACTIVE_PAGE_CHANGED, {
	      bubbles: true,
	      detail: {
	        activePage: this.activeNumber
	      }
	    }));
	  }

	  /**
	   * Moves the active item to the left or right based on direction.
	   * @param {HTMLElement} arrow
	   */;
	  _proto.moveItem = function moveItem(arrow) {
	    var activeNumber = this.activeNumber,
	      numberedItems = this.numberedItems,
	      el = this.el;
	    var nextActiveNumber;
	    if (_isLeftArrow(arrow)) {
	      if (activeNumber < 2) return;
	      nextActiveNumber = activeNumber - 1;
	    } else if (_isRightArrow(arrow)) {
	      if (numberedItems.length === activeNumber) return;
	      nextActiveNumber = activeNumber + 1;
	    }
	    var newActiveItem = el.querySelector(Selector$y.ITEM_NUMBER(nextActiveNumber));
	    this.setActive(newActiveItem, arrow);
	  }

	  /**
	   * Shows or hides pagination, depending on the boolean
	   * @param {boolean} show - whether or not show pagination
	   */;
	  _proto.showHidePagination = function showHidePagination(show) {
	    var el = this.el;
	    if (show) {
	      el.classList.remove(ClassName$j.HIDDEN);
	    } else {
	      el.classList.add(ClassName$j.HIDDEN);
	    }
	  }

	  /**
	   * Remove the event handlers and the pagination instance
	   */;
	  _proto.remove = function remove() {
	    // Remove event handlers, observers, etc.
	    Util$1.removeEvents(this.events);

	    // Remove this reference from the array of instances.
	    var index = instances$s.indexOf(this);
	    instances$s.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$v.ON_REMOVE] = new CustomEvent(EventName$v.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$v.ON_REMOVE]);
	  }

	  /**
	   * Update instance. Added for API consistency
	   * @param {opts} Options for updating
	   * @param {opts.numberOfPages} - update pagination to have this number of items as long as it's >=1
	   */;
	  _proto.update = function update(opts) {
	    var numberOfPages = opts.numberOfPages;
	    var numberedItems = this.numberedItems,
	      el = this.el,
	      paginationAnnouncement = this.paginationAnnouncement;

	    // Update pagination and default set active item to 1
	    if (numberOfPages && numberOfPages > 1) {
	      if (numberOfPages > numberedItems.length) {
	        _addPaginationItems.call(this, numberOfPages);
	      } else {
	        _removePaginationItems.call(this, numberOfPages);
	      }

	      // Update the numbered items
	      this.numberedItems = el.querySelectorAll(Selector$y.NUMBERED_ITEMS);

	      // Update the arrows position
	      _fixArrowsAndHorizontals.call(this);

	      // Reinitialize pagination with new items
	      Util$1.removeEvents(this.events);
	      _initializePaginationItems.call(this, {});

	      // Show/hide the pagination items
	      for (var _iterator = _createForOfIteratorHelperLoose(numberedItems), _step; !(_step = _iterator()).done;) {
	        var element = _step.value;
	        element.classList.remove(ClassName$j.HIDDEN);
	      }

	      // Show/hide the appropriate pagination numbers
	      _showHideItems.call(this);

	      // Set active to 1
	      this.setActive(el.querySelector(Selector$y.ITEM_NUMBER(1)));

	      // Set pagination announcement to use the updated number of pages
	      var pageText = paginationAnnouncement.getAttribute('data-page-text');
	      var ofText = paginationAnnouncement.getAttribute('data-of-text');
	      var pageOneText = el.querySelector(Selector$y.ITEM_NUMBER(1)).querySelector(Selector$y.BUTTON).textContent.replace(/\s+/g, '');
	      this.paginationAnnouncement.textContent = pageText + " " + pageOneText + " " + ofText + " " + numberOfPages;
	    }

	    // Create and dispatch custom event
	    this[EventName$v.ON_UPDATE] = new CustomEvent(EventName$v.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$v.ON_UPDATE]);
	  }

	  /**
	   * Get the pagination instances.
	   * @returns {Pagination[]} An array of pagination instances
	   */;
	  Pagination.getInstances = function getInstances() {
	    return instances$s;
	  };
	  return Pagination;
	}();

	var instances$r = [];
	var Selector$x = {
	  DATA_MOUNT: '[data-mount="single-select"]',
	  RADIO_BTN_CONTAINER: '.menu-list--single-select .menu-list__item-radio',
	  RADIO_LABEL: '.menu-list--single-select .menu-list__item-radio .radio-label',
	  CLEAR_BTN: '.menu-list--single-select .clear-div'
	};

	/**
	 * HTML Element Attributes.
	 * @enum {string}
	 */
	var Attributes$b = {
	  ARIA_CHECKED: 'aria-checked',
	  ARIA_LABEL: 'aria-label',
	  ARIA_DISABLED: 'aria-disabled',
	  ARIA_LABELLED_BY: 'aria-labelledby',
	  UNSELECTED_DISABLED: 'unselected-disabled'
	};

	/**
	 * CSS classes.
	 * @enum {string}
	 */
	var Classes$3 = {
	  HIDDEN: 'hidden',
	  SELECTED: 'selected'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$u = {
	  CLICK: 'click',
	  KEY_DOWN: 'keydown',
	  IS_CHECKED: 'isChecked',
	  IS_UNCHECKED: 'isUnchecked'
	};
	var SingleSelect = /*#__PURE__*/function () {
	  function SingleSelect(_ref) {
	    var _this = this;
	    var el = _ref.el;
	    this.el = el;
	    this.events = [];
	    this.radioBtns = this.el.querySelectorAll(Selector$x.RADIO_BTN_CONTAINER);
	    this.clearBtns = this.el.querySelectorAll(Selector$x.CLEAR_BTN);
	    this.radioBtns.forEach(function (radioBtn, index) {
	      _this.events.push({
	        el: radioBtn,
	        type: EventName$u.CLICK,
	        handler: _this.toggleRadioBtnSelection.bind(_this)
	      }, {
	        el: radioBtn,
	        type: EventName$u.KEY_DOWN,
	        handler: function handler(event) {
	          _this.handleKeyDown(event, index);
	        }
	      });
	    });
	    this.clearBtns.forEach(function (clearBtn) {
	      _this.events.push({
	        el: clearBtn,
	        type: EventName$u.CLICK,
	        handler: _this.hideClearButtonDeselectRadio.bind(_this)
	      });
	    });
	    Util$1.addEvents(this.events);
	    instances$r.push(this);
	  }

	  /**
	   * Deselects the specified radio button and hides its associated clear button.
	   * @param {HTMLElement} radioBtn - The radio button element to deselect.
	   * @param {HTMLElement} clearBtn - The clear button associated with the radio button.
	   */
	  var _proto = SingleSelect.prototype;
	  _proto.deselectRadio = function deselectRadio(radioBtn, clearBtn) {
	    radioBtn.classList.remove(Classes$3.SELECTED);
	    radioBtn.setAttribute(Attributes$b.ARIA_CHECKED, 'false');
	    radioBtn.setAttribute(Attributes$b.ARIA_LABELLED_BY, radioBtn.querySelector(Selector$x.RADIO_LABEL).id);
	    clearBtn.classList.add(Classes$3.HIDDEN);
	    var detail = {
	      checkbox: radioBtn
	    };
	    this.el.dispatchEvent(new CustomEvent(EventName$u.IS_UNCHECKED, {
	      bubbles: true,
	      detail: detail
	    }));
	  }

	  /**
	   * Handles the click or keydown event on the radio button.
	   * It toggles the selection of the clicked radio button and ensures no other radio buttons are selected.
	   * @param {Event} event - The click or keydown event
	   */;
	  _proto.toggleRadioBtnSelection = function toggleRadioBtnSelection(event) {
	    var _this2 = this;
	    event.preventDefault();
	    var clickedRadioBtn = event.target.closest(Selector$x.RADIO_BTN_CONTAINER);
	    var clearBtn = clickedRadioBtn ? clickedRadioBtn.nextElementSibling : null;
	    if (!clickedRadioBtn || !clearBtn) {
	      return;
	    }

	    // First, ensure no other radio buttons are selected
	    this.radioBtns.forEach(function (btn) {
	      if (btn.classList.contains(Classes$3.SELECTED) && btn !== clickedRadioBtn) {
	        var _clearBtn = btn.nextElementSibling;
	        _this2.deselectRadio(btn, _clearBtn);
	      }
	    });

	    // Then, toggle selected class, shows/hide clear button, and update aria attribute
	    if (clickedRadioBtn.classList.contains(Classes$3.SELECTED)) {
	      if (!clickedRadioBtn.hasAttribute(Attributes$b.UNSELECTED_DISABLED)) {
	        this.deselectRadio(clickedRadioBtn, clearBtn);
	      }
	    } else {
	      clickedRadioBtn.classList.add(Classes$3.SELECTED);
	      clickedRadioBtn.setAttribute(Attributes$b.ARIA_CHECKED, 'true');
	      clickedRadioBtn.setAttribute(Attributes$b.ARIA_LABELLED_BY, "" + clickedRadioBtn.nextElementSibling.id);
	      clearBtn.classList.remove(Classes$3.HIDDEN);
	      var detail = {
	        checkbox: clickedRadioBtn
	      };
	      this.el.dispatchEvent(new CustomEvent(EventName$u.IS_CHECKED, {
	        bubbles: true,
	        detail: detail
	      }));
	    }
	  }

	  /**
	   * Handles the click event on the clear button.
	   * It deselects the associated radio button and hides the clear button.
	   * @param {Event} event - The click event
	   */;
	  _proto.hideClearButtonDeselectRadio = function hideClearButtonDeselectRadio(event) {
	    event.preventDefault();
	    var clickedClearBtn = event.target.closest(Selector$x.CLEAR_BTN);
	    var radioBtn = clickedClearBtn ? clickedClearBtn.previousElementSibling : null;
	    if (clickedClearBtn && radioBtn && !radioBtn.hasAttribute(Attributes$b.UNSELECTED_DISABLED)) {
	      this.deselectRadio(radioBtn, clickedClearBtn);
	    }
	  }

	  /**
	   * Handles the keydown event on the radio button.
	   * It toggles the radio button selection on Enter or Space key press.
	   * It navigates through radio buttons on Arrow Up or Arrow Down key press.
	   * @param {Event} event - The keydown event
	   * @param {number} index - The index of the current radio button in the radio buttons list
	   */;
	  _proto.handleKeyDown = function handleKeyDown(event, index) {
	    switch (event.keyCode) {
	      case 13: // Enter
	      case 32:
	        {
	          // Space
	          this.toggleRadioBtnSelection(event);
	          break;
	        }
	      case 38: // Arrow up
	      case 40:
	        {
	          // Arrow down
	          event.preventDefault();
	          var direction = event.keyCode === 38 ? -1 : 1;
	          for (var i = 0; i < this.radioBtns.length; i++) {
	            index += direction;
	            // if past the end of the list, wrap around to the start
	            if (index >= this.radioBtns.length) {
	              index = 0;
	            }
	            // if past the start of the list, wrap around to the end
	            else if (index < 0) {
	              index = this.radioBtns.length - 1;
	            }

	            // if the radio button at the current index is not disabled, focus it and break out of the loop
	            if (this.radioBtns[index].getAttribute(Attributes$b.ARIA_DISABLED) !== 'true') {
	              this.radioBtns[index].focus();
	              break;
	            }
	          }
	          break;
	        }
	    }
	  };
	  _proto.update = function update() {};
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);
	    var index = instances$r.indexOf(this);
	    instances$r.splice(index, 1);
	  };
	  SingleSelect.getInstances = function getInstances() {
	    return instances$r;
	  };
	  return SingleSelect;
	}();

	var toIntegerOrInfinity$1 = toIntegerOrInfinity$7;
	var toString$3 = toString$i;
	var requireObjectCoercible$2 = requireObjectCoercible$b;

	var $RangeError$1 = RangeError;

	// `String.prototype.repeat` method implementation
	// https://tc39.es/ecma262/#sec-string.prototype.repeat
	var stringRepeat = function repeat(count) {
	  var str = toString$3(requireObjectCoercible$2(this));
	  var result = '';
	  var n = toIntegerOrInfinity$1(count);
	  if (n < 0 || n == Infinity) throw $RangeError$1('Wrong number of repetitions');
	  for (;n > 0; (n >>>= 1) && (str += str)) if (n & 1) result += str;
	  return result;
	};

	// https://github.com/tc39/proposal-string-pad-start-end
	var uncurryThis$4 = functionUncurryThis;
	var toLength = toLength$5;
	var toString$2 = toString$i;
	var $repeat = stringRepeat;
	var requireObjectCoercible$1 = requireObjectCoercible$b;

	var repeat = uncurryThis$4($repeat);
	var stringSlice = uncurryThis$4(''.slice);
	var ceil = Math.ceil;

	// `String.prototype.{ padStart, padEnd }` methods implementation
	var createMethod = function (IS_END) {
	  return function ($this, maxLength, fillString) {
	    var S = toString$2(requireObjectCoercible$1($this));
	    var intMaxLength = toLength(maxLength);
	    var stringLength = S.length;
	    var fillStr = fillString === undefined ? ' ' : toString$2(fillString);
	    var fillLen, stringFiller;
	    if (intMaxLength <= stringLength || fillStr == '') return S;
	    fillLen = intMaxLength - stringLength;
	    stringFiller = repeat(fillStr, ceil(fillLen / fillStr.length));
	    if (stringFiller.length > fillLen) stringFiller = stringSlice(stringFiller, 0, fillLen);
	    return IS_END ? S + stringFiller : stringFiller + S;
	  };
	};

	var stringPad = {
	  // `String.prototype.padStart` method
	  // https://tc39.es/ecma262/#sec-string.prototype.padstart
	  start: createMethod(false),
	  // `String.prototype.padEnd` method
	  // https://tc39.es/ecma262/#sec-string.prototype.padend
	  end: createMethod(true)
	};

	// https://github.com/zloirock/core-js/issues/280
	var userAgent = engineUserAgent;

	var stringPadWebkitBug = /Version\/10(?:\.\d+){1,2}(?: [\w./]+)?(?: Mobile\/\w+)? Safari\//.test(userAgent);

	var $$9 = _export;
	var $padStart = stringPad.start;
	var WEBKIT_BUG = stringPadWebkitBug;

	// `String.prototype.padStart` method
	// https://tc39.es/ecma262/#sec-string.prototype.padstart
	$$9({ target: 'String', proto: true, forced: WEBKIT_BUG }, {
	  padStart: function padStart(maxLength /* , fillString = ' ' */) {
	    return $padStart(this, maxLength, arguments.length > 1 ? arguments[1] : undefined);
	  }
	});

	var instances$q = [];
	var Selector$w = {
	  DATA_MOUNT: '[data-mount="time-slider"]',
	  SLIDER: '.slider',
	  HANDLE_START: '.time-slider__start',
	  HANDLE_END: '.time-slider__end',
	  RANGE: '.slider-range',
	  SLIDER_VALUES: '.slider-values',
	  TAG: '.tag',
	  LIVE_REGION: '.time-slider__liveRegion'
	};
	var ClassName$i = {
	  INVALID: 'invalid'
	};
	var Attribute$5 = {
	  START: 'start',
	  END: 'end',
	  ARIA_VALUENOW: 'aria-valuenow',
	  ARIA_VALUETEXT: 'aria-valuetext',
	  ARIA_VALUEMIN: 'aria-valuemin',
	  ARIA_VALUEMAX: 'aria-valuemax'
	};
	var ErrorMessage = {
	  INVALID_TIME: 'Invalid time format, time must be between 00:00 and 23:45.',
	  END_TIME_BEFORE_START: 'End time must be after start time.',
	  INVALID_TIME_FORMAT: 'Invalid time format'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$t = {
	  POINTER_DOWN: 'pointerdown',
	  POINTER_MOVE: 'pointermove',
	  POINTER_UP: 'pointerup',
	  CLICK: 'click',
	  BLUR: 'blur',
	  KEYDOWN: 'keydown',
	  ON_UPDATE: 'update',
	  ON_REMOVE: 'remove',
	  TIME_SLIDER_UPDATED: 'time-slider-updated'
	};

	/**
	 * Keyboard key names.
	 * @enum {string}
	 */
	var KEYS = {
	  ENTER: 'Enter',
	  ARROW_LEFT: 'ArrowLeft',
	  ARROW_RIGHT: 'ArrowRight',
	  HOME: 'Home',
	  END: 'End'
	};
	var MINUTES_IN_DAY = 1440;
	var MAX_MINUTES = 1425; // default: 23:45 in minutes
	var MAX_PERCENT = MAX_MINUTES / MINUTES_IN_DAY * 100;
	var STEP_MINUTES = 15;
	var STEP_PERCENT = STEP_MINUTES / MINUTES_IN_DAY * 100;

	// Convert percent to time
	function _percentToTime(percent) {
	  var totalMins = Math.round(percent / 100 * MINUTES_IN_DAY);
	  var hours = String(Math.floor(totalMins / 60)).padStart(2, '0');
	  var mins = String(totalMins % 60).padStart(2, '0');
	  return hours + ":" + mins;
	}

	// Convert time object to percent
	function _timeObjectToPercent(time) {
	  return (time.hours * 60 + time.minutes) / MINUTES_IN_DAY * 100;
	}

	// Get the end handle offset
	function _getEndHandleOffset(slider) {
	  // Both .slider-handle and .time-slider__end have transforms:
	  // .slider-handle: translateX(-50%) - centers the handle on its position
	  // .time-slider__end: translateX(50%) - shifts end handle right to prevent overlap
	  // Net effect: translateX(-50% + 50%) = translateX(0%)

	  // However, we need to account for the physical width of the handle
	  // Since the handle is positioned at its left edge but extends to the right,
	  // we need to ensure it doesn't go beyond the slider boundary
	  var handleWidth = slider.handleEnd.offsetWidth;
	  var sliderWidth = slider.offsetWidth;

	  // Check to avoid division by zero
	  if (sliderWidth === 0) {
	    console.warn('Slider width is zero, cannot calculate end handle offset.');
	    return 0;
	  }

	  // The end handle can't be positioned such that its right edge exceeds the slider width
	  // Since the handle has no net transform offset, we just need to account for its width
	  return handleWidth / sliderWidth * 100; // Convert to percentage
	}

	// Set handles based on percent positions
	function _setHandlesWithPercent(slider, startPercent, endPercent) {
	  // Calculate the offset for the end handle due to its transform: translateX(50%)
	  var endHandleOffset = _getEndHandleOffset(slider);

	  // For the visual positioning, we need to constrain the handle to prevent it from going out of bounds
	  // But for the logical time calculation, we should use the original endPercent
	  var visualEndPercent = Math.min(endPercent, 100 - endHandleOffset);

	  // However, we should still allow the time to reach the maximum, even if visually constrained
	  // So we use the original endPercent for time calculations
	  var timeEndPercent = Math.min(endPercent, MAX_PERCENT);

	  // Set handle positions using visual constraints
	  slider.handleStart.style.left = startPercent + "%";
	  slider.handleEnd.style.left = visualEndPercent + "%";
	  slider.range.style.left = startPercent + "%";
	  var sliderHandleWidth = slider.handleEnd.offsetWidth;
	  slider.range.style.width = "calc(" + (visualEndPercent - startPercent) + "% + " + sliderHandleWidth + "px)";

	  // Use the time-based percentage for actual time calculations
	  slider.startLabel.textContent = _percentToTime(startPercent);
	  slider.endLabel.textContent = _percentToTime(timeEndPercent);

	  // Set attribute `start` and `end` to the `.slider-values` element using time-based values
	  slider.sliderValues.setAttribute(Attribute$5.START, _percentToTime(startPercent));
	  slider.sliderValues.setAttribute(Attribute$5.END, _percentToTime(timeEndPercent));

	  // Set ARIA attributes for screen readers using time-based values
	  var startTimeText = _percentToTime(startPercent);
	  var endTimeText = _percentToTime(timeEndPercent);
	  var startMinutes = Math.round(startPercent / 100 * MINUTES_IN_DAY);
	  var endMinutes = Math.round(timeEndPercent / 100 * MINUTES_IN_DAY);
	  slider.handleStart.setAttribute(Attribute$5.ARIA_VALUENOW, startMinutes);
	  slider.handleStart.setAttribute(Attribute$5.ARIA_VALUETEXT, startTimeText);
	  slider.handleStart.setAttribute(Attribute$5.ARIA_VALUEMIN, 0);
	  slider.handleStart.setAttribute(Attribute$5.ARIA_VALUEMAX, MINUTES_IN_DAY);
	  slider.handleEnd.setAttribute(Attribute$5.ARIA_VALUENOW, endMinutes);
	  slider.handleEnd.setAttribute(Attribute$5.ARIA_VALUETEXT, endTimeText);
	  slider.handleEnd.setAttribute(Attribute$5.ARIA_VALUEMIN, 0);
	  slider.handleEnd.setAttribute(Attribute$5.ARIA_VALUEMAX, MINUTES_IN_DAY);

	  // dispatch custom event using time-based values
	  var event = new CustomEvent(EventName$t.TIME_SLIDER_UPDATED, {
	    bubbles: true,
	    detail: {
	      start: _percentToTime(startPercent),
	      end: _percentToTime(timeEndPercent)
	    }
	  });
	  slider.dispatchEvent(event);

	  // Announce time change to screen reader using time-based values
	  _announceTimeChange(slider, _percentToTime(startPercent), _percentToTime(timeEndPercent));

	  // Sync ARIA bounds
	  _syncAriaValueBounds(slider);
	}

	// Set handles based on time
	function _setHandles(slider, startTime, endTime) {
	  var startPercent = _timeToPercent(startTime);
	  var endPercent = _timeToPercent(endTime);
	  _setHandlesWithPercent(slider, startPercent, endPercent);
	}

	// Announce time change to screen reader
	function _announceTimeChange(slider, startTime, endTime) {
	  // Replace placeholders in the live region message
	  slider.liveRegion.textContent = slider.liveRegionMessage.replace('{startTime}', startTime).replace('{endTime}', endTime);
	}

	// Snap to step percent
	function _snapToStepPercent(percent) {
	  var totalMinutes = Math.min(Math.round(percent / 100 * MINUTES_IN_DAY), MAX_MINUTES);
	  var snappedMinutes = Math.round(totalMinutes / STEP_MINUTES) * STEP_MINUTES;
	  return snappedMinutes / MINUTES_IN_DAY * 100;
	}

	// Snap time string to step
	function _snapTimeStringToStep(_ref) {
	  var hours = _ref.hours,
	    minutes = _ref.minutes;
	  var totalMinutes = hours * 60 + minutes;
	  var snappedMinutes = Math.round(totalMinutes / STEP_MINUTES) * STEP_MINUTES;
	  var snappedHours = Math.floor(snappedMinutes / 60);
	  var snappedMins = snappedMinutes % 60;
	  return snappedHours.toString().padStart(2, '0') + ":" + snappedMins.toString().padStart(2, '0');
	}

	// Snap to step percent with visual constraint consideration
	function _snapToStepPercentWithOffset(percent, maxVisualPercent) {
	  // First, map the visual percentage to the logical time percentage
	  var logicalPercent;
	  if (maxVisualPercent > 0) {
	    if (percent >= maxVisualPercent) {
	      logicalPercent = MAX_PERCENT;
	    } else {
	      // Map the visual range [0, maxVisualPercent] to the logical range [0, MAX_PERCENT]
	      logicalPercent = percent / maxVisualPercent * MAX_PERCENT;
	    }
	  } else {
	    console.warn('maxVisualPercent should be greater than zero.');
	    logicalPercent = 0;
	  }

	  // Apply step snapping to the logical percentage
	  var totalMinutes = Math.round(logicalPercent / 100 * MINUTES_IN_DAY);
	  var snappedMinutes = Math.round(totalMinutes / STEP_MINUTES) * STEP_MINUTES;
	  var snappedLogicalPercent = snappedMinutes / MINUTES_IN_DAY * 100;
	  return Math.min(snappedLogicalPercent, MAX_PERCENT);
	}

	// Drag logic
	function _makeDraggable(handle, isStart) {
	  var slider = this.timeSlider;
	  var onPointerDown = function onPointerDown(e) {
	    e.preventDefault();
	    handle.setPointerCapture(e.pointerId); // capture drag events even if pointer leaves handle

	    var onPointerMove = throttle(10, function (moveEvent) {
	      var clientX = moveEvent.clientX;
	      var rect = slider.getBoundingClientRect();
	      var offsetX = clientX - rect.left;
	      offsetX = Math.max(0, Math.min(offsetX, slider.offsetWidth));
	      var percent = offsetX / slider.offsetWidth * 100;
	      var startPercent = parseFloat(slider.handleStart.style.left || '0');
	      if (isStart) {
	        // For start handle, use normal step snapping
	        percent = _snapToStepPercent(percent);

	        // For start handle, we need to get the logical end percentage, not the visual position
	        var endTime = slider.endLabel.textContent;
	        var endLogicalPercent = _timeToPercent(endTime);
	        percent = Math.min(percent, endLogicalPercent);
	        _setHandlesWithPercent(slider, percent, endLogicalPercent);
	      } else {
	        // For the end handle, we need to handle the visual constraint and step mapping
	        var endHandleOffset = _getEndHandleOffset(slider);
	        var maxVisualPercent = 100 - endHandleOffset;

	        // Apply step snapping with visual constraint consideration
	        var logicalPercent = _snapToStepPercentWithOffset(percent, maxVisualPercent);

	        // Ensure it's at least the start position
	        logicalPercent = Math.max(logicalPercent, startPercent);
	        _setHandlesWithPercent(slider, startPercent, logicalPercent);
	      }
	    });
	    var onPointerUp = function onPointerUp() {
	      handle.releasePointerCapture(e.pointerId);
	      document.removeEventListener(EventName$t.POINTER_MOVE, onPointerMove);
	      document.removeEventListener(EventName$t.POINTER_UP, onPointerUp);
	    };
	    document.addEventListener(EventName$t.POINTER_MOVE, onPointerMove);
	    document.addEventListener(EventName$t.POINTER_UP, onPointerUp, {
	      once: true
	    });
	  };
	  handle.addEventListener(EventName$t.POINTER_DOWN, onPointerDown);
	}

	// Clamp function to restrict values within a range
	function clamp(value, min, max) {
	  return Math.max(min, Math.min(max, value));
	}

	// Keyboard logic
	function _makeKeyboardMovable(handle, isStart) {
	  var slider = this.timeSlider;
	  handle.addEventListener(EventName$t.KEYDOWN, function (e) {
	    var startPercent = parseFloat(slider.handleStart.style.left || '0');
	    switch (e.key) {
	      case KEYS.ARROW_LEFT:
	      case KEYS.ARROW_RIGHT:
	        {
	          e.preventDefault();
	          var step = e.key === KEYS.ARROW_LEFT ? -STEP_PERCENT : STEP_PERCENT;
	          if (isStart) {
	            // For start handle, get the logical end percentage
	            var endTime = slider.endLabel.textContent;
	            var endLogicalPercent = _timeToPercent(endTime);
	            var newStart = clamp(startPercent + step, 0, endLogicalPercent);
	            _setHandlesWithPercent(slider, newStart, endLogicalPercent);
	          } else {
	            // For end handle, we need to work with logical percentages
	            // First, get the current logical percentage from the time value
	            var currentTime = slider.endLabel.textContent;
	            var currentLogicalPercent = _timeToPercent(currentTime);

	            // Apply the step to the logical percentage
	            var newLogicalPercent = clamp(currentLogicalPercent + step, startPercent, MAX_PERCENT);
	            _setHandlesWithPercent(slider, startPercent, newLogicalPercent);
	          }
	          break;
	        }
	      case KEYS.HOME:
	        {
	          e.preventDefault();
	          if (isStart) {
	            // For start handle, get the logical end percentage
	            var _endTime = slider.endLabel.textContent;
	            var _endLogicalPercent = _timeToPercent(_endTime);
	            _setHandlesWithPercent(slider, 0, _endLogicalPercent);
	          } else {
	            _setHandlesWithPercent(slider, startPercent, startPercent);
	          }
	          break;
	        }
	      case KEYS.END:
	        {
	          e.preventDefault();
	          if (isStart) {
	            // For start handle, get the logical end percentage
	            var _endTime2 = slider.endLabel.textContent;
	            var _endLogicalPercent2 = _timeToPercent(_endTime2);
	            _setHandlesWithPercent(slider, _endLogicalPercent2, _endLogicalPercent2);
	          } else {
	            // For end handle, go to the maximum time, not the visual maximum
	            _setHandlesWithPercent(slider, startPercent, MAX_PERCENT);
	          }
	          break;
	        }
	    }
	  });
	}

	// Clean and validate time string (returns null if invalid)
	function _parseTimeString(str) {
	  if (!str) return null;
	  if (!_isValidTimeString(str)) return ErrorMessage.INVALID_TIME_FORMAT;
	  var match = str.trim().match(/^(\d{1,2}):(\d{2})$/);
	  if (!match) return null;
	  var hours = parseInt(match[1], 10);
	  var minutes = parseInt(match[2], 10);

	  // Add zero before the hours if needed
	  if (hours < 10) {
	    match[1] = "0" + hours;
	  }
	  if (isNaN(hours) || isNaN(minutes) || hours > 23 || minutes > 59) return null;
	  return {
	    hours: hours,
	    minutes: minutes
	  };
	}

	// Clickable slider logic
	function _sliderClickable(slider) {
	  // Click on slider moves the nearest handle
	  slider.addEventListener(EventName$t.CLICK, function (e) {
	    // Ignore clicks directly on handles
	    if (e.target === slider.handleStart || e.target === slider.handleEnd) return;
	    var rect = slider.getBoundingClientRect();
	    var clickX = e.clientX - rect.left;
	    var percent = clickX / slider.offsetWidth * 100;
	    var startPercent = parseFloat(slider.handleStart.style.left || '0');
	    var endPercent = parseFloat(slider.handleEnd.style.left || MAX_PERCENT);
	    var distToStart = Math.abs(percent - startPercent);
	    var distToEnd = Math.abs(percent - endPercent);
	    if (distToStart < distToEnd) {
	      // Move start handle
	      percent = _snapToStepPercent(percent);

	      // For start handle, get the logical end percentage
	      var endTime = slider.endLabel.textContent;
	      var endLogicalPercent = _timeToPercent(endTime);
	      percent = clamp(percent, 0, endLogicalPercent);
	      _setHandlesWithPercent(slider, percent, endLogicalPercent);
	    } else {
	      // Move end handle
	      var endHandleOffset = _getEndHandleOffset(slider);
	      var maxVisualPercent = 100 - endHandleOffset;

	      // Apply step snapping with visual constraint consideration
	      var logicalPercent = _snapToStepPercentWithOffset(percent, maxVisualPercent);

	      // Ensure it's at least the start position
	      logicalPercent = Math.max(logicalPercent, startPercent);
	      _setHandlesWithPercent(slider, startPercent, logicalPercent);
	    }
	  });
	}

	// Update slider from span content
	function _updateFromEditableSpans() {
	  var slider = this.timeSlider;
	  var startTime = _parseTimeString(slider.startLabel.textContent);
	  var endTime = _parseTimeString(slider.endLabel.textContent);

	  // If startTime is invalid, show error tooltip on both labels
	  if (startTime === ErrorMessage.INVALID_TIME_FORMAT) {
	    // Show error tooltip on both labels
	    _showTooltip(slider.startLabel, slider.errorMessages.invalidTime);
	    slider.startLabel.classList.add(ClassName$i.INVALID);
	  } else {
	    _hideTooltip(slider.startLabel);
	    slider.startLabel.classList.remove(ClassName$i.INVALID);
	  }

	  // If endTime is invalid, show error tooltip on endLabel
	  if (endTime === ErrorMessage.INVALID_TIME_FORMAT) {
	    _showTooltip(slider.endLabel, slider.errorMessages.invalidTime);
	    slider.endLabel.classList.add(ClassName$i.INVALID);
	  } else {
	    _hideTooltip(slider.endLabel);
	    slider.endLabel.classList.remove(ClassName$i.INVALID);
	  }
	  if (!startTime || !endTime || startTime === ErrorMessage.INVALID_TIME_FORMAT || endTime === ErrorMessage.INVALID_TIME_FORMAT) return; // ignore invalid input

	  // Snap values to the nearest STEP_MINUTES (e.g. 15)
	  if (startTime) {
	    startTime = _snapTimeStringToStep(startTime);
	    // convert to time object
	    startTime = _parseTimeString(startTime);
	  }
	  if (endTime) {
	    endTime = _snapTimeStringToStep(endTime);
	    // convert to time object
	    endTime = _parseTimeString(endTime);
	  }
	  var startMinutes = startTime.hours * 60 + startTime.minutes;
	  var endMinutes = endTime.hours * 60 + endTime.minutes;
	  if (endMinutes <= startMinutes) {
	    // Show error tooltip on endLabel
	    _showTooltip(slider.endLabel, slider.errorMessages.endTimeBeforeStart);
	    slider.endLabel.classList.add(ClassName$i.INVALID);
	    return;
	  }
	  _hideTooltip(slider.startLabel);
	  _hideTooltip(slider.endLabel);
	  slider.startLabel.classList.remove(ClassName$i.INVALID);
	  slider.endLabel.classList.remove(ClassName$i.INVALID);
	  var newStart = _timeObjectToPercent(startTime);
	  var newEnd = _timeObjectToPercent(endTime);

	  // Enforce valid bounds
	  newStart = clamp(newStart, 0, newEnd);
	  newEnd = clamp(newEnd, newStart, MAX_PERCENT);
	  _setHandlesWithPercent(slider, newStart, newEnd);
	}

	/**
	 * convert the time string to percent
	 * @param {string} time - The time string in the format "HH:MM".
	 * @returns {number} - The percentage representation of the time.
	 */
	function _timeToPercent(time) {
	  var _time$split$map = time.split(':').map(Number),
	    hours = _time$split$map[0],
	    minutes = _time$split$map[1];
	  var totalMinutes = hours * 60 + minutes;
	  return Math.min(totalMinutes / MINUTES_IN_DAY * 100, MAX_PERCENT);
	}

	// Validate if a time string is in the correct format
	function _isValidTimeString(timeString) {
	  // eslint-disable-next-line no-control-regex, unicorn/no-hex-escape
	  var asciiOnly = /^[\x00-\x7F]+$/; // matches only ASCII chars
	  var validTime = /^([01]?\d|2[0-3]):[0-5]\d$/;
	  return asciiOnly.test(timeString) && validTime.test(timeString.trim());
	}

	// Show tooltip on hover
	function _showTooltip(el, message) {
	  if (!el.tooltip) {
	    var tip = document.createElement('div');
	    tip.className = 'tooltip';
	    tip.textContent = message;
	    tip.style.position = 'absolute';
	    tip.style.background = '#333';
	    tip.style.color = '#fff';
	    tip.style.padding = '4px 8px';
	    tip.style.borderRadius = '4px';
	    tip.style.fontSize = '12px';
	    tip.style.whiteSpace = 'nowrap';
	    tip.style.zIndex = '999';
	    tip.style.top = el.offsetTop - 30 + "px";
	    tip.style.left = el.offsetLeft + "px";
	    el.tooltip = tip;
	    el.parentElement.append(tip);
	  }
	}

	// Hide tooltip
	function _hideTooltip(el) {
	  if (el.tooltip) {
	    el.tooltip.remove();
	    el.tooltip = null;
	  }
	}

	// Synchronize ARIA value bounds
	function _syncAriaValueBounds(slider) {
	  var startNow = parseInt(slider.handleStart.getAttribute(Attribute$5.ARIA_VALUENOW), 10);
	  var endNow = parseInt(slider.handleEnd.getAttribute(Attribute$5.ARIA_VALUENOW), 10);
	  if (!isNaN(startNow) && !isNaN(endNow)) {
	    slider.handleStart.setAttribute(Attribute$5.ARIA_VALUEMAX, endNow);
	    slider.handleEnd.setAttribute(Attribute$5.ARIA_VALUEMIN, startNow);
	  }
	}

	/**
	 * Constructor for the timeSlider class.
	 * Initializes the TimeSlider instance with the provided options and sets up event handlers.
	 *
	 * @param {Object} opts - The options for initializing the timeSlider instance.
	 */
	var TimeSlider = /*#__PURE__*/function () {
	  var _proto = TimeSlider.prototype;
	  // Use IntersectionObserver to initialize the slider when it becomes visible
	  _proto.observeVisibility = function observeVisibility() {
	    var _this = this;
	    var observer = new IntersectionObserver(function (entries) {
	      entries.forEach(function (entry) {
	        if (entry.isIntersecting && entry.target.offsetWidth > 0) {
	          var maxTime = _this.timeSlider.dataset.maxEndTime;
	          _setHandles(_this.timeSlider, '00:00', maxTime || '23:45');
	          observer.disconnect(); // Stop observing once initialized
	        }
	      });
	    });

	    observer.observe(this.el);
	  };
	  function TimeSlider(opts) {
	    var _this2 = this;
	    this.el = opts.el;
	    this.timeSlider = opts.timeSlider || this.el.querySelector(Selector$w.SLIDER);
	    this.timeSlider.handleStart = this.el.querySelector(Selector$w.HANDLE_START);
	    this.timeSlider.handleEnd = this.el.querySelector(Selector$w.HANDLE_END);
	    this.timeSlider.range = this.el.querySelector(Selector$w.RANGE);
	    this.timeSlider.sliderValues = this.el.querySelector(Selector$w.SLIDER_VALUES);
	    this.timeSlider.startLabel = this.timeSlider.sliderValues.querySelectorAll(Selector$w.TAG)[0];
	    this.timeSlider.endLabel = this.timeSlider.sliderValues.querySelectorAll(Selector$w.TAG)[1];
	    this.timeSlider.liveRegion = this.el.querySelector(Selector$w.LIVE_REGION);
	    this.timeSlider.liveRegionMessage = this.timeSlider.dataset.sliderAliveRegion || 'Time range updated, Start time: {startTime} End time: {endTime}';

	    // error messages
	    this.timeSlider.errorMessages = {
	      invalidTime: this.timeSlider.dataset.errInvalidTime || ErrorMessage.INVALID_TIME,
	      endTimeBeforeStart: this.timeSlider.dataset.errEndBeforeStart || ErrorMessage.END_TIME_BEFORE_START
	    };

	    // Don't initialize handles immediately if parent is hidden
	    if (this.timeSlider.offsetWidth === 0) {
	      // Use IntersectionObserver or MutationObserver to detect when visible
	      this.observeVisibility();
	    } else {
	      // Initialize normally
	      _setHandles(this.timeSlider, '00:00', maxTime || '23:45');
	    }

	    // Get the slider steps from the data attribute and set the step size
	    var sliderSteps = this.timeSlider.dataset.sliderSteps;
	    if (sliderSteps) {
	      var steps = parseInt(sliderSteps, 10);
	      if (steps && steps > 0 && steps <= 60) {
	        STEP_MINUTES = steps;
	        STEP_PERCENT = STEP_MINUTES / MINUTES_IN_DAY * 100;
	      } else {
	        console.warn("Invalid slider steps: " + sliderSteps + ". Using default step of 15 minutes.");
	      }
	    } else {
	      console.warn('No slider steps defined. Using default step of 15 minutes.');
	    }

	    // Get the max end time from the data attribute and set the max end minutes
	    var maxTime = this.timeSlider.dataset.maxEndTime;
	    if (maxTime) {
	      var parsedMax = _parseTimeString(maxTime);
	      if (parsedMax) {
	        MAX_MINUTES = parsedMax.hours * 60 + parsedMax.minutes;
	        MAX_PERCENT = MAX_MINUTES / MINUTES_IN_DAY * 100;
	      } else {
	        console.warn("Invalid max end time: " + maxTime + ". Using default max of 23:45.");
	      }
	    }
	    this.timeSlider.lastValidStart = this.timeSlider.startLabel.textContent.trim();
	    this.timeSlider.lastValidEnd = this.timeSlider.endLabel.textContent.trim();

	    // Add extra width of the handle width to the slider-values container and the slider
	    // const handleWidth = this.timeSlider.handleEnd.offsetWidth;
	    // this.timeSlider.sliderValues.style.width = `calc(100% + ${handleWidth}px)`;

	    // Initialize the slider with default values
	    _setHandles(this.timeSlider, '00:00', maxTime || '23:45');
	    _makeDraggable.call(this, this.timeSlider.handleStart, true);
	    _makeDraggable.call(this, this.timeSlider.handleEnd, false);
	    _makeKeyboardMovable.call(this, this.timeSlider.handleStart, true);
	    _makeKeyboardMovable.call(this, this.timeSlider.handleEnd, false);
	    _sliderClickable(this.timeSlider);

	    // Listen for blur or Enter key to update slider from spans
	    [this.timeSlider.startLabel, this.timeSlider.endLabel].forEach(function (label, i) {
	      var isStart = i === 0;
	      label.addEventListener(EventName$t.BLUR, _updateFromEditableSpans.bind(_this2));
	      label.addEventListener(EventName$t.KEYDOWN, function (e) {
	        if (e.key === KEYS.ENTER) {
	          e.preventDefault();
	          label.blur(); // commit changes
	        }
	      });

	      // Finalize on Enter
	      label.addEventListener(EventName$t.KEYDOWN, function (e) {
	        if (e.key === KEYS.ENTER) {
	          e.preventDefault();
	          label.blur();
	        }

	        // Prevent non-digit and non-colon keys
	        var allowed = /^[\d:]$/;
	        if (e.key.length === 1 && !allowed.test(e.key)) {
	          e.preventDefault();
	        }
	      });

	      // Live auto-format + validation
	      label.addEventListener(EventName$t.ON_INPUT, function (e) {
	        var el = e.target;
	        // Remove non-digit and non-colon characters
	        var formatted = el.textContent.trim().replace(/[^\d:]/g, '');

	        // Validation Logic
	        var valid = _isValidTimeString(formatted);
	        var otherLabel = isStart ? _this2.timeSlider.endLabel : _this2.timeSlider.startLabel;
	        var otherTime = _parseTimeString(otherLabel.textContent);
	        var thisTime = _parseTimeString(formatted);
	        var endTimeInvalid = true;
	        if (valid && otherTime && thisTime) {
	          var thisMins = thisTime.hours * 60 + thisTime.minutes;
	          var otherMins = otherTime.hours * 60 + otherTime.minutes;
	          endTimeInvalid = isStart ? thisMins < otherMins : thisMins > otherMins;
	        }
	        if (!valid || !endTimeInvalid) {
	          el.classList.add(ClassName$i.INVALID);
	          var msg = _this2.timeSlider.errorMessages.invalidTime;
	          _showTooltip(el, msg);
	        } else {
	          el.classList.remove(ClassName$i.INVALID);
	          _hideTooltip(el);
	        }
	      });
	    });
	    instances$q.push(this);
	  }

	  /**
	   * Update the time slider.
	   * @param {Object} [opts] - The slider options.
	   * @param {Function} [opts.onInput] - Function to override the slider input handler.
	   * @param {Function} [opts.updateSliderIndicators] - Function that udpates the slider indicators.
	   * @param {Function} [opts.updateSliderIndicators] - Function that udpates the slider drag pill.
	   * @param {Object} [opts.dragPill] - Object containing references to two Nodes: the drag pill wrapper and span (text container).
	   */
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    if (opts.timeSlider) {
	      this.timeSlider = opts.timeSlider;
	    }
	    var maxTime = this.timeSlider.dataset.maxEndTime;
	    _setHandles(this.timeSlider, '00:00', maxTime || '23:45');
	    var updateEvent = new CustomEvent(EventName$t.ON_UPDATE, {
	      bubbles: true,
	      cancelable: true
	    });
	    this.el.dispatchEvent(updateEvent);
	  }

	  /**
	   * Remove the slider.
	   */;
	  _proto.remove = function remove() {
	    var index = instances$q.indexOf(this);
	    instances$q.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$t.ON_REMOVE] = new CustomEvent(EventName$t.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$t.ON_REMOVE]);
	  };
	  TimeSlider.getInstances = function getInstances() {
	    return instances$q;
	  };
	  return TimeSlider;
	}();

	/**
	 * CSS selector.
	 * @enum {string}
	 */
	var Selector$v = {
	  DATA_MOUNT: '[data-mount="dynamically-added-filters"]',
	  PILLBAR_FILTERS: '.pill-bar--dynamically-added-filters > ul',
	  HEADER: '.search-results__main-panel__header__title',
	  FILTERED_BY_CONTAINER: '.search-results__main-panel__header__filtered-by',
	  MOBILE_SHOW_FILTERS_BUTTON: '.search-results__main-panel__header__mobile-button-group .btn',
	  MOBILE_HIDE_FILTERS_BUTTON: '.search-results__filter-panel__header button',
	  MAIN_PANEL: '.search-results__main-panel',
	  FILTER_PANEL: '.search-results__filter-panel',
	  FILTER_PANEL_FOOTER: '.search-results__filter-panel__footer',
	  FILTER_LIST: 'ul.tab-group',
	  FILTER_BUTTONS: 'li button:not([data-filter-name="pill-bar-template"])',
	  CLEAR_ALL_LINK: '.clear-all-link',
	  APPLY_FILTERS_BUTTON: '.search-results__filter-panel__footer .btn',
	  FILTER_PANEL_ITEMS: '.filter-panel',
	  NUMBER_OF_RESULTS: '.number-of-results',
	  DATA_FILTER_CHECKBOX: function DATA_FILTER_CHECKBOX(dataFilterCheckbox) {
	    return "[data-filter-checkbox=\"" + dataFilterCheckbox + "\"]";
	  },
	  PILL_BAR_FILTER: function PILL_BAR_FILTER(dataFilterName) {
	    return "[data-filter-name*=\"" + dataFilterName + "\"]";
	  }
	};

	/**
	 * JS event name.
	 * IS_FILTERED is used to signal when dynamically added filters is done filtering
	 * This is done - because one click can trigger multiple adding/removing of filters
	 * @enum {string}
	 */
	var EventName$s = {
	  CLICK: 'click',
	  ON_UPDATE: 'onUpdate',
	  ON_REMOVE: 'onRemove',
	  ON_RESIZE: 'resize',
	  IS_FILTERED: 'onDynamicallyAddedFilterIsFiltered',
	  ON_RELEVANCE_CHANGED: 'onRelevanceChanged',
	  KEYDOWN: 'keydown'
	};

	/**
	 * CSS Classes.
	 * @enum {string}
	 */
	var ClassName$h = {
	  DISPLAY_NONE: 'd-none',
	  SHOW_IN_MOBILE_ONLY: 'show-in-mobile-only',
	  FILTER_PANEL_MODAL: 'filter-panel--modal',
	  MODAL: 'modal'
	};

	/**
	 * data-selector attributes used as unique identifiers to separate
	 * sub components
	 */
	var DataSelectors = {
	  RELEVANCE_DROPDOWN: 'relevance-dropdown',
	  MOBILE_RELEVANCE_DROPDOWN: 'mobile-relevance-dropdown',
	  TIME_SLIDER: 'data-time-slider'
	};

	/**
	 * Mobile VP (VP2) in px (window.innerWidth)
	 */
	var MOBILE_VP = 860;

	/**
	 * Delay in milliseconds.
	 */
	var DELAY_MS$5 = 200;

	/**
	 * id and data-filter-name for pill bar template
	 */
	var PILL_BAR_TEMPLATE = 'pill-bar-template';

	/**
	 * DynamicallyAddedFilters instances
	 */
	var instances$p = [];

	/**
	 * Number of maximum cards per page
	 */
	var MAX_CARDS = 9;

	/** Private functions **/

	/**
	 * @returns {Array[DropdownFilter]} - The dropdown filter instances
	 */
	function _getDropdownFilterInstances() {
	  var closestDropdownFilters = this.el.querySelectorAll(Selector$E.DATA_MOUNT);
	  if (closestDropdownFilters.length > 0) {
	    var dropdownFilterInstances = DropdownFilter.getInstances();
	    return dropdownFilterInstances.filter(function (dropdownFilter) {
	      return Array.from(closestDropdownFilters).includes(dropdownFilter.el);
	    });
	  }
	}

	/**
	 * @returns The Pagination instance
	 */
	function _getPaginationInstance() {
	  var closestPagination = this.el.querySelector(Selector$y.DATA_MOUNT);
	  if (closestPagination) {
	    var paginationInstances = Pagination.getInstances();
	    return paginationInstances.find(function (pagination) {
	      return pagination.el === closestPagination;
	    });
	  }
	  return null;
	}

	/**
	 * @returns The Filter.js instance inside of DynamicallyAddedFilters
	 */
	function _getFilterInstance() {
	  var closestFilter = this.el.querySelector(Selector$D.DATA_MOUNT);
	  if (closestFilter) {
	    var filterInstances = Filters.getInstances();
	    return filterInstances.find(function (filter) {
	      return filter.el === closestFilter;
	    });
	  }
	  return null;
	}

	/**
	 * @returns An array of the FilterPanelItems.js instances inside of DynamicallyAddedFilters
	 */
	function _getFilterPanelItemInstances() {
	  var filterPanelItems = Array.from(this.el.querySelectorAll(Selector$z.DATA_MOUNT));
	  if (filterPanelItems.length > 0) {
	    var filterPanelItemInstances = FilterPanelItem.getInstances();
	    return filterPanelItemInstances.filter(function (instance) {
	      return filterPanelItems.includes(instance.el);
	    });
	  }
	  return [];
	}

	/**
	 * Wrapper event handler that handles the add filter logic between FilterPanelItem and Filter
	 * If in mobile view, nothing is done until Apply Filters is clicked
	 */
	function _onCheckboxChecked(event) {
	  var checkbox = event.detail.checkbox;
	  var isSingleSelect = this.isSingleSelect,
	    showFiltersInMobile = this.showFiltersInMobile;
	  if (isSingleSelect) {
	    checkbox.value = checkbox.getAttribute('data-filter-value');
	  }

	  // If in mobile view, push filter into function queue to be applied when apply filters is clicked
	  if (showFiltersInMobile) {
	    this.filterFunctionQueue.push(this.addFilter.bind(this, checkbox.value, checkbox.id));
	    return;
	  }
	  this.addFilter(checkbox.value, checkbox.id);
	  _onFiltersUpdated.call(this);
	}

	/**
	 * Wrapper event handler that handles the remove filter logic between FilterPanelItem and Filter
	 * If in mobile view, nothing is done until Apply Filters is clicked
	 */
	function _onCheckboxUnchecked(event) {
	  var checkbox = event.detail.checkbox;
	  var showFiltersInMobile = this.showFiltersInMobile;

	  // If in mobile view, push filter into function queue to be applied when apply filters is clicked
	  if (showFiltersInMobile) {
	    this.filterFunctionQueue.push(this.removeFilter.bind(this, checkbox.id));
	    return;
	  }
	  this.removeFilter(checkbox.id);
	  _onFiltersUpdated.call(this);
	}

	/**
	 * Handles updates from the TimeSlider component when the time range is adjusted.
	 * It removes any existing filter for the time slider, and if a non-default time range is selected,
	 * it creates and adds a new filter with the time range as its label. The new filter is tagged
	 * using a `data-time-slider` attribute so it can be identified later (e.g. on pill removal).
	 */
	function _onTimeSliderChange(event) {
	  var _event$currentTarget,
	    _timeSlider$querySele,
	    _this = this;
	  var _event$detail = event.detail,
	    start = _event$detail.start,
	    end = _event$detail.end;
	  var time = start + " - " + end;
	  var timeSlider = (_event$currentTarget = event.currentTarget) == null ? void 0 : _event$currentTarget.querySelector(Selector$w.DATA_MOUNT);
	  var maxEndTime = (timeSlider == null ? void 0 : (_timeSlider$querySele = timeSlider.querySelector(Selector$w.SLIDER)) == null ? void 0 : _timeSlider$querySele.dataset.maxEndTime) || '23:45';
	  var showFiltersInMobile = this.showFiltersInMobile;
	  var timeSliderId = timeSlider.id;
	  var addTaggedTimeSlider = function addTaggedTimeSlider() {
	    _this.addFilter(time, timeSliderId);
	    var pillbar = _this.el.querySelector(Selector$v.PILL_BAR_FILTER(timeSliderId));
	    if (pillbar) {
	      pillbar.setAttribute(DataSelectors.TIME_SLIDER, 'true');
	    }
	  };
	  if (showFiltersInMobile) {
	    this.filterFunctionQueue.push(this.removeFilter.bind(this, timeSliderId), addTaggedTimeSlider);
	    return;
	  }
	  this.removeFilter(timeSliderId);
	  if (start !== '00:00' || end !== maxEndTime) {
	    addTaggedTimeSlider();
	  }
	  _onFiltersUpdated.call(this);
	}

	/**
	 * Event handler that handles when a pill bar filter is clicked
	 * Removes the filter and updates checkboxes
	 */
	function _onPillbarFilterClicked(dataFilterName) {
	  var _this2 = this;
	  var isSingleSelect = this.isSingleSelect,
	    el = this.el;
	  var pillbar = el.querySelector(Selector$v.PILL_BAR_FILTER(dataFilterName));
	  var isTimeSlider = (pillbar == null ? void 0 : pillbar.getAttribute(DataSelectors.TIME_SLIDER)) === 'true';
	  this.removeFilter(dataFilterName);
	  _onFiltersUpdated.call(this);
	  if (isSingleSelect) {
	    var clearBtn = el.querySelector("#clear-div-" + dataFilterName);
	    clearBtn.click();
	  } else if (isTimeSlider) {
	    TimeSlider.getInstances().forEach(function (slider) {
	      if (slider.el.id === dataFilterName) {
	        slider.update();
	      }
	    });
	  } else {
	    var _checkbox$getAttribut;
	    var checkbox = el.querySelector(Selector$z.CHECKBOX_ID(dataFilterName));
	    checkbox.checked = false;
	    var childCheckboxes = (_checkbox$getAttribut = checkbox.getAttribute('aria-controls')) == null ? void 0 : _checkbox$getAttribut.split(' ');
	    // If parent checkbox, uncheck all child checkboxes
	    if (childCheckboxes) {
	      childCheckboxes.forEach(function (childCheckboxId) {
	        var childCheckbox = el.querySelector(Selector$z.CHECKBOX_ID(childCheckboxId));
	        if (childCheckbox) childCheckbox.checked = false;
	      });

	      // If child checkbox, unchecks parent and makes parent indeterminate if remaining checkboxes exist
	    } else {
	      var _parentCheckbox$getAt;
	      var parentCheckbox = el.querySelector(Selector$z.PARENT_CHECKBOX(dataFilterName));
	      parentCheckbox.checked = false;
	      childCheckboxes = ((_parentCheckbox$getAt = parentCheckbox.getAttribute('aria-controls')) == null ? void 0 : _parentCheckbox$getAt.split(' ')) || [];
	      // check if parent has any children that are checked and if not then make parent checkbox not indeterminate
	      var checkedSiblings = false;
	      childCheckboxes.forEach(function (childDataFilterName) {
	        var checkbox = _this2.el.querySelector(Selector$z.CHECKBOX_ID(childDataFilterName));
	        if (checkbox.checked) checkedSiblings = true;
	      });

	      // if checkedSiblings is true, so is the parents indeterminate state and vice-versa
	      parentCheckbox.indeterminate = checkedSiblings;
	    }
	  }
	}

	/**
	 * Hides the header container unless the page is in a mobile viewport
	 * Shows the filter section when header is hidden and vice-versa
	 * @param {Boolean} showFilter - whether or not filter is to be shown
	 */
	function _showHidefilterHeader(showFilter) {
	  var filteredByContainer = this.filteredByContainer,
	    clearAllLinks = this.clearAllLinks,
	    header = this.header;
	  if (showFilter) {
	    filteredByContainer.classList.remove(ClassName$h.DISPLAY_NONE);
	    header.classList.add(ClassName$h.SHOW_IN_MOBILE_ONLY);
	    clearAllLinks.forEach(function (link) {
	      link.classList.remove(ClassName$h.DISPLAY_NONE);
	    });
	  } else {
	    header.classList.remove(ClassName$h.SHOW_IN_MOBILE_ONLY);
	    filteredByContainer.classList.add(ClassName$h.DISPLAY_NONE);
	    clearAllLinks.forEach(function (link) {
	      link.classList.add(ClassName$h.DISPLAY_NONE);
	    });
	  }
	}

	/**
	 * Function that is called only in mobile VP when filters is shown
	 * If the window's inner width exceeds mobile vp, then mobile filters are hidden
	 */
	function _onWindowResizeInMobileFilters() {
	  if (window.innerWidth > MOBILE_VP) {
	    _onHideMobileFilters.call(this);
	  }
	}

	/**
	 * Saves the state of checkboxes
	 */
	function _saveCheckboxesState() {
	  var checkboxes = this.checkboxes;
	  this.checkboxesSavedState = Array.from(checkboxes).map(function (checkbox) {
	    return {
	      id: checkbox.id,
	      checked: checkbox.checked,
	      indeterminate: checkbox.indeterminate
	    };
	  });
	}

	/**
	 * Loads the state of checkboxes and then clears it
	 */
	function _loadCheckboxSavedState() {
	  this.checkboxesSavedState.forEach(function (savedCheckbox) {
	    var checkbox = document.querySelector(Selector$z.CHECKBOX_ID(savedCheckbox.id));
	    checkbox.checked = savedCheckbox.checked;
	    checkbox.indeterminate = savedCheckbox.indeterminate;
	  });
	  this.checkboxesSavedState = [];
	}

	/**
	 * Traps focus within the filters modal
	 */
	function _trapFocus(event) {
	  var modal = this.modal;
	  var focusableElements = Util$1.getFocusableElements(modal);
	  if (focusableElements.length === 0) {
	    return;
	  }
	  var firstElement = focusableElements[0];
	  var lastElement = focusableElements[focusableElements.length - 1];
	  switch (Util$1.getKeyCode(event)) {
	    // escape key
	    case Util$1.keyCodes.ESC:
	      {
	        event.preventDefault();
	        _onHideMobileFilters.call(this);
	        break;
	      }
	    case Util$1.keyCodes.TAB:
	      {
	        if (event.shiftKey && document.activeElement === firstElement) {
	          // shift + tab
	          event.preventDefault();
	          lastElement.focus();
	        } else if (!event.shiftKey && document.activeElement === lastElement) {
	          // tab
	          event.preventDefault();
	          firstElement.focus();
	        }
	        break;
	      }
	  }
	}

	/**
	 * Toggles the trap focus event on the filters modal
	 * @param {boolean} enableFocusTrap
	 */
	function _toggleFocusTrap(enableFocusTrap) {
	  var modal = this.modalKeydownEvent.el;
	  if (enableFocusTrap) {
	    this.events.push(this.modalKeydownEvent);
	    Util$1.addEvents([this.modalKeydownEvent]);
	  } else {
	    this.events = this.events.filter(function (event) {
	      return !(event.type === EventName$s.KEYDOWN && event.el === modal);
	    });
	    Util$1.removeEvents([this.modalKeydownEvent]);
	  }
	}

	/**
	 * Function is called when the filter panel is shown in mobile view.
	 * Manages focus and ARIA attributes for the filters modal.
	 *
	 * @param {HTMLElement} modal filters modal
	 * @param {boolean} shouldTrapFocus whether the focus should be trapped within the modal
	 */
	function _manageFocusAndAriaAttributes(modal, shouldTrapFocus) {
	  var mainPanel = this.mainPanel;
	  if (shouldTrapFocus) {
	    _toggleFocusTrap.call(this, true);
	    modal.setAttribute('role', 'dialog');
	    modal.setAttribute('aria-modal', 'true');

	    // append before closing body tag
	    document.body.append(modal);

	    // make all sibling elements (except for scripts etc.) inert
	    Util.toggleSiblingsInert(modal, true);
	  } else {
	    _toggleFocusTrap.call(this, false);
	    modal.removeAttribute('role');
	    modal.removeAttribute('aria-modal');

	    // make all sibling elements (except for scripts etc.) non-inert
	    Util.toggleSiblingsInert(modal, false);

	    // append in original place just before mainPanel element
	    mainPanel.insertAdjacentElement('beforebegin', modal);
	  }
	}

	/**
	 * Function to focus the mobile show filters button
	 */
	function _focusMobileShowFiltersButton() {
	  var mainPanel = this.mainPanel;
	  var mobileShowFiltersButton = mainPanel.querySelector(Selector$v.MOBILE_SHOW_FILTERS_BUTTON);
	  if (mobileShowFiltersButton) {
	    mobileShowFiltersButton.focus();
	  }
	}

	/**
	 * Event handler for the keydown event on the mobile show filters button.
	 * Specifically handles the spacebar key to open the filters modal.
	 *
	 * @param {KeyboardEvent} event
	 */
	function _onMobileShowFilterButtonKeyDown(event) {
	  if (event.key === ' ') {
	    event.preventDefault();
	    _showHideMobileFiltersPanel.call(this, true, event);
	  }
	}

	/**
	 * Show/hides the filter panel depending on whether showPanel is true/false
	 * A throttled resize event is added to simulate a hiding of the mobile filters panel
	 * once the VP is greater than mobile VP
	 *
	 * The state of all the checkboxes are saved in case filters aren't applied
	 * @param {Boolean} showPanel
	 */
	function _showHideMobileFiltersPanel(showPanel, event) {
	  var filterPanel = this.filterPanel,
	    mainPanel = this.mainPanel,
	    filterPanelParentElement = this.filterPanelParentElement;
	  if (showPanel) {
	    if (event) {
	      event.preventDefault();
	    }

	    // show filter panel and hide main panel
	    filterPanel.classList.add(ClassName$h.MODAL);
	    filterPanelParentElement.classList.add(ClassName$h.FILTER_PANEL_MODAL);
	    mainPanel.classList.add(ClassName$h.DISPLAY_NONE);
	    this.showFiltersInMobile = true;

	    // handle filter panel modal focus and aria attributes
	    _manageFocusAndAriaAttributes.call(this, filterPanel, true);

	    // save a snapshot of the checkboxes
	    _saveCheckboxesState.call(this);

	    // add the window resize event
	    this.events.push(this.windowResizeEvent);
	    Util$1.addEvents([this.windowResizeEvent]);
	  } else {
	    // show main panel and hide filter panel
	    filterPanel.classList.remove(ClassName$h.MODAL);
	    filterPanelParentElement.classList.remove(ClassName$h.FILTER_PANEL_MODAL);
	    mainPanel.classList.remove(ClassName$h.DISPLAY_NONE);
	    this.showFiltersInMobile = false;

	    // remove filter panel modal focus and aria attributes
	    _manageFocusAndAriaAttributes.call(this, filterPanel, false);

	    // remove the window resize event
	    this.events = this.events.filter(function (event) {
	      return event.type !== EventName$s.ON_RESIZE;
	    });
	    Util$1.removeEvents([this.windowResizeEvent]);
	    this.filterFunctionQueue = [];

	    // return focus to the mobile show filters button
	    _focusMobileShowFiltersButton.call(this);
	  }
	}

	/**
	 * Event handler for apply filters button
	 * that executes all add/remove filters in the function queue
	 */
	function _onApplyFiltersClicked() {
	  for (var _iterator = _createForOfIteratorHelperLoose(this.filterFunctionQueue), _step; !(_step = _iterator()).done;) {
	    var func = _step.value;
	    func();
	  }
	  _onFiltersUpdated.call(this);
	  _showHideMobileFiltersPanel.call(this, false);
	  _scrollToTopOfComponent.call(this);
	}

	/**
	 * Event handler for hide filters button
	 * that hides the filter panel and clears the filter function queue and
	 * unchecks all the checkboxes that were pending
	 */
	function _onHideMobileFilters() {
	  _loadCheckboxSavedState.call(this);
	  _showHideMobileFiltersPanel.call(this, false);
	  _scrollToTopOfComponent.call(this);
	}

	/**
	 * Scrolls the window to the top of the component
	 */
	function _scrollToTopOfComponent() {
	  var el = this.el;
	  el.scrollIntoView({
	    behavior: 'smooth',
	    block: 'start'
	  });
	}

	/**
	 * When filters are finished updating, this function updates the text that
	 * shows the # of active filters and dispatches a custom IS_FILTERED event
	 * so all Search Results instances can update their API url based on the
	 * active filters
	 */
	function _onFiltersUpdated() {
	  var mobileShowFiltersButton = this.mobileShowFiltersButton,
	    filters = this.filters,
	    el = this.el;
	  var spanElement = mobileShowFiltersButton.querySelector('span');
	  if (spanElement) {
	    var newValue = "(" + filters.filterSelections.length + ")";
	    spanElement.textContent = spanElement.textContent.replace(/\([^)]*\)/, newValue);
	  }

	  // update the filter's filter buttons and and filter list
	  var filterList = el.querySelector(Selector$v.FILTER_LIST);
	  filters.update({
	    filterList: filterList,
	    filterButtons: filterList.querySelectorAll(Selector$v.FILTER_BUTTONS)
	  });

	  // Use `data-filter-tags` instead of id if available
	  var filterTags = filters.filterSelections.map(function (filterSelectionId) {
	    var filterNode = document.querySelector("[id='" + filterSelectionId + "'][data-filter-tag]");
	    if (!filterNode) {
	      return filterSelectionId;
	    }
	    return filterNode.getAttribute('data-filter-tag') || filterSelectionId;
	  });
	  this.el.dispatchEvent(new CustomEvent(EventName$s.IS_FILTERED, {
	    bubbles: true,
	    detail: filterTags
	  }));
	}

	/**
	 * Event handler when dropdown filter is checked. Is checks the checkbox
	 * for the mobile relevance button and vice versa and updates relevanceCheckboxes.
	 * @param {Event} event
	 */
	function _onCustomerSortByChanged(event) {
	  var detail = event.detail; // Detail is the menu list item that is now active
	  var dropdownFilter = this.dropdownFilter,
	    mobileDropdownFilter = this.mobileDropdownFilter;
	  var queryParam = detail.getAttribute('data-option-key');

	  // Make sure dropdownFilter and mobileDropdownFilter are in sync
	  var dropdown = dropdownFilter.el.parentElement;
	  var mobileDropdown = mobileDropdownFilter.el.parentElement;

	  // Find the dropdown that needs to be updated and simulate a click
	  var targetDropdown = dropdown.contains(detail) ? mobileDropdown : dropdown;
	  var menuListItem = targetDropdown.querySelector("[data-option-key=\"" + queryParam + "\"]");
	  if (menuListItem) {
	    menuListItem.click();
	  }

	  // Dispatch a custom event to signal that the relevance has changed
	  this.el.dispatchEvent(new CustomEvent(EventName$s.ON_RELEVANCE_CHANGED, {
	    bubbles: true,
	    detail: {
	      dropdownItem: detail,
	      queryParam: queryParam
	    }
	  }));
	}

	/**
	 * Helper function for DynamicallyAddedFilters constructor that initializes the elements
	 * and other Javascript instances that are used within the component
	 */
	function _initializeElementsAndInstances(opts) {
	  this.el = opts.el;
	  this.filters = opts.filters || _getFilterInstance.call(this);
	  this.dropdownFilterInstances = opts.dropdownFilterInstances || _getDropdownFilterInstances.call(this);
	  if (this.dropdownFilterInstances && Array.isArray(this.dropdownFilterInstances)) {
	    this.dropdownFilter = this.dropdownFilterInstances.find(function (filter) {
	      return filter.el.getAttribute('data-selector') === DataSelectors.RELEVANCE_DROPDOWN;
	    });
	    this.mobileDropdownFilter = this.dropdownFilterInstances.find(function (filter) {
	      return filter.el.getAttribute('data-selector') === DataSelectors.MOBILE_RELEVANCE_DROPDOWN;
	    });
	  } else {
	    this.dropdownFilter = null;
	  }
	  this.paginationInstance = opts.paginationInstance || _getPaginationInstance.call(this);
	  this.filterPanelItems = opts.filterPanelItems || _getFilterPanelItemInstances.call(this);
	  this.filterPanelParentElement = opts.filterPanelParentElement || this.el.querySelector(Selector$v.FILTER_PANEL_ITEMS);
	  this.pillbarFilters = opts.pillbarFilters || this.el.querySelector(Selector$v.PILLBAR_FILTERS);
	  this.header = opts.header || this.el.querySelector(Selector$v.HEADER);
	  this.filteredByContainer = opts.filteredByContainer || this.el.querySelector(Selector$v.FILTERED_BY_CONTAINER);
	  this.clearAllLinks = opts.clearAllLinks || this.el.querySelectorAll(Selector$v.CLEAR_ALL_LINK) || [];
	  this.filterPanel = opts.filterPanel || this.el.querySelector(Selector$v.FILTER_PANEL);
	  this.mainPanel = opts.mainPanel || this.el.querySelector(Selector$v.MAIN_PANEL);
	  this.mobileHideFiltersButton = opts.mobileHideFiltersButton || this.el.querySelector(Selector$v.MOBILE_HIDE_FILTERS_BUTTON);
	  this.mobileShowFiltersButton = opts.mobileShowFiltersButton || this.el.querySelector(Selector$v.MOBILE_SHOW_FILTERS_BUTTON);
	  this.applyFiltersButton = opts.applyFiltersButton || this.el.querySelector(Selector$v.APPLY_FILTERS_BUTTON);
	  this.checkboxes = opts.checkboxes || this.el.querySelectorAll(Selector$z.CHECKBOX);
	  this.numberOfResults = opts.numberOfResults || this.el.querySelectorAll(Selector$v.NUMBER_OF_RESULTS);
	  this.radioBtns = opts.radioBtns || this.el.querySelectorAll(Selector$x.RADIO_BTN_CONTAINER);
	  this.isSingleSelect = opts.isSingleSelect || Boolean(this.el.querySelector(Selector$x.DATA_MOUNT));
	  this.modal = opts.modal || this.el.querySelector(Selector$v.FILTER_PANEL);
	}

	/**
	 * Constructor helper function that initializes the events and event handlers
	 */
	function _initializeEventAndEventHandlers() {
	  var _this3 = this;
	  // Add event handlers for when Filter Panel Items are checked/unchecked
	  this.filterPanelItems.forEach(function (instance) {
	    instance.el.addEventListener(EventName$w.IS_CHECKED, _onCheckboxChecked.bind(_this3));
	    instance.el.addEventListener(EventName$w.IS_UNCHECKED, _onCheckboxUnchecked.bind(_this3));
	    instance.el.addEventListener(EventName$t.TIME_SLIDER_UPDATED, _onTimeSliderChange.bind(_this3));
	  });

	  // Add keycode enter event for Filters
	  this.filters.update({
	    keyCodeEnterEvent: _onPillbarFilterClicked.bind(this)
	  });

	  // Add event handlers for show/hide mobile filter buttons and apply filters button
	  this.events.push({
	    el: this.mobileHideFiltersButton,
	    type: EventName$s.CLICK,
	    handler: _onHideMobileFilters.bind(this, false)
	  }, {
	    el: this.mobileShowFiltersButton,
	    type: EventName$s.CLICK,
	    handler: _showHideMobileFiltersPanel.bind(this, true)
	  }, {
	    el: this.mobileShowFiltersButton,
	    type: EventName$s.KEYDOWN,
	    handler: _onMobileShowFilterButtonKeyDown.bind(this)
	  }, {
	    el: this.applyFiltersButton,
	    type: EventName$s.CLICK,
	    handler: _onApplyFiltersClicked.bind(this)
	  });
	  this.clearAllLinks.forEach(function (link) {
	    _this3.events.push({
	      el: link,
	      type: EventName$s.CLICK,
	      handler: _this3.removeAllFilters.bind(_this3)
	    });
	  });

	  // Add dropdown filter events
	  this.events.push({
	    el: this.el,
	    handler: _onCustomerSortByChanged.bind(this),
	    type: EventName$C.ON_CUSTOMER_ACTIVE_ITEM_CHANGED
	  });

	  // window resize event that is only added in mobile VP for filters active
	  this.windowResizeEvent = {
	    el: window,
	    handler: throttle(DELAY_MS$5, _onWindowResizeInMobileFilters.bind(this)),
	    type: EventName$s.ON_RESIZE
	  };

	  // keydown event only added in mobile view for filters modal
	  this.modalKeydownEvent = {
	    el: this.modal,
	    handler: _trapFocus.bind(this),
	    type: EventName$s.KEYDOWN
	  };
	  Util$1.addEvents(this.events);
	}

	/**
	 * Instantiates the pill bar template and removes the template from active filter
	 */
	function _initializePillbarTemplate(opts) {
	  var filters = this.filters,
	    el = this.el;

	  // Instantiate and hide the pillbar template
	  this.pillbarTemplate = opts.pillbarTemplate || el.querySelector(Selector$v.PILL_BAR_FILTER(PILL_BAR_TEMPLATE));
	  this.pillbarTemplate.parentNode.classList.add(ClassName$h.DISPLAY_NONE);
	  if (this.pillbarTemplate) {
	    filters.removeFilterSelectionValue(PILL_BAR_TEMPLATE);
	    if (filters.filterSelections.length === 0) {
	      _showHidefilterHeader.call(this, false);
	    }
	  }
	}
	var DynamicallyAddedFilters = /*#__PURE__*/function () {
	  function DynamicallyAddedFilters(opts) {
	    _initializeElementsAndInstances.call(this, opts);
	    _initializePillbarTemplate.call(this, opts);
	    this.showFiltersInMobile = opts.showFiltersInMobile;
	    this.filterFunctionQueue = opts.filterFunctionQueue || [];
	    this.checkboxesSavedState = opts.checkboxesSavedState || [];
	    this.activeSortByOption = opts.relevanceCheckboxes || [];
	    this.events = [];
	    this.maxCards = MAX_CARDS;

	    // show/hide filter header
	    if (this.filters.filterSelections.length > 0) {
	      _showHidefilterHeader.call(this, true);
	    } else {
	      _showHidefilterHeader.call(this, false);
	    }
	    _initializeEventAndEventHandlers.call(this);
	    instances$p.push(this);
	  }

	  /**
	   * Creates a new filter HTML Element, appends it, and updates Filter Selection
	   * @param {String} filterLabel
	   * @param {String} dataFilterName
	   */
	  var _proto = DynamicallyAddedFilters.prototype;
	  _proto.addFilter = function addFilter(filterLabel, dataFilterName) {
	    var isSingleSelect = this.isSingleSelect,
	      pillbarFilters = this.pillbarFilters,
	      filters = this.filters,
	      pillbarTemplate = this.pillbarTemplate;
	    if (filters.filterSelections.length < 1) {
	      _showHidefilterHeader.call(this, true);
	    }

	    // clone pill bar element and wrapper parent node and update attributes
	    var pillbarWrapper = pillbarTemplate.parentNode.cloneNode(true);
	    pillbarWrapper.classList.remove(ClassName$h.DISPLAY_NONE);
	    pillbarFilters.append(pillbarWrapper);
	    var pillbar = pillbarWrapper.querySelector(Selector$v.PILL_BAR_FILTER(PILL_BAR_TEMPLATE));
	    pillbar.setAttribute('data-filter-name', dataFilterName);
	    pillbar.removeAttribute('id');
	    var label = pillbar.querySelector('span');
	    label.textContent = filterLabel;
	    pillbarWrapper.append(pillbar);

	    // update events - on filter select removes the filter
	    var pillbarEvent = {
	      el: pillbar,
	      type: EventName$s.CLICK,
	      handler: _onPillbarFilterClicked.bind(this, dataFilterName)
	    };
	    this.events.push(pillbarEvent);
	    Util$1.addEvents([pillbarEvent]);

	    // update the filter selections
	    filters.addFilterSelectionValue(dataFilterName);

	    // if the associated filter's checkbox is a parent checkbox and it is being added
	    // all the children filters will need to be removed
	    if (!isSingleSelect && !(pillbar != null && pillbar.getAttribute(DataSelectors.TIME_SLIDER)) === 'true') {
	      var _checkbox$getAttribut2;
	      var checkbox = document.querySelector(Selector$z.CHECKBOX_ID(dataFilterName));
	      var childIds = ((_checkbox$getAttribut2 = checkbox.getAttribute('aria-controls')) == null ? void 0 : _checkbox$getAttribut2.split(' ')) || [];
	      for (var _iterator2 = _createForOfIteratorHelperLoose(childIds), _step2; !(_step2 = _iterator2()).done;) {
	        var id = _step2.value;
	        if (id !== dataFilterName && filters.filterSelections.includes(id)) {
	          this.removeFilter(id);
	        }
	      }
	    }
	  }

	  /**
	   * Event handler that triggers when a pill bar element is clicked.
	   * The pill bar is removed from the DOM and the associated checkbox is unchecked.
	   * If a parent's child checkbox is removed, and its parent's checkbox is checked,
	   * the parent is removed, and the other children checkboxes are checked.
	   * @param {String} dataFilterName
	   */;
	  _proto.removeFilter = function removeFilter(dataFilterName) {
	    var _parentCheckbox$getAt2,
	      _this4 = this;
	    var filters = this.filters,
	      el = this.el;

	    // remove filter from filter selection
	    filters.removeFilterSelectionValue(dataFilterName);

	    // hide filter container if there are no filters
	    if (filters.filterSelections.length < 1) {
	      _showHidefilterHeader.call(this, false);
	    }

	    // get the parent's checkboxes and the child checkboxes of the parent
	    var parentCheckbox = el.querySelector(Selector$z.PARENT_CHECKBOX(dataFilterName));
	    var childCheckboxes = (parentCheckbox == null ? void 0 : (_parentCheckbox$getAt2 = parentCheckbox.getAttribute('aria-controls')) == null ? void 0 : _parentCheckbox$getAt2.split(' ')) || [];
	    var removedPillbar = this.el.querySelector(Selector$v.PILL_BAR_FILTER(dataFilterName));
	    if (removedPillbar) {
	      // remove the filter's wrapper node from the DOM if it exists
	      removedPillbar.parentNode.remove();
	    } else {
	      //  if pill bar doesn't exist, then a child filter is being removed

	      // check if the parent's child checkboxes are checked and if so, add them to filters
	      // if a child is not checked and is in active filters, remove it
	      childCheckboxes.forEach(function (childDataFilterName) {
	        var checkbox = _this4.el.querySelector(Selector$z.CHECKBOX_ID(childDataFilterName));
	        if (filters.filterSelections.includes(childDataFilterName)) {
	          _this4.removeFilter(childDataFilterName);
	        } else if (childDataFilterName !== dataFilterName && childDataFilterName !== parentCheckbox.id) {
	          _this4.addFilter(checkbox.value, childDataFilterName);
	        }
	      });
	    }
	  }

	  /**
	   * Removes all filters and unchecks all checkboxes
	   * @param {Event} event - used to prevent the default behavior of the link
	   */;
	  _proto.removeAllFilters = function removeAllFilters(event) {
	    var _this5 = this;
	    var isSingleSelect = this.isSingleSelect,
	      filters = this.filters,
	      el = this.el;
	    var clonedFilterSelection = [].concat(filters.filterSelections);

	    // Clear all links has href="#" so prevent scrolling to the top of the page
	    event.preventDefault();
	    clonedFilterSelection.forEach(function (filterSelection) {
	      return _this5.removeFilter(filterSelection);
	    });
	    if (isSingleSelect) {
	      clonedFilterSelection.forEach(function (filterSelection) {
	        var clearBtn = el.querySelector("#clear-div-" + filterSelection);
	        clearBtn.click();
	      });
	    } else {
	      var checkboxes = el.querySelectorAll(Selector$z.CHECKBOX);
	      checkboxes.forEach(function (checkbox) {
	        checkbox.checked = false;
	        checkbox.indeterminate = false;
	      });
	    }
	    TimeSlider.getInstances().forEach(function (slider) {
	      slider.update();
	    });
	    _onFiltersUpdated.call(this);
	  }

	  /**
	   * Updates the pagination number of pages and updates the number of results
	   * @param {int} numOfResults
	   */;
	  _proto.updatePaginationAndResults = function updatePaginationAndResults(numOfResults) {
	    var maxCards = this.maxCards,
	      paginationInstance = this.paginationInstance,
	      numberOfResults = this.numberOfResults;
	    var numberOfPages = Math.ceil(numOfResults / maxCards);
	    numberOfResults.forEach(function (el) {
	      el.textContent = el.textContent.replace(/\d+/, numOfResults);
	    });
	    if (numberOfPages > 1) {
	      paginationInstance.showHidePagination(true);
	      paginationInstance.update({
	        numberOfPages: numberOfPages
	      });
	    } else {
	      paginationInstance.showHidePagination(false);
	    }
	  }

	  /**
	   * Remove the event handlers and the pagination instance
	   */;
	  _proto.remove = function remove() {
	    // Remove event handlers, observers, etc.
	    Util$1.removeEvents(this.events);

	    // Remove this reference from the array of instances.
	    var index = instances$p.indexOf(this);
	    instances$p.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$s.ON_REMOVE] = new CustomEvent(EventName$s.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$s.ON_REMOVE]);
	  }

	  /**
	   * Update instance. Added for API consistency
	   * @param opts - update options
	   */;
	  _proto.update = function update(opts) {
	    if (opts.maxCards) {
	      this.maxCards = opts.maxCards;
	    }

	    // Create and dispatch custom event
	    this[EventName$s.ON_UPDATE] = new CustomEvent(EventName$s.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$s.ON_UPDATE]);
	  }

	  /**
	   * Get the Dynamically Added Filters instances
	   * @returns {DynamicallyAddedFilters[]}
	   */;
	  DynamicallyAddedFilters.getInstances = function getInstances() {
	    return instances$p;
	  };
	  return DynamicallyAddedFilters;
	}();

	var _EventName$ON_UPDATE$1, _EventName$ON_REMOVE$1;
	var instances$o = [];

	/**
	 * CSS selector.
	 * @enum {string}
	 */
	var Selector$u = {
	  DATA_MOUNT: '[data-mount="solution-center"]',
	  DYNAMIC_CONTENT_DATA_MOUNT: '[data-mount="sc-dynamic-content"]'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$r = {
	  ON_CLICK: 'click',
	  ON_INIT: 'onInit',
	  ON_REMOVE: 'onRemove',
	  ON_SCROLL: 'onScroll',
	  ON_UPDATE: 'onUpdate',
	  ADD_FILTER_SELECTION: 'addFilterSelection',
	  REMOVE_FILTER_SELECTION: 'removeFilterSelection',
	  IS_FILTERED: 'isFiltered'
	};

	/**
	 * Page types.
	 * @enum {string}
	 */
	var PAGE_TYPE = {
	  SOLUTION_CENTER_LANDING: 'landing',
	  SOLUTION_CENTER_CATEGORY: 'category'
	};
	var JS_INITIALIZED$1 = 'oneCloudReimagineIntialized';
	var TEMPLATE_SELECTOR = {
	  HEADER_HEADING: '.card-grid__heading .card-grid__heading-text',
	  HEADER_BTN: '.card-grid__heading .btn',
	  CARDS: '.card-grid__cards',
	  LAYOUT: '.card-grid__cards .layout',
	  LAYOUT_COL: '.card-grid__cards .layout__col',
	  CARD_EYEBROW: '.block-feature__eyebrow',
	  CARD_LABEL: '.block-feature__label',
	  CARD_TITLE: '.block-feature__title',
	  CARD_PARAGRAPH: '.block-feature__paragraph',
	  CARD_MEDIA: '.media__asset',
	  CARD_ACTION: '.card__content .link',
	  LOAD_MORE_CONTAINER: '.dynamic-content__load-more',
	  LOAD_MORE_BTN: '.dynamic-content__load-more .btn'
	};

	/* Default image source */
	var DefaultImage = {
	  src: 'https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/eb2-cloud-adoption?resMode=sharp2&op_usm=1.5,0.65,15,0&wid=624&hei=268&qlt=95&fit=constraint',
	  alt: 'default image placeholder'
	};
	var _filterInstance = /*#__PURE__*/_classPrivateFieldLooseKey("filterInstance");
	var _dynamicallyAddedFilterInstance = /*#__PURE__*/_classPrivateFieldLooseKey("dynamicallyAddedFilterInstance");
	var _isSelectedSubCategory = /*#__PURE__*/_classPrivateFieldLooseKey("isSelectedSubCategory");
	var _selectedSubCategories = /*#__PURE__*/_classPrivateFieldLooseKey("selectedSubCategories");
	var _filteredSubCategoryCards = /*#__PURE__*/_classPrivateFieldLooseKey("filteredSubCategoryCards");
	var _isSelectedAdditiveFilter = /*#__PURE__*/_classPrivateFieldLooseKey("isSelectedAdditiveFilter");
	var _selectedAdditiveFilters = /*#__PURE__*/_classPrivateFieldLooseKey("selectedAdditiveFilters");
	var _onSelect = /*#__PURE__*/_classPrivateFieldLooseKey("onSelect");
	var _onCheck = /*#__PURE__*/_classPrivateFieldLooseKey("onCheck");
	var _getAvailableFilters = /*#__PURE__*/_classPrivateFieldLooseKey("getAvailableFilters");
	var _toggleAvailableFilters = /*#__PURE__*/_classPrivateFieldLooseKey("toggleAvailableFilters");
	_EventName$ON_UPDATE$1 = EventName$r.ON_UPDATE;
	_EventName$ON_REMOVE$1 = EventName$r.ON_REMOVE;
	var SolutionCenter = /*#__PURE__*/function () {
	  /**
	   * Initializes a new instance of the Dynamic Content component.
	   * @param {{ el: HTMLDivElement }} opts Initialization options.
	   */
	  // eslint-disable-next-line complexity
	  function SolutionCenter(opts) {
	    var _this = this;
	    Object.defineProperty(this, _toggleAvailableFilters, {
	      value: _toggleAvailableFilters2
	    });
	    Object.defineProperty(this, _getAvailableFilters, {
	      value: _getAvailableFilters2
	    });
	    Object.defineProperty(this, _onCheck, {
	      value: _onCheck2
	    });
	    Object.defineProperty(this, _onSelect, {
	      value: _onSelect2
	    });
	    this.events = [];
	    Object.defineProperty(this, _filterInstance, {
	      writable: true,
	      value: null
	    });
	    Object.defineProperty(this, _dynamicallyAddedFilterInstance, {
	      writable: true,
	      value: null
	    });
	    Object.defineProperty(this, _isSelectedSubCategory, {
	      writable: true,
	      value: false
	    });
	    Object.defineProperty(this, _selectedSubCategories, {
	      writable: true,
	      value: []
	    });
	    Object.defineProperty(this, _filteredSubCategoryCards, {
	      writable: true,
	      value: []
	    });
	    Object.defineProperty(this, _isSelectedAdditiveFilter, {
	      writable: true,
	      value: false
	    });
	    Object.defineProperty(this, _selectedAdditiveFilters, {
	      writable: true,
	      value: []
	    });
	    /*
	     * Custom events
	     */
	    this[_EventName$ON_UPDATE$1] = new CustomEvent(EventName$r.ON_UPDATE, {
	      bubbles: true,
	      cancelable: true
	    });
	    this[_EventName$ON_REMOVE$1] = new CustomEvent(EventName$r.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el = opts.el;
	    this.endpoint = opts.endpoint || '';
	    this.initialData = opts.initialData || []; // initial unfiltered data
	    this.initialFilteredData = opts.initialFilteredData || this.initialData;
	    this.filteredData = opts.filteredData || this.initialData;
	    this.showAllCards = opts.showAllCards || false;
	    this.filteredDataLimit = opts.filteredDataLimit || 3; // Should never be less than 0; if filteredDataLimit=0, show all available data and bypass calling filterFn.limit
	    this.pageMaxItems = opts.pageMaxItems || 3;
	    this.pageType = opts.pageType || PAGE_TYPE.SOLUTION_CENTER_LANDING;
	    this.subCategoryCondition = opts.subCategoryCondition || 'or';
	    this.additiveFilterCondition = opts.additiveFilterCondition || 'or';
	    this.mappingFunc = opts.mappingFunc || this.setMappingfunction();
	    this.dynamicContentPostTextOpt1 = opts.dynamicContentPostTextOpt1 || 'categories';
	    this.dynamicContentPostTextOpt2 = opts.dynamicContentPostTextOpt2 || 'cards';
	    this.hasIterableLoadMoreData = opts.hasIterableLoadMoreData || false;
	    this.showCountTotal = opts.showCountTotal || true;
	    this.selectedFilter = opts.selectedFilter || '';
	    _classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance] = this.getFilterInstance();
	    _classPrivateFieldLooseBase(this, _dynamicallyAddedFilterInstance)[_dynamicallyAddedFilterInstance] = this.getDynamicallyAddedFiltersInstance();
	    if (_classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance] === null) {
	      document.addEventListener(JS_INITIALIZED$1, function () {
	        _classPrivateFieldLooseBase(_this, _filterInstance)[_filterInstance] = _this.getFilterInstance();
	      });
	    }
	    this.filterFn = opts.filterFn || {
	      groupCardsBySubcategory: function groupCardsBySubcategory(data) {
	        if (data === void 0) {
	          data = _this.initialData;
	        }
	        if (data.length === 0 || !data.subCategory || !data.card) {
	          return [];
	        }

	        // Sort supercategories by render priority
	        var sortedSupercategories = data.superCategory.sort(function (a, b) {
	          return a.renderPriority < b.renderPriority ? 1 : -1;
	        });
	        var dataFormat = []; // to create the data structure for the card grid

	        sortedSupercategories.forEach(function (superCat) {
	          var mappedSubCats = [];
	          var mappedCards = [];

	          // Get all subcategories that have this supercategory as a parent
	          mappedSubCats = data.subCategory.filter(function (subCat) {
	            return subCat.parents.some(function (d) {
	              return d.type === 'superCategory' && d.id === superCat.id;
	            });
	          });
	          if (mappedSubCats && mappedSubCats.length > 0) {
	            mappedSubCats = mappedSubCats.sort(function (a, b) {
	              return a.renderPriority < b.renderPriority ? 1 : -1;
	            });

	            // For each subcategory, get any cards that have this subcategory as a parent
	            mappedSubCats.forEach(function (subCat) {
	              var tempObj = {};

	              // Get all cards that have this subcategory as a parent
	              mappedCards = data.card.filter(function (card) {
	                if (_this.subCategoryCondition === 'or') {
	                  return card.parents.some(function (d) {
	                    return d.type === 'subCategory' && d.id === subCat.id;
	                  });
	                }

	                // AND condition
	                return card.parents.every(function (d) {
	                  return d.type === 'subCategory' && d.id === subCat.id;
	                });
	              });
	              if (mappedCards && mappedCards.length > 0) {
	                mappedCards = mappedCards.sort(function (a, b) {
	                  return a.renderPriority < b.renderPriority ? 1 : -1;
	                });
	              }
	              if (mappedCards && mappedCards.length > 0) {
	                tempObj.superCategory = superCat;
	                tempObj.subCategory = subCat;
	                tempObj.cards = mappedCards;
	              }

	              // Only add the object if it has cards
	              if (tempObj.cards && tempObj.cards.length > 0) {
	                dataFormat.push(tempObj);
	              }
	            });
	          }
	        });
	        return dataFormat;
	      },
	      ungroupCards: function ungroupCards(data) {
	        if (data === void 0) {
	          data = _this.initialData;
	        }
	        if (data.length === 0 || !data.subCategory || !data.card) {
	          return [];
	        }

	        // Sort supercategories by render priority
	        var sortedSupercategories = data.superCategory.sort(function (a, b) {
	          return a.renderPriority < b.renderPriority ? 1 : -1;
	        });
	        var dataFormat = []; // to create the data structure for the card grid

	        sortedSupercategories.forEach(function (superCat) {
	          var mappedSubCats = [];
	          var mappedCards = [];

	          // Get all subcategories that have this supercategory as a parent
	          mappedSubCats = data.subCategory.filter(function (subCat) {
	            return subCat.parents.some(function (d) {
	              return d.type === 'superCategory' && d.id === superCat.id;
	            });
	          });
	          if (mappedSubCats && mappedSubCats.length > 0) {
	            mappedSubCats = mappedSubCats.sort(function (a, b) {
	              return a.renderPriority < b.renderPriority ? 1 : -1;
	            });

	            // For each subcategory, get any cards that have this subcategory as a parent
	            mappedSubCats.forEach(function (subCat) {
	              var mappedSubCatCards = [];
	              // Get all cards that have this subcategory as a parent
	              mappedSubCatCards = data.card.filter(function (card) {
	                if (_this.subCategoryCondition === 'or') {
	                  return card.parents.some(function (d) {
	                    return d.type === 'subCategory' && d.id === subCat.id;
	                  });
	                }

	                // AND condition
	                return card.parents.every(function (d) {
	                  return d.type === 'subCategory' && d.id === subCat.id;
	                });
	              });
	              if (mappedSubCatCards && mappedSubCatCards.length > 0) {
	                var _mappedCards;
	                (_mappedCards = mappedCards).push.apply(_mappedCards, mappedSubCatCards);
	              }
	            });
	            var tempObj = {};
	            if (mappedCards && mappedCards.length > 0) {
	              mappedCards = mappedCards.sort(function (a, b) {
	                return a.renderPriority < b.renderPriority ? 1 : -1;
	              });
	              tempObj.cards = mappedCards;
	            }

	            // Only add the object if it has cards
	            if (tempObj.cards && tempObj.cards.length > 0) {
	              dataFormat.push.apply(dataFormat, tempObj.cards);
	            }
	          }
	        });
	        return dataFormat;
	      },
	      groupCardsByAdditiveFilters: function groupCardsByAdditiveFilters(selections, data) {
	        if (data === void 0) {
	          data = _this.initialData;
	        }
	        var cards = data.card || data;

	        // filter cards by additive filter selections (OR conditional)
	        return cards.filter(function (i) {
	          var ids = i.parents.filter(function (d) {
	            return d.type === 'filter';
	          }).map(function (d) {
	            return d.id;
	          });
	          if (_this.additiveFilterCondition === 'or') {
	            return selections.some(function (s) {
	              return ids.indexOf(s) !== -1;
	            });
	          }

	          // AND condition
	          return selections.every(function (s) {
	            return ids.indexOf(s) !== -1;
	          });
	        });
	      },
	      groupAdditiveFilters: function groupAdditiveFilters(data) {
	        if (data === void 0) {
	          data = _this.initialData;
	        }
	        var dataFormat = [];
	        if (data.filterGroup && data.filter) {
	          data.filterGroup.forEach(function (fg) {
	            var filters = data.filter.filter(function (additiveFilter) {
	              return additiveFilter.parents.some(function (p) {
	                return p.type === 'filterGroup' && p.id === fg.id;
	              });
	            });
	            var tempObj = {};
	            tempObj.filterGroup = fg;
	            tempObj.filters = filters;
	            if (data.filterGroup.length > 0 && filters.length > 0) {
	              dataFormat.push(tempObj);
	            }
	          });
	        }
	        return dataFormat;
	      },
	      limit: function limit(data, max) {
	        if (data === void 0) {
	          data = _this.initialData;
	        }
	        if (max === void 0) {
	          max = 0;
	        }
	        return data.splice(0, Math.min(data.length, max));
	      }
	    };

	    // instatiate new instance of DynamicContent
	    this.dynamicContent = new DynamicContent({
	      el: this.el.querySelector(Selector$u.DYNAMIC_CONTENT_DATA_MOUNT),
	      mappingFunc: this.mappingFunc,
	      templateSelector: TEMPLATE_SELECTOR,
	      isPaginationEnabled: true
	    });
	    if (this.initialData && this.initialData.length > 0) {
	      this.dynamicContent.render();
	    }
	    this.events.push({
	      el: this.el,
	      handler: _classPrivateFieldLooseBase(this, _onSelect)[_onSelect].bind(this),
	      type: EventName$r.ADD_FILTER_SELECTION
	    }, {
	      el: this.el,
	      handler: _classPrivateFieldLooseBase(this, _onSelect)[_onSelect].bind(this),
	      type: EventName$r.REMOVE_FILTER_SELECTION
	    }, {
	      el: this.el,
	      handler: _classPrivateFieldLooseBase(this, _onSelect)[_onSelect].bind(this),
	      type: EventName$r.IS_FILTERED
	    }, {
	      el: this.el,
	      handler: _classPrivateFieldLooseBase(this, _onCheck)[_onCheck].bind(this),
	      type: EventName$B.ON_CHECKBOX_CHECKED
	    }, {
	      el: this.el,
	      handler: _classPrivateFieldLooseBase(this, _onCheck)[_onCheck].bind(this),
	      type: EventName$B.ON_CHECKBOX_UNCHECKED
	    }, {
	      el: this.el,
	      handler: _classPrivateFieldLooseBase(this, _onCheck)[_onCheck].bind(this),
	      type: EventName$B.CLEAR_DROPDOWN_FILTER
	    });
	    Util$1.addEvents(this.events);
	    instances$o.push(this);
	  }
	  var _proto = SolutionCenter.prototype;
	  _proto.setHTML = function setHTML(node, selector, value) {
	    node.querySelector(selector).innerHTML = value;
	  };
	  _proto.setMappingfunction = function setMappingfunction() {
	    if (this.pageType === PAGE_TYPE.SOLUTION_CENTER_LANDING || this.pageType === PAGE_TYPE.SOLUTION_CENTER_CATEGORY) {
	      return this.filteredCardGridMappingFunc;
	    }
	    return this.mappingFunc;
	  }

	  // eslint-disable-next-line complexity
	  ;
	  _proto.filteredCardGridMappingFunc = function filteredCardGridMappingFunc(obj) {
	    var _this2 = this;
	    if (!obj.data || obj.data && obj.data.length === 0) {
	      return;
	    }
	    var data = obj.data,
	      htmlTemplateClone = obj.htmlTemplateClone,
	      singleItem = obj.singleItem,
	      mappingObj = obj.mappingObj;
	    var superCategory = singleItem.superCategory,
	      subCategory = singleItem.subCategory,
	      cards = singleItem.cards;
	    var headerAction = htmlTemplateClone.querySelector(TEMPLATE_SELECTOR.HEADER_BTN);
	    var isCategoryPage = mappingObj && mappingObj.pageType === 'category';
	    var isCategoryPageOnLoad = isCategoryPage && mappingObj.onLoad;
	    var isLandingPage = !isCategoryPage;
	    var setCard = function setCard(cardData, htmlTemplateClone) {
	      var _cardData$content = cardData.content,
	        label = _cardData$content.label,
	        title = _cardData$content.title,
	        image = _cardData$content.image,
	        paragraph = _cardData$content.paragraph;
	      var _cardData$content$act = cardData.content.action,
	        text = _cardData$content$act.text,
	        href = _cardData$content$act.href,
	        isOpenNewTab = _cardData$content$act.isOpenNewTab,
	        ariaLabel = _cardData$content$act.ariaLabel,
	        attributes = _cardData$content$act.attributes;
	      var alt = image.alt,
	        src = image.src;
	      var layoutCol = htmlTemplateClone.querySelectorAll(TEMPLATE_SELECTOR.LAYOUT_COL)[0].cloneNode(true);
	      var card = layoutCol.querySelector('.card');
	      var media = card.querySelector(TEMPLATE_SELECTOR.CARD_MEDIA);
	      var action = card.querySelector(TEMPLATE_SELECTOR.CARD_ACTION);
	      if (label) {
	        _this2.setHTML(layoutCol, TEMPLATE_SELECTOR.CARD_LABEL, label);
	      } else {
	        // remove existing eyebrow element when label is not available
	        card.querySelector(TEMPLATE_SELECTOR.CARD_EYEBROW).remove();
	      }
	      if (title) {
	        _this2.setHTML(layoutCol, TEMPLATE_SELECTOR.CARD_TITLE, title);
	      } else {
	        // remove existing title element when title is not available
	        card.querySelector(TEMPLATE_SELECTOR.CARD_TITLE).remove();
	      }
	      _this2.setHTML(layoutCol, TEMPLATE_SELECTOR.CARD_PARAGRAPH, paragraph != null ? paragraph : '');

	      // remove existing picture element
	      if (card.querySelector('picture')) {
	        card.querySelector('picture').remove();
	      }

	      // set image element
	      if (media) {
	        var imgNode = document.createElement('img');
	        imgNode.src = src != null ? src : DefaultImage.src;
	        imgNode.alt = alt != null ? alt : DefaultImage.alt;
	        media.append(imgNode);
	      }

	      // set link
	      if (cardData.content.action) {
	        action.href = href;
	        action.setAttribute('aria-label', ariaLabel);
	        action.querySelector('.link__text').innerHTML = text;
	        if (isOpenNewTab) {
	          action.setAttribute('target', '_blank');
	        }

	        // set link attributes
	        for (var property in attributes) {
	          if (Object.hasOwn(attributes, property)) {
	            action.setAttribute(property, attributes[property]);
	          }
	        }
	      }
	      htmlTemplateClone.querySelector(TEMPLATE_SELECTOR.LAYOUT).append(layoutCol);
	    };
	    if (isCategoryPageOnLoad) {
	      htmlTemplateClone.querySelectorAll(TEMPLATE_SELECTOR.HEADER_BTN)[0].remove();
	    }
	    if (isLandingPage) {
	      var _superCategory$conten;
	      if (superCategory != null && (_superCategory$conten = superCategory.content) != null && _superCategory$conten.action) {
	        var _mappingObj$categoryL;
	        var _superCategory$conten2 = superCategory.content.action,
	          text = _superCategory$conten2.text,
	          href = _superCategory$conten2.href,
	          ariaLabel = _superCategory$conten2.ariaLabel,
	          isOpenNewTab = _superCategory$conten2.isOpenNewTab,
	          actionClass = _superCategory$conten2.actionClass,
	          attributes = _superCategory$conten2.attributes,
	          enablePreSelectedFilter = _superCategory$conten2.enablePreSelectedFilter;
	        // ensure we have a value for href passed in in order to add selectedFilter querystring
	        if (enablePreSelectedFilter && href && href !== '') {
	          try {
	            var url = href.startsWith('http') ? new URL(href) : new URL(href, document.location);
	            url.searchParams.set('selectedFilter', subCategory.id);
	            headerAction.href = url.href;
	          } catch (_unused) {
	            // something probably went wrong trying to create a URL object, so just set the href here
	            headerAction.href = href;
	          }
	        } else {
	          headerAction.href = href;
	        }
	        headerAction.setAttribute('aria-label', ariaLabel);
	        headerAction.querySelector('.btn__text').innerHTML = ((_mappingObj$categoryL = mappingObj.categoryLinkText) != null ? _mappingObj$categoryL : 'Explore') + (" " + (text || superCategory.content.title));
	        if (isOpenNewTab) {
	          headerAction.setAttribute('target', '_blank');
	        }
	        if (actionClass && actionClass !== '') {
	          headerAction.setAttribute('class', actionClass);
	        }

	        // set link attributes
	        for (var property in attributes) {
	          if (Object.hasOwn(attributes, property)) {
	            headerAction.setAttribute(property, attributes[property]);
	          }
	        }
	      } else {
	        headerAction.remove();
	      }
	    }
	    if (isLandingPage || isCategoryPageOnLoad) {
	      var _subCategory$content;
	      if (subCategory != null && (_subCategory$content = subCategory.content) != null && _subCategory$content.title) {
	        this.setHTML(htmlTemplateClone, TEMPLATE_SELECTOR.HEADER_HEADING, subCategory.content.title);
	      }
	      var i = 0;
	      for (var _iterator = _createForOfIteratorHelperLoose(cards), _step; !(_step = _iterator()).done;) {
	        var cardData = _step.value;
	        i++;
	        if (i > 3) {
	          break;
	        }
	        setCard(cardData, htmlTemplateClone);
	      }
	      htmlTemplateClone.querySelectorAll(TEMPLATE_SELECTOR.LAYOUT_COL)[0].remove();
	      if (isCategoryPageOnLoad) {
	        return;
	      }
	    }
	    if (isCategoryPage && !mappingObj.onLoad) {
	      var _cardGridHeading$quer, _cardGridHeading$pare;
	      var cardGridHeading = htmlTemplateClone.querySelectorAll('.card-grid__heading')[0];
	      var cardGridHeadingLevel = cardGridHeading == null ? void 0 : (_cardGridHeading$quer = cardGridHeading.querySelector('.card-grid__heading-text')) == null ? void 0 : _cardGridHeading$quer.tagName.toLowerCase();
	      var blockFeatureTitle = cardGridHeading == null ? void 0 : (_cardGridHeading$pare = cardGridHeading.parentNode) == null ? void 0 : _cardGridHeading$pare.querySelector('.card .block-feature__title');
	      if (blockFeatureTitle) {
	        var newHeading = document.createElement(cardGridHeadingLevel);
	        newHeading.className = blockFeatureTitle.className;
	        newHeading.innerHTML = blockFeatureTitle.innerHTML;
	        blockFeatureTitle.replaceWith(newHeading);
	      }
	      cardGridHeading.remove();
	      for (var _iterator2 = _createForOfIteratorHelperLoose(data), _step2; !(_step2 = _iterator2()).done;) {
	        var _cardData = _step2.value;
	        setCard(_cardData, htmlTemplateClone);
	      }
	      htmlTemplateClone.querySelectorAll(TEMPLATE_SELECTOR.LAYOUT_COL)[0].remove();
	    }
	  };
	  _proto.getFilterInstance = function getFilterInstance() {
	    var closestFilter = this.el.querySelector(Selector$D.DATA_MOUNT);
	    if (closestFilter) {
	      var filterInstances = Filters.getInstances();
	      return filterInstances.find(function (filter) {
	        return filter.el === closestFilter;
	      });
	    }
	    return null;
	  };
	  _proto.getDynamicallyAddedFiltersInstance = function getDynamicallyAddedFiltersInstance() {
	    var closestDynamicallyAddedFilter = this.el.querySelector(Selector$v.DATA_MOUNT);
	    if (closestDynamicallyAddedFilter) {
	      var dynamicallyAddedFilterInstances = DynamicallyAddedFilters.getInstances();
	      return dynamicallyAddedFilterInstances.find(function (filter) {
	        return filter.el === closestDynamicallyAddedFilter;
	      });
	    }
	    return null;
	  }

	  // checks pill bar item selections
	  ;
	  _proto.isFilteredState = function isFilteredState() {
	    return _classPrivateFieldLooseBase(this, _selectedSubCategories)[_selectedSubCategories].length > 0 || this.el.querySelectorAll('.selected').length > 0;
	  }

	  /**
	   * Update the instance.
	   * Not currently used, but required by API standards.
	   */
	  // eslint-disable-next-line complexity
	  ;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    if (opts.endpoint) {
	      this.endpoint = opts.endpoint;
	    }
	    if (opts.pageType) {
	      this.pageType = opts.pageType;
	    }
	    if (opts.subCategoryCondition) {
	      this.subCategoryCondition = opts.subCategoryCondition;
	    }
	    if (opts.additiveFilterCondition) {
	      this.additiveFilterCondition = opts.additiveFilterCondition;
	    }
	    if (opts.pageMaxItems) {
	      this.pageMaxItems = opts.pageMaxItems;
	    }

	    // Should never be less than 0; if filteredDataLimit=0, show all available data and bypass calling filterFn.limit
	    this.filteredDataLimit = opts.filteredDataLimit;
	    if (opts.showAllCards) {
	      this.showAllCards = opts.showAllCards;
	    }
	    if (opts.hasIterableLoadMoreData) {
	      this.hasIterableLoadMoreData = opts.hasIterableLoadMoreData;
	    }
	    if (opts.showCountTotal !== undefined && opts.showCountTotal !== null) {
	      this.showCountTotal = opts.showCountTotal;
	    }
	    if (opts.selectedFilter) {
	      this.selectedFilter = opts.selectedFilter;
	    }
	    if (opts.initialData) {
	      this.initialData = opts.initialData;
	      this.filteredData = this.showAllCards ? this.filterFn.ungroupCards() : this.filterFn.groupCardsBySubcategory();
	      if (this.filteredDataLimit > 0) {
	        this.filteredData = this.filterFn.limit(this.filteredData, this.filteredDataLimit);
	      }
	      this.initialFilteredData = this.filteredData;
	      var additiveFilterGroup = this.filterFn.groupAdditiveFilters() || [];

	      // get filter instance and update dropdpown bar data from dynamic data
	      _classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance] = this.getFilterInstance();
	      if (_classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance] && _classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance].additiveFilters.length > 0 && this.pageType === PAGE_TYPE.SOLUTION_CENTER_CATEGORY) {
	        _classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance].update({
	          dropdownBarData: additiveFilterGroup
	        });
	      }

	      // Only show load more button if showAllCards and data is greater than the amount of pageMaxItems
	      this.el.querySelector(TEMPLATE_SELECTOR.LOAD_MORE_CONTAINER).style.display = this.showAllCards && this.filteredData.length > this.pageMaxItems ? 'block' : 'none';
	    }
	    if (opts.filteredData) {
	      this.filteredData = opts.filteredData;
	      if (opts.pageType !== null && (this.pageType === PAGE_TYPE.SOLUTION_CENTER_LANDING || opts.pageType === PAGE_TYPE.SOLUTION_CENTER_LANDING)) {
	        // use for solution center
	        this.filteredData = this.filterFn.groupCardsBySubcategory(opts.filteredData);
	      }
	      if (this.showAllCards) {
	        this.filteredData = this.filterFn.ungroupCards(opts.filteredData);
	      }
	    }
	    if (opts.filterFn) {
	      this.filterFn = opts.filterFn;
	    }
	    if (opts.mappingFunc) {
	      this.mappingFunc = opts.mappingFunc;
	    } else {
	      this.mappingFunc = this.setMappingfunction();
	    }
	    if (opts.dynamicContentPostTextOpt1) {
	      this.dynamicContentPostTextOpt1 = opts.dynamicContentPostTextOpt1;
	    }
	    if (opts.dynamicContentPostTextOpt2) {
	      this.dynamicContentPostTextOpt2 = opts.dynamicContentPostTextOpt2;
	    }
	    this.dynamicContent.toggleSpinner();

	    // Update dynamic content instance values
	    this.dynamicContent.update({
	      initialData: this.filteredData,
	      data: this.filteredData,
	      pageMaxItems: this.pageMaxItems,
	      mappingFunc: this.mappingFunc,
	      mappingObj: opts.mappingObj || {},
	      templateSelector: opts.templateSelector || TEMPLATE_SELECTOR,
	      isPaginationEnabled: true,
	      showPostText: this.dynamicContentPostTextOpt1,
	      hasIterableLoadMoreData: this.hasIterableLoadMoreData,
	      showCountTotal: this.showCountTotal,
	      isFilteredState: this.isFilteredState()
	    });
	    if (this.selectedFilter && this.selectedFilter !== '') {
	      // Check if there is a pill bar item that contains this id
	      var selectedFilterItem = this.el.querySelector("[data-filter-name=\"" + this.selectedFilter + "\"]");
	      if (selectedFilterItem) {
	        // Trigger filtering by selectedFilter
	        selectedFilterItem.click();
	        // Trigger scrollTo event
	        this.el.scrollIntoView();
	      }
	    }
	    this.el.dispatchEvent(this[EventName$r.ON_UPDATE]);
	  }

	  /**
	   * Remove the instance
	   */;
	  SolutionCenter.remove = function remove() {
	    if (this.events && this.events.length > 0) {
	      Util$1.removeEvents(this.events);
	    }
	    var index = instances$o.indexOf(this);
	    instances$o.splice(index, 1);
	    this[EventName$r.ON_REMOVE] = new CustomEvent(EventName$r.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$r.ON_REMOVE]);
	  }

	  /**
	   * Get instances.
	   * @returns {SolutionCenter[]} An array of instances
	   */;
	  SolutionCenter.getInstances = function getInstances() {
	    return instances$o;
	  };
	  return SolutionCenter;
	}();
	function _onSelect2(e) {
	  var _this3 = this;
	  if (_classPrivateFieldLooseBase(this, _dynamicallyAddedFilterInstance)[_dynamicallyAddedFilterInstance]) return;
	  // race condition: do this after subcategory is filtered
	  if (e.type === EventName$r.IS_FILTERED) {
	    if (_classPrivateFieldLooseBase(this, _filteredSubCategoryCards)[_filteredSubCategoryCards].length > 0) {
	      // get all filter ids from cards that have been filtered
	      var availableFilters = _classPrivateFieldLooseBase(this, _getAvailableFilters)[_getAvailableFilters](_classPrivateFieldLooseBase(this, _filteredSubCategoryCards)[_filteredSubCategoryCards]);

	      // from availableFilters, enable/disable additive filters
	      if (availableFilters.length > 0) {
	        _classPrivateFieldLooseBase(this, _toggleAvailableFilters)[_toggleAvailableFilters](availableFilters);
	      }
	    }
	    return;
	  }
	  if (_classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance] && _classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance].filterSelections) {
	    var filterSelections = _classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance].filterSelections;
	    _classPrivateFieldLooseBase(this, _selectedSubCategories)[_selectedSubCategories] = filterSelections.filter(function (element, index) {
	      return filterSelections.indexOf(element) === index;
	    }); // removes duplicates for subcats
	  }

	  // checks pill bar item selections
	  var loadMoreCtn = this.el.querySelector(TEMPLATE_SELECTOR.LOAD_MORE_CONTAINER);
	  var isInitialState = _classPrivateFieldLooseBase(this, _selectedSubCategories)[_selectedSubCategories].length === 0 || this.el.querySelectorAll('.selected').length === 0;
	  _classPrivateFieldLooseBase(this, _isSelectedSubCategory)[_isSelectedSubCategory] = !isInitialState && this.pageType === PAGE_TYPE.SOLUTION_CENTER_CATEGORY;
	  var dynamicContentMaxItems = 0;
	  var dynamicContentPostText = this.dynamicContentPostTextOpt1;
	  if (isInitialState) {
	    this.filteredData = this.initialFilteredData;
	    _classPrivateFieldLooseBase(this, _filteredSubCategoryCards)[_filteredSubCategoryCards] = [];
	    loadMoreCtn.style.display = 'none';
	    if (this.showAllCards && this.filteredData.length > this.pageMaxItems) {
	      loadMoreCtn.style.display = 'block';
	    }
	  } else {
	    loadMoreCtn.style.display = 'block';
	  }
	  if (_classPrivateFieldLooseBase(this, _isSelectedSubCategory)[_isSelectedSubCategory]) {
	    this.filteredData = this.initialData.card.filter(function (i) {
	      var ids = i.parents.filter(function (d) {
	        return d.type === 'subCategory';
	      }).map(function (d) {
	        return d.id;
	      });
	      if (_this3.subCategoryCondition === 'or') {
	        return _classPrivateFieldLooseBase(_this3, _selectedSubCategories)[_selectedSubCategories].some(function (s) {
	          return ids.indexOf(s) !== -1;
	        });
	      }
	      return _classPrivateFieldLooseBase(_this3, _selectedSubCategories)[_selectedSubCategories].every(function (s) {
	        return ids.indexOf(s) !== -1;
	      });
	    });
	    _classPrivateFieldLooseBase(this, _filteredSubCategoryCards)[_filteredSubCategoryCards] = this.filteredData;
	    dynamicContentMaxItems = 9;
	    dynamicContentPostText = this.dynamicContentPostTextOpt2;
	  }

	  // Update dynamic content instance with new data
	  this.dynamicContent.update({
	    data: this.filteredData,
	    pageMaxItems: dynamicContentMaxItems === 0 ? this.pageMaxItems : dynamicContentMaxItems,
	    mappingObj: {
	      pageType: this.pageType,
	      onLoad: this.showAllCards ? false : isInitialState
	    },
	    isPaginationEnabled: true,
	    showPostText: dynamicContentPostText,
	    showCountTotal: this.showCountTotal,
	    isFilteredState: this.isFilteredState()
	  });
	  this.filteredData = []; // clear data

	  if (_classPrivateFieldLooseBase(this, _isSelectedSubCategory)[_isSelectedSubCategory]) {
	    this.dynamicContent.renderWithDataSubset({
	      iterableData: false
	    });
	    return;
	  }
	  if (isInitialState) {
	    if (this.showAllCards) {
	      this.dynamicContent.renderWithDataSubset({
	        iterableData: false
	      });
	    } else {
	      this.dynamicContent.renderWithDataSubset();
	    }
	  }
	}
	function _onCheck2() {
	  var _this4 = this;
	  // Dynamically added filters has a custom onCheck update done on the in page script
	  if (_classPrivateFieldLooseBase(this, _dynamicallyAddedFilterInstance)[_dynamicallyAddedFilterInstance]) {
	    return;
	  }
	  if (_classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance]) {
	    _classPrivateFieldLooseBase(this, _selectedAdditiveFilters)[_selectedAdditiveFilters] = [];
	    var categoryPageMaxItems = 9;
	    if (_classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance].filterSelections) {
	      var additiveFilterSelections = _classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance].additiveFilterSelections;
	      _classPrivateFieldLooseBase(this, _selectedAdditiveFilters)[_selectedAdditiveFilters] = additiveFilterSelections.filter(function (element, index) {
	        return additiveFilterSelections.indexOf(element) === index;
	      }); // removes duplicates for additive filters
	    }

	    _classPrivateFieldLooseBase(this, _isSelectedAdditiveFilter)[_isSelectedAdditiveFilter] = _classPrivateFieldLooseBase(this, _selectedAdditiveFilters)[_selectedAdditiveFilters].length > 0 || _classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance].additiveFiltersContainer.querySelectorAll('input:checked').length > 0;

	    // return if no initial cards or filtered sub category cards
	    if (!this.initialData.card || _classPrivateFieldLooseBase(this, _filteredSubCategoryCards)[_filteredSubCategoryCards].length === 0) {
	      return;
	    }

	    // if no additive filter selections, use filtered sub category cards
	    if (_classPrivateFieldLooseBase(this, _isSelectedAdditiveFilter)[_isSelectedAdditiveFilter]) {
	      // Filter the sub category cards grouped by each filter group
	      // in order to do an AND filter between each filter group and an OR filter within each filter group (additive filter)
	      var filteredCards = _classPrivateFieldLooseBase(this, _filteredSubCategoryCards)[_filteredSubCategoryCards];
	      _classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance].additiveFilterSelectionsByGroup.forEach(function (filterGroup) {
	        if (filterGroup.filters.length > 0) {
	          filteredCards = _this4.filterFn.groupCardsByAdditiveFilters(filterGroup.filters, filteredCards);
	        }
	      });
	      this.filteredData = filteredCards; // update filtered data

	      if (this.filteredData.length > 0) {
	        // get all filter ids from cards that have been filtered
	        var availableFilters = _classPrivateFieldLooseBase(this, _getAvailableFilters)[_getAvailableFilters]();

	        // from availableFilters, enable/disable additive filters
	        if (availableFilters.length > 0) {
	          _classPrivateFieldLooseBase(this, _toggleAvailableFilters)[_toggleAvailableFilters](availableFilters);
	        }
	      }
	    } else {
	      this.filteredData = _classPrivateFieldLooseBase(this, _filteredSubCategoryCards)[_filteredSubCategoryCards];
	    }

	    // show load more button
	    this.el.querySelector(TEMPLATE_SELECTOR.LOAD_MORE_CONTAINER).style.display = 'block';

	    // Update dynamic content instance with new data
	    this.dynamicContent.update({
	      data: this.filteredData,
	      pageMaxItems: categoryPageMaxItems === 0 ? this.pageMaxItems : categoryPageMaxItems,
	      mappingObj: {
	        pageType: this.pageType
	      },
	      isPaginationEnabled: true,
	      showPostText: this.dynamicContentPostTextOpt2,
	      showCountTotal: this.showCountTotal,
	      isFilteredState: this.isFilteredState()
	    });
	    this.filteredData = []; // clear data

	    // render filtered data
	    if (this.pageType === PAGE_TYPE.SOLUTION_CENTER_CATEGORY) {
	      this.dynamicContent.renderWithDataSubset({
	        iterableData: false
	      });
	    }
	  }
	}
	function _getAvailableFilters2(data) {
	  if (data === void 0) {
	    data = this.filteredData;
	  }
	  // get all filter ids from cards that have been filtered
	  var availableFilters = [];
	  data.forEach(function (p) {
	    p.parents.forEach(function (i) {
	      if (i.type === 'filter') {
	        availableFilters.push(i.id);
	      }
	    });
	  });
	  return Array.from(new Set(availableFilters)); // remove dupes
	}
	function _toggleAvailableFilters2(availableFilters) {
	  var _this5 = this;
	  if (_classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance].additiveFiltersContainer) {
	    var additiveFilterListItems = _classPrivateFieldLooseBase(this, _filterInstance)[_filterInstance].additiveFiltersContainer.querySelectorAll(Selector$D.DATA_FILTER_CHECKBOX_LIST_ITEM);

	    // from availableFilters, enable/disable additive filters
	    additiveFilterListItems.forEach(function (listItem) {
	      if (listItem.dataset && listItem.dataset.enabled) {
	        var checkbox = listItem.querySelector(Selector$D.DATA_FILTER_CHECKBOX);
	        var checkboxFilterValue = checkbox.dataset.filterCheckbox;
	        if (availableFilters.indexOf(checkboxFilterValue) === -1) {
	          _classPrivateFieldLooseBase(_this5, _filterInstance)[_filterInstance].toggleDropdownItemState(listItem, true);
	        } else {
	          _classPrivateFieldLooseBase(_this5, _filterInstance)[_filterInstance].toggleDropdownItemState(listItem);
	        }
	      }
	    });
	  }
	}

	var instances$n = [];
	var Selector$t = {
	  DATA_MOUNT: 'body',
	  OCR_ICON: '.ocr-icon'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$q = {
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate'
	};
	var BROWSER = {
	  USER_AGENT: navigator.userAgent,
	  IS_CHROME: false,
	  IS_SAFARI: false
	};
	var Icon = /*#__PURE__*/function () {
	  function Icon(opts) {
	    this.el = opts.el;

	    // Detect Chrome
	    BROWSER.IS_CHROME = BROWSER.USER_AGENT.indexOf('Chrome') > -1;

	    // Detect Safari
	    BROWSER.IS_SAFARI = BROWSER.USER_AGENT.indexOf('Safari') > -1;

	    // Discard Safari since it also matches Chrome
	    if (BROWSER.IS_CHROME && BROWSER.IS_SAFARI) BROWSER.IS_SAFARI = false;
	    if (BROWSER.IS_SAFARI) {
	      // get all .ocr-icon elements
	      var ocrIcons = this.el.querySelectorAll(Selector$t.OCR_ICON);
	      if (!ocrIcons || ocrIcons.length === 0) return;
	      ocrIcons.forEach(function (icon) {
	        // get .ocr-icon computed style
	        var svgStyle = getComputedStyle(icon);
	        var svgPath1 = svgStyle.getPropertyValue('--icon-svg-path');
	        var svgPath2 = svgStyle.getPropertyValue('--icon-svg-path-2');
	        if (!svgPath1 || svgPath1 === '') return;
	        var svgPaths = icon.querySelectorAll('path');

	        // update `d` attribute of first <path> element
	        if (svgPath1 && svgPath1 !== '') {
	          svgPath1 = svgPath1.split('"')[1];
	          if (svgPaths && svgPaths.length > 0) {
	            svgPaths[0].setAttribute('d', svgPath1);
	          }
	        }

	        // update `d` attribute of second <path> element
	        if (svgPath2 && svgPath2 !== '') {
	          svgPath2 = svgPath2.split('"')[1];
	          if (svgPaths && svgPaths.length > 1) {
	            svgPaths[1].setAttribute('d', svgPath2);
	          }
	        }
	      });
	    }
	    instances$n.push(this);
	  }
	  var _proto = Icon.prototype;
	  _proto.update = function update() {
	    this.el.dispatchEvent(this[EventName$q.ON_UPDATE]);
	  };
	  _proto.remove = function remove() {
	    this.el.dispatchEvent(this[EventName$q.ON_REMOVE]);
	  };
	  Icon.getInstances = function getInstances() {
	    return instances$n;
	  };
	  return Icon;
	}();

	var instances$m = [];
	var Selector$s = {
	  DATA_MOUNT: 'body',
	  ANIMATIONS: '.animation'
	};
	var ClassName$g = {
	  EFFECT_ON: 'effect-on'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$p = {
	  ON_REMOVE: 'onRemove',
	  ON_RESIZE: 'resize',
	  ON_UPDATE: 'onUpdate',
	  ON_SCROLL: 'scroll'
	};
	var _setScrollEffectElements = /*#__PURE__*/_classPrivateFieldLooseKey("setScrollEffectElements");
	var _observerCallback = /*#__PURE__*/_classPrivateFieldLooseKey("observerCallback");
	var _setIntersectionObserver = /*#__PURE__*/_classPrivateFieldLooseKey("setIntersectionObserver");
	var _resizeObserverCallback = /*#__PURE__*/_classPrivateFieldLooseKey("resizeObserverCallback");
	var _calculateThreshold = /*#__PURE__*/_classPrivateFieldLooseKey("calculateThreshold");
	var _threshold = /*#__PURE__*/_classPrivateFieldLooseKey("threshold");
	var _events = /*#__PURE__*/_classPrivateFieldLooseKey("events");
	var _intersectionObserver = /*#__PURE__*/_classPrivateFieldLooseKey("intersectionObserver");
	var Effects = /*#__PURE__*/function () {
	  function Effects(opts) {
	    Object.defineProperty(this, _calculateThreshold, {
	      value: _calculateThreshold2
	    });
	    Object.defineProperty(this, _resizeObserverCallback, {
	      value: _resizeObserverCallback2
	    });
	    Object.defineProperty(this, _setIntersectionObserver, {
	      value: _setIntersectionObserver2
	    });
	    Object.defineProperty(this, _observerCallback, {
	      value: _observerCallback2
	    });
	    Object.defineProperty(this, _setScrollEffectElements, {
	      value: _setScrollEffectElements2
	    });
	    Object.defineProperty(this, _threshold, {
	      writable: true,
	      value: 0.4
	    });
	    Object.defineProperty(this, _events, {
	      writable: true,
	      value: []
	    });
	    Object.defineProperty(this, _intersectionObserver, {
	      writable: true,
	      value: null
	    });
	    _classPrivateFieldLooseBase(this, _threshold)[_threshold] = _classPrivateFieldLooseBase(this, _calculateThreshold)[_calculateThreshold]();
	    this.el = opts.el;
	    this.scrollEffectEl = [];
	    _classPrivateFieldLooseBase(this, _setScrollEffectElements)[_setScrollEffectElements].bind(this)();
	    _classPrivateFieldLooseBase(this, _setIntersectionObserver)[_setIntersectionObserver].bind(this)(_classPrivateFieldLooseBase(this, _threshold)[_threshold]);
	    this.windowResizeEvent = {
	      el: window,
	      handler: debounce(200, _classPrivateFieldLooseBase(this, _resizeObserverCallback)[_resizeObserverCallback].bind(this)),
	      type: EventName$p.ON_RESIZE
	    };
	    _classPrivateFieldLooseBase(this, _events)[_events].push(this.windowResizeEvent);
	    Util$1.addEvents(_classPrivateFieldLooseBase(this, _events)[_events]);
	    instances$m.push(this);
	  }
	  var _proto = Effects.prototype;
	  _proto.update = function update() {
	    this.el.dispatchEvent(this[EventName$p.ON_UPDATE]);
	  };
	  _proto.remove = function remove() {
	    this.el.dispatchEvent(this[EventName$p.ON_REMOVE]);
	    Util$1.removeEvents(_classPrivateFieldLooseBase(this, _events)[_events]);
	  };
	  Effects.getInstances = function getInstances() {
	    return instances$m;
	  };
	  return Effects;
	}();
	function _setScrollEffectElements2() {
	  var _this = this;
	  var animationElements = this.el.querySelectorAll(Selector$s.ANIMATIONS);
	  if (!animationElements || animationElements.length === 0) return;

	  // get all animations that require scroll effect
	  animationElements.forEach(function (el) {
	    if (el.getAttribute('class').indexOf('-scroll') !== -1) {
	      _this.scrollEffectEl.push(el);
	    }
	  });
	}
	function _observerCallback2(entries) {
	  entries.forEach(function (entry) {
	    if (entry.isIntersecting) {
	      var target = entry.target,
	        boundingClientRect = entry.boundingClientRect;
	      if (boundingClientRect.top >= 0 || boundingClientRect.top < 0 && !target.classList.contains(ClassName$g.EFFECT_ON)) {
	        target.classList.add(ClassName$g.EFFECT_ON);
	      }
	    }
	  });
	}
	function _setIntersectionObserver2(threshold) {
	  var _this2 = this;
	  if (threshold === void 0) {
	    threshold = 0.4;
	  }
	  var options = {
	    root: null,
	    rootMargin: '0px',
	    threshold: threshold
	  };

	  // Bind intersection observer to each scroll element
	  _classPrivateFieldLooseBase(this, _intersectionObserver)[_intersectionObserver] = new IntersectionObserver(_classPrivateFieldLooseBase(this, _observerCallback)[_observerCallback], options);
	  this.scrollEffectEl.forEach(function (el) {
	    _classPrivateFieldLooseBase(_this2, _intersectionObserver)[_intersectionObserver].observe(el);
	  });
	}
	function _resizeObserverCallback2() {
	  // disconnect intersection observer, update threshold, and reconnect observer
	  if (_classPrivateFieldLooseBase(this, _intersectionObserver)[_intersectionObserver]) {
	    _classPrivateFieldLooseBase(this, _intersectionObserver)[_intersectionObserver].disconnect();
	  }
	  _classPrivateFieldLooseBase(this, _threshold)[_threshold] = _classPrivateFieldLooseBase(this, _calculateThreshold)[_calculateThreshold]();
	  _classPrivateFieldLooseBase(this, _setIntersectionObserver)[_setIntersectionObserver](_classPrivateFieldLooseBase(this, _threshold)[_threshold]);
	}
	function _calculateThreshold2() {
	  // if the viewport is smaller than vp3, set threshold to 0.1
	  return window.innerWidth < ViewPort.LG ? 0.1 : 0.3;
	}

	var instances$l = [];
	var EventName$o = {
	  SHOW: 'onShow',
	  SHOWN: 'onShown',
	  HIDE: 'onHide',
	  HIDDEN: 'onHidden',
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate'
	};
	var ClassName$f = {
	  SHOW: 'show',
	  COLLAPSE: 'collapse',
	  COLLAPSING: 'collapsing',
	  COLLAPSED: 'collapsed'
	};
	var Dimension = {
	  WIDTH: 'width',
	  HEIGHT: 'height'
	};
	var Selector$r = {
	  ACTIVES: '.show, .collapsing',
	  DATA_MOUNT: '[data-mount="collapse"]'
	};
	function _getDimension() {
	  var hasWidth = this.el.classList.contains(Dimension.WIDTH);
	  return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT;
	}
	function _addAriaAndCollapsedClass$1(element, triggerArray) {
	  var isOpen = element.classList.contains(ClassName$f.SHOW);
	  if (triggerArray.length) {
	    triggerArray.forEach(function (triggerItem) {
	      triggerItem.classList.toggle(ClassName$f.COLLAPSED, !isOpen);
	      triggerItem.setAttribute('aria-expanded', isOpen);
	    });
	  }
	}
	var _getCollapses = /*#__PURE__*/_classPrivateFieldLooseKey("getCollapses");
	var _areSiblingsTransitioning = /*#__PURE__*/_classPrivateFieldLooseKey("areSiblingsTransitioning");
	var Collapse = /*#__PURE__*/function () {
	  /**
	   * Create a Collapse instance
	   * @param {Object} opts - the Collapse options
	   * @param {HTMLElement} opts.el - the Collapse trigger element
	   * @param {boolean} [opts.toggle=false] - whether to toggle the Collapse on initialization
	   * @param {HTMLElement} [opts.parent] - the parent (accordion) element for group management
	   * @param {boolean} [opts.addEventListener=true] - whether to add event listeners on Collapse trigger *Possible carryover from Bootstrap
	   */
	  function Collapse(_ref) {
	    var _this = this;
	    var el = _ref.el,
	      _ref$toggle = _ref.toggle,
	      toggle = _ref$toggle === void 0 ? false : _ref$toggle,
	      parent = _ref.parent,
	      _ref$addEventListener = _ref.addEventListener,
	      addEventListener = _ref$addEventListener === void 0 ? true : _ref$addEventListener;
	    Object.defineProperty(this, _areSiblingsTransitioning, {
	      value: _areSiblingsTransitioning2
	    });
	    Object.defineProperty(this, _getCollapses, {
	      value: _getCollapses2
	    });
	    this.isTransitioning = false;
	    this.isCollapsed = true;
	    this.triggerElement = el;
	    if (this.triggerElement.getAttribute('aria-expanded').toString() === 'true') {
	      this.isCollapsed = false;
	    }

	    // Get the affected selectors
	    var selector = Util$1.getSelectorFromElement(this.triggerElement);
	    this.el = document.querySelector(selector);

	    // The toggleArray is all of the buttons that control this Collapse's content
	    this.toggleArray = Array.from(document.querySelectorAll("[href=\"#" + this.el.id + "\"],[data-target=\"#" + this.el.id + "\"]"));
	    this.events = [];

	    // Create custom events.
	    this[EventName$o.SHOWN] = new CustomEvent(EventName$o.SHOWN);
	    this[EventName$o.HIDDEN] = new CustomEvent(EventName$o.HIDDEN);

	    // Find all auto-initialized Collapse buttons
	    var toggleList = Array.from(document.querySelectorAll(Selector$r.DATA_MOUNT));
	    toggleList.forEach(function (elem) {
	      // Find buttons with same the data-target as the triggerElement
	      var selector = Util$1.getSelectorFromElement(elem);
	      var filterElement = Array.from(document.querySelectorAll(selector)).filter(function (foundElem) {
	        return foundElem === _this.triggerElement;
	      });

	      // If any buttons have the same data-target as the triggerElement, add them to the toggleArray
	      if (selector !== null && filterElement.length) {
	        _this.toggleArray.push(elem);
	      }
	    });
	    this.parent = this.el.getAttribute('data-parent');
	    if (!parent) {
	      _addAriaAndCollapsedClass$1.bind(this)(this.el, this.toggleArray);
	    }
	    if (toggle) {
	      this.toggle();
	    }

	    // Add event handlers
	    if (addEventListener) {
	      this.events = [{
	        el: el,
	        type: 'click',
	        handler: function handler(event) {
	          // preventDefault only for <a> elements (which change the URL) not inside the collapsible element
	          if (event.currentTarget.tagName === 'A') {
	            event.preventDefault();
	          }

	          // If other collapses are transitioning, prevent interaction with this one
	          if (_classPrivateFieldLooseBase(_this, _areSiblingsTransitioning)[_areSiblingsTransitioning]()) {
	            return;
	          }
	          _this.toggle();
	        }
	      }];
	      Util$1.addEvents(this.events);
	    }
	    instances$l.push(this);
	  }
	  var _proto = Collapse.prototype;
	  /**
	   * Toggles the collapse from show to hide and vice versa
	   */
	  _proto.toggle = function toggle() {
	    if (this.el.classList.contains(ClassName$f.SHOW)) {
	      this.hide();
	    } else {
	      this.show();
	    }
	  }

	  /**
	   * Shows the collapse
	   */;
	  _proto.show = function show() {
	    var _this2 = this;
	    if (this.isTransitioning || this.el.classList.contains(ClassName$f.SHOW)) {
	      return;
	    }

	    // Create and dispatch custom event
	    this[EventName$o.SHOW] = new CustomEvent(EventName$o.SHOW, {
	      cancelable: true
	    });
	    this.el.dispatchEvent(this[EventName$o.SHOW]);
	    if (this[EventName$o.SHOW].defaultPrevented) {
	      return;
	    }
	    var dimension = _getDimension.bind(this)();
	    this.el.classList.remove(ClassName$f.COLLAPSE);
	    this.el.classList.add(ClassName$f.COLLAPSING);
	    this.el.style[dimension] = 0;
	    if (this.toggleArray.length) {
	      this.toggleArray.forEach(function (elem) {
	        elem.classList.remove(ClassName$f.COLLAPSED);
	        elem.setAttribute('aria-expanded', 'true');
	      });
	    }
	    this.isTransitioning = true;

	    // If we have a parent (group management), hide the other elements when other is shown
	    if (this.parent) {
	      var collapseInstances = _classPrivateFieldLooseBase(this, _getCollapses)[_getCollapses]();
	      collapseInstances.forEach(function (collapse) {
	        if (collapse !== _this2 && collapse.parent === _this2.parent && !collapse.isCollapsed) {
	          // Hide the collapse
	          collapse.toggle();
	        }
	      });
	    }
	    var complete = function complete() {
	      _this2.el.classList.remove(ClassName$f.COLLAPSING);
	      _this2.el.classList.add(ClassName$f.COLLAPSE);
	      _this2.el.classList.add(ClassName$f.SHOW);
	      _this2.el.style[dimension] = '';
	      _this2.isTransitioning = false;
	      _this2.isCollapsed = false;
	      _this2.el.dispatchEvent(_this2[EventName$o.SHOWN]);
	    };
	    var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
	    var scrollSize = "scroll" + capitalizedDimension;
	    var transitionDuration = Util$1.getTransitionDurationFromElement(this.el);
	    this.el.addEventListener(Util$1.TRANSITION_END, complete.bind(this), {
	      once: true
	    });
	    Util$1.emulateTransitionEnd(this.el, transitionDuration);
	    this.el.style[dimension] = this.el[scrollSize] + "px";
	  }

	  /**
	   * Hides the collapse
	   */;
	  _proto.hide = function hide() {
	    var _this3 = this;
	    if (this.isTransitioning || !this.el.classList.contains(ClassName$f.SHOW)) {
	      return;
	    }

	    // Create and dispatch custom event
	    this[EventName$o.HIDE] = new CustomEvent(EventName$o.HIDE, {
	      cancelable: true
	    });
	    this.el.dispatchEvent(this[EventName$o.HIDE]);
	    if (this[EventName$o.HIDE].defaultPrevented) {
	      return;
	    }
	    var dimension = _getDimension.bind(this)();
	    this.el.style[dimension] = this.el.getBoundingClientRect()[dimension] + "px";
	    Util$1.reflow(this.el);
	    this.el.classList.add(ClassName$f.COLLAPSING);
	    this.el.classList.remove(ClassName$f.COLLAPSE);
	    this.el.classList.remove(ClassName$f.SHOW);
	    this.toggleArray.forEach(function (toggle) {
	      var toggleSelector = Util$1.getSelectorFromElement(toggle);
	      if (toggleSelector !== null) {
	        var toggleArray = Array.from(document.querySelectorAll(toggleSelector));
	        toggleArray.forEach(function (el) {
	          if (!el.classList.contains(ClassName$f.SHOW)) {
	            toggle.classList.add(ClassName$f.COLLAPSED);
	            toggle.setAttribute('aria-expanded', 'false');
	          }
	        });
	      }
	    });
	    this.isTransitioning = true;
	    var complete = function complete() {
	      _this3.isTransitioning = false;
	      _this3.el.classList.remove(ClassName$f.COLLAPSING);
	      _this3.el.classList.add(ClassName$f.COLLAPSE);
	      _this3.isCollapsed = true;
	      _this3.el.dispatchEvent(_this3[EventName$o.HIDDEN]);
	    };
	    this.el.style[dimension] = '';
	    var transitionDuration = Util$1.getTransitionDurationFromElement(this.el);
	    this.el.addEventListener(Util$1.TRANSITION_END, complete.bind(this), {
	      once: true
	    });
	    Util$1.emulateTransitionEnd(this.el, transitionDuration);
	  }

	  /**
	   * Update instance
	   */;
	  _proto.update = function update() {
	    // Create and dispatch custom event
	    this[EventName$o.ON_UPDATE] = new CustomEvent(EventName$o.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$o.ON_UPDATE]);
	  }

	  /**
	   * Remove the event listener and the instance
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);

	    // remove this collapse reference from array of instances
	    var index = instances$l.indexOf(this);
	    instances$l.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$o.ON_REMOVE] = new CustomEvent(EventName$o.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$o.ON_REMOVE]);
	  }

	  /**
	   * Get instances.
	   * @returns {Object[]} An array of instances
	   */;
	  Collapse.getInstances = function getInstances() {
	    return instances$l;
	  };
	  return Collapse;
	}();
	function _getCollapses2() {
	  var collapses = [];
	  if (this.parent) {
	    collapses = Collapse.getInstances();
	  }
	  return collapses;
	}
	function _areSiblingsTransitioning2() {
	  var _this4 = this;
	  var collapses = _classPrivateFieldLooseBase(this, _getCollapses)[_getCollapses]();
	  var isTransitioning = false;
	  collapses.forEach(function (collapse) {
	    if (collapse !== _this4 && collapse.parent === _this4.parent && collapse.isTransitioning) {
	      isTransitioning = true;
	    }
	  });
	  return isTransitioning;
	}

	var instances$k = [];

	/**
	 * CSS selectors used in CollapseExtension.
	 * @type {Object}
	 */
	var Selector$q = {
	  ACTIVES: '.show, .collapsing',
	  DATA_MOUNT: '[data-mount="ocr-collapse"]',
	  PARENT_FAQ: '.ocr-faq--contained',
	  PARENT_FAQ_ITEM: '.ocr-faq-item'
	};

	/**
	 * Class representing a CollapseExtension.
	 * @extends Collapse
	 */
	var CollapseExtension = /*#__PURE__*/function (_Collapse) {
	  _inheritsLoose(CollapseExtension, _Collapse);
	  /**
	   * Create a CollapseExtension.
	   * @param {Object} opts - Options for the CollapseExtension.
	   */
	  function CollapseExtension(opts) {
	    var _this;
	    _this = _Collapse.call(this, opts) || this;
	    _this.events = [];
	    _this.parentContainedFaq = _this.el.closest(Selector$q.PARENT_FAQ);
	    _this.faqItem = _this.el.closest(Selector$q.PARENT_FAQ_ITEM);
	    if (_this.parentContainedFaq && _this.faqItem) {
	      _this.events = [{
	        el: _this.el,
	        handler: _this.activateFaqItem.bind(_assertThisInitialized(_this)),
	        type: EventName$o.SHOW
	      }, {
	        el: _this.el,
	        handler: _this.deactivateFaqItem.bind(_assertThisInitialized(_this)),
	        type: EventName$o.HIDE
	      }];
	      Util$1.addEvents(_this.events);
	    }
	    instances$k.push(_assertThisInitialized(_this));
	    return _this;
	  }

	  /**
	   * Activate the FAQ item.
	   */
	  var _proto = CollapseExtension.prototype;
	  _proto.activateFaqItem = function activateFaqItem() {
	    this.faqItem.classList.add('active');
	  }

	  /**
	   * Deactivate the FAQ item.
	   */;
	  _proto.deactivateFaqItem = function deactivateFaqItem() {
	    this.faqItem.classList.remove('active');
	  }

	  /**
	   * Update instance
	   */;
	  _proto.update = function update() {
	    // Create and dispatch custom event
	    this[EventName$o.ON_UPDATE] = new CustomEvent(EventName$o.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$o.ON_UPDATE]);
	  }

	  /**
	   * Remove the event listeners and the instance
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);

	    // Remove this collapse reference from array of instances
	    var index = instances$k.indexOf(this);
	    instances$k.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$o.ON_REMOVE] = new CustomEvent(EventName$o.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$o.ON_REMOVE]);
	  }

	  /**
	   * Get instances.
	   * @returns {CollapseExtension[]} An array of instances
	   */;
	  CollapseExtension.getInstances = function getInstances() {
	    return instances$k;
	  };
	  return CollapseExtension;
	}(Collapse);

	var instances$j = [];
	var Selector$p = {
	  DATA_MOUNT: '[data-mount="collapse-controls"]',
	  DATA_ACTION_COLLAPSE: '[data-action="collapse"]',
	  DATA_ACTION_EXPAND: '[data-action="expand"]'
	};
	function _getTarget$2(el) {
	  var selector = Util$1.getSelectorFromElement(el);
	  return [].slice.call(document.querySelectorAll(selector));
	}
	function _syncDisabledStyle$2() {
	  var openCount = 0;
	  this.collapseList.forEach(function (collapse) {
	    if (!collapse.isCollapsed) {
	      openCount++;
	    }
	  });
	  if (openCount === this.collapseListCount) {
	    _enableButton$1(this.collapse);
	    _disableButton$1(this.expand);
	  } else if (openCount === 0) {
	    _enableButton$1(this.expand);
	    _disableButton$1(this.collapse);
	  } else {
	    _enableButton$1(this.expand);
	    _enableButton$1(this.collapse);
	  }
	}
	function _disableButton$1(elem) {
	  elem.setAttribute('aria-pressed', true);
	  elem.setAttribute('aria-disabled', true);
	  elem.classList.add('inactive');
	}
	function _enableButton$1(elem) {
	  elem.setAttribute('aria-pressed', false);
	  elem.setAttribute('aria-disabled', false);
	  elem.classList.remove('inactive');
	}
	var CollapseControls = /*#__PURE__*/function () {
	  /**
	   * Create a CollapseControls instance
	   * @param {Object} opts - The CollapseControls options
	   * @param {HTMLElement} opts.el - The CollapseControls DOM node.
	   * @param {Collapse[]} [opts.collapses] - The list of Collapse instances.
	   *
	   */
	  function CollapseControls(opts) {
	    var _this = this;
	    this.el = opts.el;
	    this.accordion = _getTarget$2(this.el)[0];
	    this.collapse = this.el.querySelector(Selector$p.DATA_ACTION_COLLAPSE);
	    this.expand = this.el.querySelector(Selector$p.DATA_ACTION_EXPAND);
	    this.collapseList = opts.collapses || [];

	    // Auto initialization OR manual initialization without collapses option
	    if (!this.collapseList.length) {
	      var collapseTriggers = this.accordion.querySelectorAll(Selector$r.DATA_MOUNT);

	      // Find Collapse instances and push Collapses with matching triggers into Collapse array
	      var collapseInstances = Collapse.getInstances();
	      collapseTriggers.forEach(function (el) {
	        _this.collapseList.push(collapseInstances.find(function (collapse) {
	          return collapse.triggerElement === el;
	        }));
	      });

	      // If no Collapses are found, do not initialize CollapseControls
	      if (!this.collapseList.length) {
	        throw new Error('Collapses must be auto-initialized or passed in as an option.');
	      }
	    }
	    this.collapseListCount = this.collapseList.length;
	    this.openCount = 0;
	    this.events = [{
	      el: this.collapse,
	      type: 'click',
	      handler: this.collapseAll.bind(this)
	    }, {
	      el: this.expand,
	      type: 'click',
	      handler: this.expandAll.bind(this)
	    }];
	    this.collapseList.forEach(function (collapse) {
	      // Add shown/hidden handlers to each Collapse
	      _this.events.push({
	        el: collapse.el,
	        type: EventName$o.SHOWN,
	        handler: _syncDisabledStyle$2.bind(_this)
	      }, {
	        el: collapse.el,
	        type: EventName$o.HIDDEN,
	        handler: _syncDisabledStyle$2.bind(_this)
	      });
	    });
	    Util$1.addEvents(this.events);
	    _syncDisabledStyle$2.call(this);
	    instances$j.push(this);
	  }

	  /**
	   * Collapse all the elements
	   */
	  var _proto = CollapseControls.prototype;
	  _proto.collapseAll = function collapseAll() {
	    this.collapseList.forEach(function (element) {
	      element.hide();
	    });
	    this.openCount = 0;
	    _syncDisabledStyle$2.call(this);
	  }

	  /**
	   * Update instance (added for API consistency)
	   */;
	  _proto.update = function update() {
	    // Create and dispatch custom event
	    this[EventName$o.ON_UPDATE] = new CustomEvent(EventName$o.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$o.ON_UPDATE]);
	  }

	  /**
	   * Expand all the elements
	   */;
	  _proto.expandAll = function expandAll() {
	    var _this2 = this;
	    this.collapseList.forEach(function (element) {
	      element.show();
	      _this2.openCount = _this2.collapseListCount;
	    });
	    _syncDisabledStyle$2.call(this);
	  }

	  /**
	   * Remove the event listeners and the instance
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);

	    // Remove this collapse reference from array of instances
	    var index = instances$j.indexOf(this);
	    instances$j.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$o.ON_REMOVE] = new CustomEvent(EventName$o.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$o.ON_REMOVE]);
	  }

	  /**
	   * Get instances.
	   * @returns {CollapseControls[]} An array of instances
	   */;
	  CollapseControls.getInstances = function getInstances() {
	    return instances$j;
	  };
	  return CollapseControls;
	}();

	var instances$i = [];
	var Selector$o = {
	  DATA_MOUNT: '[data-mount="ocr-collapse-controls"]',
	  DATA_ACTION_COLLAPSE: '[data-action="collapse"]',
	  DATA_ACTION_EXPAND: '[data-action="expand"]',
	  PARENT_FAQ: '.ocr-faq'
	};
	var Attribute$4 = {
	  ARIA_DISABLED: 'aria-disabled',
	  ARIA_PRESSED: 'aria-pressed',
	  ARIA_CONTROLS: 'aria-controls'
	};
	var Classes$2 = {
	  INACTIVE: 'inactive'
	};
	function _getTarget$1(el) {
	  var selector = Util$1.getSelectorFromElement(el);
	  return [].slice.call(document.querySelectorAll(selector));
	}
	function _syncDisabledStyle$1() {
	  var openCount = 0;
	  this.collapseList.forEach(function (collapse) {
	    if (!collapse.isCollapsed) {
	      openCount++;
	    }
	  });
	  if (openCount === this.collapseListCount) {
	    _enableButton(this.collapse);
	    _disableButton(this.expand);
	  } else if (openCount === 0) {
	    _enableButton(this.expand);
	    _disableButton(this.collapse);
	  } else {
	    _enableButton(this.expand);
	    _enableButton(this.collapse);
	  }
	}
	function _disableButton(elem) {
	  elem.setAttribute(Attribute$4.ARIA_DISABLED, true);
	  elem.setAttribute(Attribute$4.ARIA_PRESSED, true);
	  elem.classList.add(Classes$2.INACTIVE);
	}
	function _enableButton(elem) {
	  elem.setAttribute(Attribute$4.ARIA_DISABLED, false);
	  elem.setAttribute(Attribute$4.ARIA_PRESSED, false);
	  elem.classList.remove(Classes$2.INACTIVE);
	}
	var CollapseControlsExtension = /*#__PURE__*/function (_CollapseControls) {
	  _inheritsLoose(CollapseControlsExtension, _CollapseControls);
	  /**
	   * Create a CollapseControls instance
	   * @param {Object} opts - The CollapseControls options
	   * @param {HTMLElement} opts.el - The CollapseControls DOM node.
	   * @param {Collapse[]} [opts.collapses] - The list of Collapse instances.
	   *
	   */
	  function CollapseControlsExtension(opts) {
	    var _this;
	    var parent = opts.el ? opts.el.closest(Selector$o.PARENT_FAQ) : null;
	    if (parent) {
	      opts.collapses = window.ocrReimagine.CollapseExtension.getInstances().filter(function (collapse) {
	        return parent.contains(collapse.el);
	      });
	    } else {
	      opts.collapses = window.ocrReimagine.CollapseExtension.getInstances();
	    }
	    _this = _CollapseControls.call(this, opts) || this;

	    // revmove old event listeners for add new event listeners
	    Util$1.removeEvents(_this.events);

	    // rewrite new events
	    _this.accordion = _getTarget$1(_this.el)[0];
	    _this.collapse = _this.el.querySelector(Selector$o.DATA_ACTION_COLLAPSE);
	    _this.expand = _this.el.querySelector(Selector$o.DATA_ACTION_EXPAND);
	    _this.collapseList = opts.collapses || [];
	    _this.collapseListCount = _this.collapseList.length;
	    _this.openCount = 0;
	    _this.events = [{
	      el: _this.collapse,
	      type: 'click',
	      handler: _this.collapseAll.bind(_assertThisInitialized(_this))
	    }, {
	      el: _this.expand,
	      type: 'click',
	      handler: _this.expandAll.bind(_assertThisInitialized(_this))
	    }];
	    _this.controlledIds = [];
	    _this.collapseList.forEach(function (collapse) {
	      // Add shown/hidden handlers to each Collapse
	      _this.events.push({
	        el: collapse.el,
	        type: EventName$o.SHOWN,
	        handler: _syncDisabledStyle$1.bind(_assertThisInitialized(_this))
	      }, {
	        el: collapse.el,
	        type: EventName$o.HIDDEN,
	        handler: _syncDisabledStyle$1.bind(_assertThisInitialized(_this))
	      });

	      // Collects controlled element ids
	      _this.controlledIds.push(collapse.el.id);
	    });
	    _this.collapse.setAttribute(Attribute$4.ARIA_CONTROLS, _this.controlledIds.join(' '));
	    _this.expand.setAttribute(Attribute$4.ARIA_CONTROLS, _this.controlledIds.join(' '));
	    Util$1.addEvents(_this.events);
	    _syncDisabledStyle$1.call(_assertThisInitialized(_this));
	    instances$i.push(_assertThisInitialized(_this));
	    return _this;
	  }

	  /**
	   * Collapse all the elements
	   */
	  var _proto = CollapseControlsExtension.prototype;
	  _proto.collapseAll = function collapseAll() {
	    this.collapseList.forEach(function (element) {
	      element.hide();
	    });
	    this.openCount = 0;
	    _syncDisabledStyle$1.call(this);
	  }

	  /**
	   * Update instance (added for API consistency)
	   */;
	  _proto.update = function update() {
	    // Create and dispatch custom event
	    this[EventName$o.ON_UPDATE] = new CustomEvent(EventName$o.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$o.ON_UPDATE]);
	  }

	  /**
	   * Expand all the elements
	   */;
	  _proto.expandAll = function expandAll() {
	    var _this2 = this;
	    this.collapseList.forEach(function (element) {
	      element.show();
	      _this2.openCount = _this2.collapseListCount;
	    });
	    _syncDisabledStyle$1.call(this);
	  }

	  /**
	   * Remove the event listeners and the instance
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);

	    // Remove this collapse reference from array of instances
	    var index = instances$i.indexOf(this);
	    instances$i.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$o.ON_REMOVE] = new CustomEvent(EventName$o.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$o.ON_REMOVE]);
	  }

	  /**
	   * Get instances.
	   * @returns {CollapseControls[]} An array of instances
	   */;
	  CollapseControlsExtension.getInstances = function getInstances() {
	    return instances$i;
	  };
	  return CollapseControlsExtension;
	}(CollapseControls);

	var instances$h = [];
	var EventName$n = {
	  SHOW: 'onShow',
	  SHOWN: 'onShown',
	  HIDE: 'onHide',
	  HIDDEN: 'onHidden',
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate'
	};
	var ClassName$e = {
	  SHOW: 'show',
	  COLLAPSE: 'collapse',
	  COLLAPSING: 'collapsing',
	  COLLAPSED: 'collapsed',
	  VERTICAL_ACCORDION: '.accordion--vertical'
	};
	var Selector$n = {
	  DATA_MOUNT: '[data-mount="multi-collapse"]'
	};
	function _addAriaAndCollapsedClass(element, triggerArray) {
	  element.forEach(function (item) {
	    var isOpen = item.classList.contains(ClassName$e.SHOW);
	    if (triggerArray.length) {
	      triggerArray.forEach(function (triggerItem) {
	        triggerItem.classList.toggle(ClassName$e.COLLAPSED, !isOpen);
	        triggerItem.setAttribute('aria-expanded', isOpen);
	      });
	    }
	  });
	}
	var MultiCollapse = /*#__PURE__*/function () {
	  /**
	   * Create the Collapse
	   * @param {Object} opts - the Collapse options
	   * @param {Node} opts.el - the Collapse trigger element
	   * @param {boolean} [opts.toggle] - whether to toggle the Collapse on initialization
	   * @param {Node} [opts.parent] - the parent element for group management
	   * @param {boolean} [opts.addEventListener] - suppress event listeners on Collapse trigger (when false) *Possible carryover from Bootstrap
	   */
	  function MultiCollapse(opts) {
	    var _this$triggerElement$,
	      _this = this;
	    this.isCollapsed = true;
	    this.triggerElement = opts.el;
	    if (((_this$triggerElement$ = this.triggerElement.getAttribute('aria-expanded')) == null ? void 0 : _this$triggerElement$.toString()) === 'true') {
	      this.isCollapsed = false;
	    }
	    this.hasVerticalAccordionParent = this.triggerElement.closest(ClassName$e.VERTICAL_ACCORDION) !== null;
	    if (this.hasVerticalAccordionParent) {
	      this.allCollapseElements = document.querySelectorAll('.collapse');
	      var parentContainer = this.triggerElement.closest(ClassName$e.VERTICAL_ACCORDION);
	      var triggerArr = parentContainer.querySelectorAll(Selector$n.DATA_MOUNT);
	      if (triggerArr.length) {
	        var firstTrigger = triggerArr[0];
	        var dataTarget = firstTrigger.getAttribute('data-target');
	        var targetId = dataTarget.slice(1);
	        this.allCollapseElements.forEach(function (element) {
	          if (element.id === targetId) {
	            element.classList.add(ClassName$e.SHOW);
	          }
	        });
	        firstTrigger.classList.remove(ClassName$e.COLLAPSED);
	        firstTrigger.setAttribute('aria-expanded', true);
	      }
	    }

	    // Get the affected selectors
	    var selector = Util$1.getSelectorFromElement(this.triggerElement);
	    this.el = document.querySelectorAll(selector);
	    this.toggleOnInit = opts.toggle || false;
	    // The toggleArray is all of the buttons that control this collapse's content
	    this.toggleArray = Array.from(document.querySelectorAll("[data-target=\"" + selector + "\"]"));
	    this.collapseAnchor = opts.el.parentNode.nextElementSibling === null ? '' : opts.el.parentNode.nextElementSibling.lastElementChild;

	    // Create custom events.
	    this[EventName$n.SHOWN] = new CustomEvent(EventName$n.SHOWN);
	    this[EventName$n.HIDDEN] = new CustomEvent(EventName$n.HIDDEN);
	    if (!opts.parent) {
	      _addAriaAndCollapsedClass.bind(this)(this.el, this.toggleArray);
	    }
	    if (this.toggleOnInit) {
	      this.toggle();
	    }

	    // Add event handlers
	    if (opts.addEventListener !== false) {
	      this.events = [{
	        el: opts.el,
	        type: 'click',
	        handler: function handler(event) {
	          // preventDefault only for <a> elements (which change the URL) not inside the collapsible element
	          if (event.currentTarget.tagName === 'A') {
	            event.preventDefault();
	          }
	          _this.toggle();
	        }
	      }, {
	        el: opts.el,
	        type: 'keydown',
	        handler: function handler(event) {
	          var collapseShow = document.querySelectorAll('.collapse');
	          var closeBtn = document.querySelectorAll('button.collapse-me');
	          if (event.which === 27) {
	            collapseShow.forEach(function (item) {
	              if (item.classList.contains(ClassName$e.SHOW)) {
	                _this.hide(item);
	              }
	            });
	            var collapsedBtn = document.querySelectorAll('.collapsed');
	            if (closeBtn[0] === document.activeElement && collapsedBtn.length > 0) {
	              collapsedBtn[0].focus();
	            }
	          }
	        }
	      }, {
	        el: this.collapseAnchor,
	        type: 'keydown',
	        handler: function handler(event) {
	          if (event.which === 27) {
	            var collapseShow = document.querySelectorAll('.collapse');
	            collapseShow.forEach(function (item) {
	              if (item.classList.contains(ClassName$e.SHOW)) {
	                _this.hide(item);
	              }
	            });
	            opts.el.focus();
	          }
	        }
	      }];
	      Util$1.addEvents(this.events);
	    }
	    instances$h.push(this);
	  }

	  /**
	   * Toggles the collapse from show to hide and vice versa
	   */
	  var _proto = MultiCollapse.prototype;
	  _proto.toggle = function toggle() {
	    var _this2 = this;
	    if (this.hasVerticalAccordionParent) {
	      var targetId = this.triggerElement.getAttribute('data-target');
	      var dataParentVal = this.triggerElement.closest('.accordion').id;
	      var relevantCollapseElements = [];

	      // Filter all collapse elements to find those that belong to the same accordion parent
	      this.allCollapseElements.forEach(function (element) {
	        if (element.getAttribute('data-parent') === dataParentVal) {
	          relevantCollapseElements.push(element);
	        }
	      });

	      // Iterate over the filtered collapse elements
	      relevantCollapseElements.forEach(function (item) {
	        // Check if the current item's ID matches the target ID
	        if ("#" + item.id === targetId) {
	          // Toggle the visibility of the target element
	          if (item.classList.contains(ClassName$e.SHOW)) {
	            _this2.hide(item);
	          } else {
	            _this2.show(item);
	          }
	        } else {
	          // Hide all other elements
	          _this2.hide(item);
	        }
	      });
	    } else {
	      // If there is no vertical accordion parent, toggle visibility for each element directly
	      this.el.forEach(function (item) {
	        if (item.classList.contains(ClassName$e.SHOW)) {
	          _this2.hide(item);
	        } else {
	          _this2.show(item);
	        }
	      });
	    }
	  }

	  /**
	   * Shows the collapse
	   */;
	  _proto.show = function show(element) {
	    var _this3 = this;
	    if (element.classList.contains(ClassName$e.SHOW)) {
	      return;
	    }

	    // Create and dispatch custom event
	    this[EventName$n.SHOW] = new CustomEvent(EventName$n.SHOW, {
	      cancelable: true
	    });
	    element.dispatchEvent(this[EventName$n.SHOW]);
	    if (this[EventName$n.SHOW].defaultPrevented) {
	      return;
	    }
	    element.classList.remove(ClassName$e.COLLAPSE);
	    element.classList.add(ClassName$e.COLLAPSING);

	    // Update ARIA attributes based on vertical accordion parent
	    if (this.hasVerticalAccordionParent) {
	      var elementTrigger = element.closest('.ocr-accordion-item').querySelector(Selector$n.DATA_MOUNT);
	      elementTrigger.classList.remove(ClassName$e.COLLAPSED);
	      elementTrigger.removeAttribute('aria-expanded');
	      elementTrigger.setAttribute('aria-expanded', true);
	    } else if (this.toggleArray.length) {
	      this.toggleArray.forEach(function (elem) {
	        elem.classList.remove(ClassName$e.COLLAPSED);
	        elem.setAttribute('aria-expanded', true);
	      });
	    }
	    var complete = function complete() {
	      element.classList.remove(ClassName$e.COLLAPSING);
	      element.classList.add(ClassName$e.COLLAPSE);
	      element.classList.add(ClassName$e.SHOW);
	      _this3.isCollapsed = false;
	      element.dispatchEvent(_this3[EventName$n.SHOWN]);
	    };
	    element.addEventListener(Util$1.TRANSITION_END, complete.bind(this), {
	      once: true
	    });
	    Util$1.emulateTransitionEnd(element, 0);
	  }

	  /**
	   * Hides the collapse
	   */;
	  _proto.hide = function hide(element) {
	    var _this4 = this;
	    if (!element.classList.contains(ClassName$e.SHOW)) {
	      return;
	    }

	    // Create and dispatch custom event
	    this[EventName$n.HIDE] = new CustomEvent(EventName$n.HIDE, {
	      cancelable: true
	    });
	    element.dispatchEvent(this[EventName$n.HIDE]);
	    if (this[EventName$n.HIDE].defaultPrevented) {
	      return;
	    }
	    element.classList.add(ClassName$e.COLLAPSING);
	    element.classList.remove(ClassName$e.COLLAPSE);
	    element.classList.remove(ClassName$e.SHOW);

	    // Update ARIA attributes based on vertical accordion parent
	    if (this.hasVerticalAccordionParent) {
	      var elementTrigger = element.closest('.ocr-accordion-item').querySelector(Selector$n.DATA_MOUNT);
	      elementTrigger.classList.add(ClassName$e.COLLAPSED);
	      elementTrigger.removeAttribute('aria-expanded');
	      elementTrigger.setAttribute('aria-expanded', false);
	    } else {
	      this.toggleArray.forEach(function (toggle) {
	        var toggleSelector = Util$1.getSelectorFromElement(toggle);
	        if (toggleSelector !== null) {
	          var toggleArray = Array.from(document.querySelectorAll(toggleSelector));
	          toggleArray.forEach(function (el) {
	            if (!el.classList.contains(ClassName$e.SHOW)) {
	              toggle.classList.add(ClassName$e.COLLAPSED);
	              toggle.setAttribute('aria-expanded', false);
	            }
	          });
	        }
	      });
	    }
	    var complete = function complete() {
	      element.classList.remove(ClassName$e.COLLAPSING);
	      element.classList.add(ClassName$e.COLLAPSE);
	      _this4.isCollapsed = true;
	      element.dispatchEvent(_this4[EventName$n.HIDDEN]);
	    };
	    element.addEventListener(Util$1.TRANSITION_END, complete.bind(this), {
	      once: true
	    });
	    Util$1.emulateTransitionEnd(element, 0);
	  }

	  /**
	   * Update instance (added for API consistency)
	   */;
	  _proto.update = function update() {
	    var _this5 = this;
	    // Create and dispatch custom event
	    this[EventName$n.ON_UPDATE] = new CustomEvent(EventName$n.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.forEach(function (item) {
	      item.dispatchEvent(_this5[EventName$n.ON_UPDATE]);
	    });
	  }

	  /**
	   * Remove the event listener and the instance
	   */;
	  _proto.remove = function remove() {
	    var _this6 = this;
	    Util$1.removeEvents(this.events);

	    // remove this collapse reference from array of instances
	    var index = instances$h.indexOf(this);
	    instances$h.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$n.ON_REMOVE] = new CustomEvent(EventName$n.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.forEach(function (item) {
	      item.dispatchEvent(_this6[EventName$n.ON_REMOVE]);
	    });
	  }

	  /**
	   * Get instances.
	   * @returns {Object[]} An array of instances
	   */;
	  MultiCollapse.getInstances = function getInstances() {
	    return instances$h;
	  };
	  return MultiCollapse;
	}();

	var instances$g = [];
	var Selector$m = {
	  DATA_MOUNT: '[data-mount="multi-collapse-controls"]',
	  DATA_ACTION_COLLAPSE: '[data-action="collapse"]',
	  DATA_ACTION_EXPAND: '[data-action="expand"]'
	};
	function _getTarget(el) {
	  var selector = Util$1.getSelectorFromElement(el);
	  return [].slice.call(document.querySelectorAll(selector));
	}
	function _syncDisabledStyle() {
	  var openCount = 0;
	  this.collapseList.forEach(function (collapse) {
	    if (!collapse.isCollapsed) {
	      openCount++;
	    }
	  });
	  if (openCount === this.collapseListCount) {
	    _toggleButton(this.collapse, true);
	    _toggleButton(this.expand, false);
	  } else if (openCount === 0) {
	    _toggleButton(this.expand, true);
	    _toggleButton(this.collapse, false);
	  } else {
	    _toggleButton(this.expand, true);
	    _toggleButton(this.collapse, true);
	  }
	}
	function _toggleButton(elem, enabled) {
	  if (enabled) {
	    elem.setAttribute('aria-pressed', false);
	    elem.setAttribute('aria-disabled', false);
	    elem.classList.remove('inactive');
	  } else {
	    elem.setAttribute('aria-pressed', true);
	    elem.setAttribute('aria-disabled', true);
	    elem.classList.add('inactive');
	  }
	}
	var MultiCollapseControls = /*#__PURE__*/function () {
	  /**
	   * Create the MultiCollapseControls
	   * @param {Object} opts - The MultiCollapseControls options
	   * @param {Node} opts.el - The MultiCollapseControls DOM node.
	   * @param {MultiCollapse[]} [opts.collapses] - The list of MultiCollapse instances.
	   *
	   */
	  function MultiCollapseControls(opts) {
	    var _this = this;
	    this.el = opts.el;
	    this.accordion = _getTarget(this.el)[0];
	    this.collapse = this.el.querySelector(Selector$m.DATA_ACTION_COLLAPSE);
	    this.expand = this.el.querySelector(Selector$m.DATA_ACTION_EXPAND);
	    this.collapseBtnList = this.accordion.querySelectorAll(Selector$n.DATA_MOUNT);
	    this.collapseList = opts.collapses || [];

	    // Auto initialization OR manual initialization without collapses option
	    if (!this.collapseList.length) {
	      var collapseTriggers = this.collapseBtnList;

	      // Find MultiCollapse instances and push MultiCollapses with matching triggers into MultiCollapse array
	      var collapseInstances = MultiCollapse.getInstances();
	      collapseTriggers.forEach(function (el) {
	        _this.collapseList.push(collapseInstances.find(function (collapse) {
	          return collapse.triggerElement === el;
	        }));
	      });

	      // If no MultiCollapses are found, do not initialize MultiCollapseControls
	      if (!this.collapseList.length) {
	        throw new Error('MultiCollapses must be auto-initialized or passed in as an option.');
	      }
	    }
	    this.collapseListCount = this.collapseList.length;
	    this.openCount = 0;
	    this.events = [{
	      el: this.collapse,
	      type: 'click',
	      handler: this.collapseAll.bind(this)
	    }, {
	      el: this.expand,
	      type: 'click',
	      handler: this.expandAll.bind(this)
	    }];
	    this.collapseList.forEach(function (collapse) {
	      collapse.el.forEach(function (item) {
	        // Add shown/hidden handlers to each MultiCollapse
	        _this.events.push({
	          el: item,
	          type: EventName$n.SHOWN,
	          handler: _syncDisabledStyle.bind(_this)
	        }, {
	          el: item,
	          type: EventName$n.HIDDEN,
	          handler: _syncDisabledStyle.bind(_this)
	        });
	      });
	    });
	    Util$1.addEvents(this.events);
	    _syncDisabledStyle.call(this);
	    instances$g.push(this);
	  }

	  /**
	   * Collapse all the elements
	   */
	  var _proto = MultiCollapseControls.prototype;
	  _proto.collapseAll = function collapseAll() {
	    this.collapseList.forEach(function (element) {
	      element.el.forEach(function (item) {
	        element.hide(item);
	      });
	    });
	    this.openCount = 0;
	    _syncDisabledStyle.call(this);
	  }

	  /**
	   * Update instance (added for API consistency)
	   */;
	  _proto.update = function update() {
	    // Create and dispatch custom event
	    this[EventName$n.ON_UPDATE] = new CustomEvent(EventName$n.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$n.ON_UPDATE]);
	  }

	  /**
	   * Expand all the elements
	   */;
	  _proto.expandAll = function expandAll() {
	    var _this2 = this;
	    this.collapseListCount = 0;
	    this.collapseList.forEach(function (element) {
	      element.el.forEach(function (item) {
	        element.show(item);
	      });
	      _this2.collapseListCount++;
	    });
	    this.openCount = this.collapseListCount;
	    _syncDisabledStyle.call(this);
	  }

	  /**
	   * Remove the event listeners and the instance
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);

	    // Remove this collapse reference from array of instances
	    var index = instances$g.indexOf(this);
	    instances$g.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$n.ON_REMOVE] = new CustomEvent(EventName$n.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$n.ON_REMOVE]);
	  }

	  /**
	   * Get instances.
	   * @returns {MultiCollapseControls[]} An array of instances
	   */;
	  MultiCollapseControls.getInstances = function getInstances() {
	    return instances$g;
	  };
	  return MultiCollapseControls;
	}();

	var instances$f = [];
	var Selector$l = {
	  DATA_MOUNT: '[data-mount="contact-sales"]',
	  GLYPH_BUTTON: '.contact-sales-widget button.btn-glyph-only'
	};
	var EventName$m = {
	  ON_REMOVE: 'onRemove',
	  CLICK: 'click'
	};

	/**
	 * Handle onclick of glyph button element to set focus on sibling link list
	 */
	function _onClick(glyphButton) {
	  var complete = function complete() {
	    var siblingLink = glyphButton.parentElement.parentElement.querySelector('a');
	    if (siblingLink) {
	      siblingLink.focus();
	    }
	  };
	  glyphButton.addEventListener(Util$1.TRANSITION_END, complete.bind(this), {
	    once: true
	  });
	  Util$1.emulateTransitionEnd(glyphButton, 0);
	}

	/**
	 * Class representing Contact Sales
	 */
	var ContactSales = /*#__PURE__*/function () {
	  function ContactSales(opts) {
	    var _this = this;
	    this.el = opts.el;
	    this.events = [];
	    this.glyphButtons = this.el.querySelectorAll(Selector$l.GLYPH_BUTTON);
	    this.glyphButtons.forEach(function (glyphButton) {
	      _this.events.push({
	        el: glyphButton,
	        type: EventName$m.CLICK,
	        handler: _onClick.bind(_this, glyphButton)
	      });
	    });
	    Util$1.addEvents(this.events);
	    instances$f.push(this);
	  }

	  /**
	   * Remove the instance
	   */
	  var _proto = ContactSales.prototype;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);
	    this[EventName$m.ON_REMOVE] = new CustomEvent(EventName$m.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$m.ON_REMOVE]);
	    var index = instances$f.indexOf(this);
	    instances$f.splice(index, 1);
	  }

	  /**
	   * Get contact sales instances.
	   * @returns {Object[]} An array of instances
	   */;
	  ContactSales.getInstances = function getInstances() {
	    return instances$f;
	  };
	  return ContactSales;
	}();

	var uncurryThis$3 = functionUncurryThis;
	var fails$4 = fails$I;
	var padStart = stringPad.start;

	var $RangeError = RangeError;
	var $isFinite = isFinite;
	var abs = Math.abs;
	var DatePrototype = Date.prototype;
	var nativeDateToISOString = DatePrototype.toISOString;
	var thisTimeValue = uncurryThis$3(DatePrototype.getTime);
	var getUTCDate = uncurryThis$3(DatePrototype.getUTCDate);
	var getUTCFullYear = uncurryThis$3(DatePrototype.getUTCFullYear);
	var getUTCHours = uncurryThis$3(DatePrototype.getUTCHours);
	var getUTCMilliseconds = uncurryThis$3(DatePrototype.getUTCMilliseconds);
	var getUTCMinutes = uncurryThis$3(DatePrototype.getUTCMinutes);
	var getUTCMonth = uncurryThis$3(DatePrototype.getUTCMonth);
	var getUTCSeconds = uncurryThis$3(DatePrototype.getUTCSeconds);

	// `Date.prototype.toISOString` method implementation
	// https://tc39.es/ecma262/#sec-date.prototype.toisostring
	// PhantomJS / old WebKit fails here:
	var dateToIsoString = (fails$4(function () {
	  return nativeDateToISOString.call(new Date(-5e13 - 1)) != '0385-07-25T07:06:39.999Z';
	}) || !fails$4(function () {
	  nativeDateToISOString.call(new Date(NaN));
	})) ? function toISOString() {
	  if (!$isFinite(thisTimeValue(this))) throw $RangeError('Invalid time value');
	  var date = this;
	  var year = getUTCFullYear(date);
	  var milliseconds = getUTCMilliseconds(date);
	  var sign = year < 0 ? '-' : year > 9999 ? '+' : '';
	  return sign + padStart(abs(year), sign ? 6 : 4, 0) +
	    '-' + padStart(getUTCMonth(date) + 1, 2, 0) +
	    '-' + padStart(getUTCDate(date), 2, 0) +
	    'T' + padStart(getUTCHours(date), 2, 0) +
	    ':' + padStart(getUTCMinutes(date), 2, 0) +
	    ':' + padStart(getUTCSeconds(date), 2, 0) +
	    '.' + padStart(milliseconds, 3, 0) +
	    'Z';
	} : nativeDateToISOString;

	var $$8 = _export;
	var toISOString = dateToIsoString;

	// `Date.prototype.toISOString` method
	// https://tc39.es/ecma262/#sec-date.prototype.toisostring
	// PhantomJS / old WebKit has a broken implementations
	$$8({ target: 'Date', proto: true, forced: Date.prototype.toISOString !== toISOString }, {
	  toISOString: toISOString
	});

	var $$7 = _export;
	var NativePromiseConstructor = promiseNativeConstructor;
	var fails$3 = fails$I;
	var getBuiltIn$4 = getBuiltIn$e;
	var isCallable = isCallable$u;
	var speciesConstructor = speciesConstructor$2;
	var promiseResolve = promiseResolve$2;
	var defineBuiltIn$1 = defineBuiltIn$g;

	var NativePromisePrototype = NativePromiseConstructor && NativePromiseConstructor.prototype;

	// Safari bug https://bugs.webkit.org/show_bug.cgi?id=200829
	var NON_GENERIC = !!NativePromiseConstructor && fails$3(function () {
	  // eslint-disable-next-line unicorn/no-thenable -- required for testing
	  NativePromisePrototype['finally'].call({ then: function () { /* empty */ } }, function () { /* empty */ });
	});

	// `Promise.prototype.finally` method
	// https://tc39.es/ecma262/#sec-promise.prototype.finally
	$$7({ target: 'Promise', proto: true, real: true, forced: NON_GENERIC }, {
	  'finally': function (onFinally) {
	    var C = speciesConstructor(this, getBuiltIn$4('Promise'));
	    var isFunction = isCallable(onFinally);
	    return this.then(
	      isFunction ? function (x) {
	        return promiseResolve(C, onFinally()).then(function () { return x; });
	      } : onFinally,
	      isFunction ? function (e) {
	        return promiseResolve(C, onFinally()).then(function () { throw e; });
	      } : onFinally
	    );
	  }
	});

	// makes sure that native promise-based APIs `Promise#finally` properly works with patched `Promise#then`
	if (isCallable(NativePromiseConstructor)) {
	  var method = getBuiltIn$4('Promise').prototype['finally'];
	  if (NativePromisePrototype['finally'] !== method) {
	    defineBuiltIn$1(NativePromisePrototype, 'finally', method, { unsafe: true });
	  }
	}

	var DESCRIPTORS$2 = descriptors;
	var FUNCTION_NAME_EXISTS = functionName.EXISTS;
	var uncurryThis$2 = functionUncurryThis;
	var defineBuiltInAccessor$1 = defineBuiltInAccessor$6;

	var FunctionPrototype = Function.prototype;
	var functionToString = uncurryThis$2(FunctionPrototype.toString);
	var nameRE = /function\b(?:\s|\/\*[\S\s]*?\*\/|\/\/[^\n\r]*[\n\r]+)*([^\s(/]*)/;
	var regExpExec = uncurryThis$2(nameRE.exec);
	var NAME = 'name';

	// Function instances `.name` property
	// https://tc39.es/ecma262/#sec-function-instances-name
	if (DESCRIPTORS$2 && !FUNCTION_NAME_EXISTS) {
	  defineBuiltInAccessor$1(FunctionPrototype, NAME, {
	    configurable: true,
	    get: function () {
	      try {
	        return regExpExec(nameRE, functionToString(this))[1];
	      } catch (error) {
	        return '';
	      }
	    }
	  });
	}

	/* eslint-disable es/no-array-prototype-lastindexof -- safe */
	var apply = functionApply;
	var toIndexedObject = toIndexedObject$a;
	var toIntegerOrInfinity = toIntegerOrInfinity$7;
	var lengthOfArrayLike = lengthOfArrayLike$b;
	var arrayMethodIsStrict = arrayMethodIsStrict$7;

	var min = Math.min;
	var $lastIndexOf = [].lastIndexOf;
	var NEGATIVE_ZERO = !!$lastIndexOf && 1 / [1].lastIndexOf(1, -0) < 0;
	var STRICT_METHOD = arrayMethodIsStrict('lastIndexOf');
	var FORCED = NEGATIVE_ZERO || !STRICT_METHOD;

	// `Array.prototype.lastIndexOf` method implementation
	// https://tc39.es/ecma262/#sec-array.prototype.lastindexof
	var arrayLastIndexOf = FORCED ? function lastIndexOf(searchElement /* , fromIndex = @[*-1] */) {
	  // convert -0 to +0
	  if (NEGATIVE_ZERO) return apply($lastIndexOf, this, arguments) || 0;
	  var O = toIndexedObject(this);
	  var length = lengthOfArrayLike(O);
	  var index = length - 1;
	  if (arguments.length > 1) index = min(index, toIntegerOrInfinity(arguments[1]));
	  if (index < 0) index = length + index;
	  for (;index >= 0; index--) if (index in O && O[index] === searchElement) return index || 0;
	  return -1;
	} : $lastIndexOf;

	var $$6 = _export;
	var lastIndexOf = arrayLastIndexOf;

	// `Array.prototype.lastIndexOf` method
	// https://tc39.es/ecma262/#sec-array.prototype.lastindexof
	// eslint-disable-next-line es/no-array-prototype-lastindexof -- required for testing
	$$6({ target: 'Array', proto: true, forced: lastIndexOf !== [].lastIndexOf }, {
	  lastIndexOf: lastIndexOf
	});

	var itoc = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
	var ctoi$1 = {};

	for (var index = 0; index < 66; index++) ctoi$1[itoc.charAt(index)] = index;

	var base64Map = {
	  itoc: itoc,
	  ctoi: ctoi$1
	};

	var $$5 = _export;
	var global$2 = global$y;
	var getBuiltIn$3 = getBuiltIn$e;
	var uncurryThis$1 = functionUncurryThis;
	var call = functionCall;
	var fails$2 = fails$I;
	var toString$1 = toString$i;
	var hasOwn$2 = hasOwnProperty_1;
	var validateArgumentsLength = validateArgumentsLength$5;
	var ctoi = base64Map.ctoi;

	var disallowed = /[^\d+/a-z]/i;
	var whitespaces = /[\t\n\f\r ]+/g;
	var finalEq = /[=]{1,2}$/;

	var $atob = getBuiltIn$3('atob');
	var fromCharCode = String.fromCharCode;
	var charAt = uncurryThis$1(''.charAt);
	var replace$1 = uncurryThis$1(''.replace);
	var exec = uncurryThis$1(disallowed.exec);

	var NO_SPACES_IGNORE = fails$2(function () {
	  return $atob(' ') !== '';
	});

	var NO_ENCODING_CHECK = !fails$2(function () {
	  $atob('a');
	});

	var NO_ARG_RECEIVING_CHECK = !NO_SPACES_IGNORE && !NO_ENCODING_CHECK && !fails$2(function () {
	  $atob();
	});

	var WRONG_ARITY = !NO_SPACES_IGNORE && !NO_ENCODING_CHECK && $atob.length !== 1;

	// `atob` method
	// https://html.spec.whatwg.org/multipage/webappapis.html#dom-atob
	$$5({ global: true, bind: true, enumerable: true, forced: NO_SPACES_IGNORE || NO_ENCODING_CHECK || NO_ARG_RECEIVING_CHECK || WRONG_ARITY }, {
	  atob: function atob(data) {
	    validateArgumentsLength(arguments.length, 1);
	    // `webpack` dev server bug on IE global methods - use call(fn, global, ...)
	    if (NO_ARG_RECEIVING_CHECK || WRONG_ARITY) return call($atob, global$2, data);
	    var string = replace$1(toString$1(data), whitespaces, '');
	    var output = '';
	    var position = 0;
	    var bc = 0;
	    var chr, bs;
	    if (string.length % 4 == 0) {
	      string = replace$1(string, finalEq, '');
	    }
	    if (string.length % 4 == 1 || exec(disallowed, string)) {
	      throw new (getBuiltIn$3('DOMException'))('The string is not correctly encoded', 'InvalidCharacterError');
	    }
	    while (chr = charAt(string, position++)) {
	      if (hasOwn$2(ctoi, chr)) {
	        bs = bc % 4 ? bs * 64 + ctoi[chr] : ctoi[chr];
	        if (bc++ % 4) output += fromCharCode(255 & bs >> (-2 * bc & 6));
	      }
	    } return output;
	  }
	});

	var IS_NODE = engineIsNode;

	var tryNodeRequire$1 = function (name) {
	  try {
	    // eslint-disable-next-line no-new-func -- safe
	    if (IS_NODE) return Function('return require("' + name + '")')();
	  } catch (error) { /* empty */ }
	};

	var domExceptionConstants = {
	  IndexSizeError: { s: 'INDEX_SIZE_ERR', c: 1, m: 1 },
	  DOMStringSizeError: { s: 'DOMSTRING_SIZE_ERR', c: 2, m: 0 },
	  HierarchyRequestError: { s: 'HIERARCHY_REQUEST_ERR', c: 3, m: 1 },
	  WrongDocumentError: { s: 'WRONG_DOCUMENT_ERR', c: 4, m: 1 },
	  InvalidCharacterError: { s: 'INVALID_CHARACTER_ERR', c: 5, m: 1 },
	  NoDataAllowedError: { s: 'NO_DATA_ALLOWED_ERR', c: 6, m: 0 },
	  NoModificationAllowedError: { s: 'NO_MODIFICATION_ALLOWED_ERR', c: 7, m: 1 },
	  NotFoundError: { s: 'NOT_FOUND_ERR', c: 8, m: 1 },
	  NotSupportedError: { s: 'NOT_SUPPORTED_ERR', c: 9, m: 1 },
	  InUseAttributeError: { s: 'INUSE_ATTRIBUTE_ERR', c: 10, m: 1 },
	  InvalidStateError: { s: 'INVALID_STATE_ERR', c: 11, m: 1 },
	  SyntaxError: { s: 'SYNTAX_ERR', c: 12, m: 1 },
	  InvalidModificationError: { s: 'INVALID_MODIFICATION_ERR', c: 13, m: 1 },
	  NamespaceError: { s: 'NAMESPACE_ERR', c: 14, m: 1 },
	  InvalidAccessError: { s: 'INVALID_ACCESS_ERR', c: 15, m: 1 },
	  ValidationError: { s: 'VALIDATION_ERR', c: 16, m: 0 },
	  TypeMismatchError: { s: 'TYPE_MISMATCH_ERR', c: 17, m: 1 },
	  SecurityError: { s: 'SECURITY_ERR', c: 18, m: 1 },
	  NetworkError: { s: 'NETWORK_ERR', c: 19, m: 1 },
	  AbortError: { s: 'ABORT_ERR', c: 20, m: 1 },
	  URLMismatchError: { s: 'URL_MISMATCH_ERR', c: 21, m: 1 },
	  QuotaExceededError: { s: 'QUOTA_EXCEEDED_ERR', c: 22, m: 1 },
	  TimeoutError: { s: 'TIMEOUT_ERR', c: 23, m: 1 },
	  InvalidNodeTypeError: { s: 'INVALID_NODE_TYPE_ERR', c: 24, m: 1 },
	  DataCloneError: { s: 'DATA_CLONE_ERR', c: 25, m: 1 }
	};

	var $$4 = _export;
	var tryNodeRequire = tryNodeRequire$1;
	var getBuiltIn$2 = getBuiltIn$e;
	var fails$1 = fails$I;
	var create = objectCreate;
	var createPropertyDescriptor$1 = createPropertyDescriptor$8;
	var defineProperty$1 = objectDefineProperty.f;
	var defineBuiltIn = defineBuiltIn$g;
	var defineBuiltInAccessor = defineBuiltInAccessor$6;
	var hasOwn$1 = hasOwnProperty_1;
	var anInstance$1 = anInstance$8;
	var anObject = anObject$l;
	var errorToString = errorToString$2;
	var normalizeStringArgument$1 = normalizeStringArgument$4;
	var DOMExceptionConstants$1 = domExceptionConstants;
	var clearErrorStack$1 = errorStackClear;
	var InternalStateModule = internalState;
	var DESCRIPTORS$1 = descriptors;

	var DOM_EXCEPTION$2 = 'DOMException';
	var DATA_CLONE_ERR = 'DATA_CLONE_ERR';
	var Error$2 = getBuiltIn$2('Error');
	// NodeJS < 17.0 does not expose `DOMException` to global
	var NativeDOMException$1 = getBuiltIn$2(DOM_EXCEPTION$2) || (function () {
	  try {
	    // NodeJS < 15.0 does not expose `MessageChannel` to global
	    var MessageChannel = getBuiltIn$2('MessageChannel') || tryNodeRequire('worker_threads').MessageChannel;
	    // eslint-disable-next-line es/no-weak-map, unicorn/require-post-message-target-origin -- safe
	    new MessageChannel().port1.postMessage(new WeakMap());
	  } catch (error) {
	    if (error.name == DATA_CLONE_ERR && error.code == 25) return error.constructor;
	  }
	})();
	var NativeDOMExceptionPrototype = NativeDOMException$1 && NativeDOMException$1.prototype;
	var ErrorPrototype = Error$2.prototype;
	var setInternalState = InternalStateModule.set;
	var getInternalState = InternalStateModule.getterFor(DOM_EXCEPTION$2);
	var HAS_STACK = 'stack' in Error$2(DOM_EXCEPTION$2);

	var codeFor = function (name) {
	  return hasOwn$1(DOMExceptionConstants$1, name) && DOMExceptionConstants$1[name].m ? DOMExceptionConstants$1[name].c : 0;
	};

	var $DOMException$1 = function DOMException() {
	  anInstance$1(this, DOMExceptionPrototype$1);
	  var argumentsLength = arguments.length;
	  var message = normalizeStringArgument$1(argumentsLength < 1 ? undefined : arguments[0]);
	  var name = normalizeStringArgument$1(argumentsLength < 2 ? undefined : arguments[1], 'Error');
	  var code = codeFor(name);
	  setInternalState(this, {
	    type: DOM_EXCEPTION$2,
	    name: name,
	    message: message,
	    code: code
	  });
	  if (!DESCRIPTORS$1) {
	    this.name = name;
	    this.message = message;
	    this.code = code;
	  }
	  if (HAS_STACK) {
	    var error = Error$2(message);
	    error.name = DOM_EXCEPTION$2;
	    defineProperty$1(this, 'stack', createPropertyDescriptor$1(1, clearErrorStack$1(error.stack, 1)));
	  }
	};

	var DOMExceptionPrototype$1 = $DOMException$1.prototype = create(ErrorPrototype);

	var createGetterDescriptor = function (get) {
	  return { enumerable: true, configurable: true, get: get };
	};

	var getterFor = function (key) {
	  return createGetterDescriptor(function () {
	    return getInternalState(this)[key];
	  });
	};

	if (DESCRIPTORS$1) {
	  // `DOMException.prototype.code` getter
	  defineBuiltInAccessor(DOMExceptionPrototype$1, 'code', getterFor('code'));
	  // `DOMException.prototype.message` getter
	  defineBuiltInAccessor(DOMExceptionPrototype$1, 'message', getterFor('message'));
	  // `DOMException.prototype.name` getter
	  defineBuiltInAccessor(DOMExceptionPrototype$1, 'name', getterFor('name'));
	}

	defineProperty$1(DOMExceptionPrototype$1, 'constructor', createPropertyDescriptor$1(1, $DOMException$1));

	// FF36- DOMException is a function, but can't be constructed
	var INCORRECT_CONSTRUCTOR = fails$1(function () {
	  return !(new NativeDOMException$1() instanceof Error$2);
	});

	// Safari 10.1 / Chrome 32- / IE8- DOMException.prototype.toString bugs
	var INCORRECT_TO_STRING = INCORRECT_CONSTRUCTOR || fails$1(function () {
	  return ErrorPrototype.toString !== errorToString || String(new NativeDOMException$1(1, 2)) !== '2: 1';
	});

	// Deno 1.6.3- DOMException.prototype.code just missed
	var INCORRECT_CODE = INCORRECT_CONSTRUCTOR || fails$1(function () {
	  return new NativeDOMException$1(1, 'DataCloneError').code !== 25;
	});

	// Deno 1.6.3- DOMException constants just missed
	INCORRECT_CONSTRUCTOR
	  || NativeDOMException$1[DATA_CLONE_ERR] !== 25
	  || NativeDOMExceptionPrototype[DATA_CLONE_ERR] !== 25;

	var FORCED_CONSTRUCTOR$1 = INCORRECT_CONSTRUCTOR;

	// `DOMException` constructor
	// https://webidl.spec.whatwg.org/#idl-DOMException
	$$4({ global: true, constructor: true, forced: FORCED_CONSTRUCTOR$1 }, {
	  DOMException: FORCED_CONSTRUCTOR$1 ? $DOMException$1 : NativeDOMException$1
	});

	var PolyfilledDOMException$1 = getBuiltIn$2(DOM_EXCEPTION$2);
	var PolyfilledDOMExceptionPrototype$1 = PolyfilledDOMException$1.prototype;

	if (INCORRECT_TO_STRING && (NativeDOMException$1 === PolyfilledDOMException$1)) {
	  defineBuiltIn(PolyfilledDOMExceptionPrototype$1, 'toString', errorToString);
	}

	if (INCORRECT_CODE && DESCRIPTORS$1 && NativeDOMException$1 === PolyfilledDOMException$1) {
	  defineBuiltInAccessor(PolyfilledDOMExceptionPrototype$1, 'code', createGetterDescriptor(function () {
	    return codeFor(anObject(this).name);
	  }));
	}

	// `DOMException` constants
	for (var key$1 in DOMExceptionConstants$1) if (hasOwn$1(DOMExceptionConstants$1, key$1)) {
	  var constant$1 = DOMExceptionConstants$1[key$1];
	  var constantName$1 = constant$1.s;
	  var descriptor$1 = createPropertyDescriptor$1(6, constant$1.c);
	  if (!hasOwn$1(PolyfilledDOMException$1, constantName$1)) {
	    defineProperty$1(PolyfilledDOMException$1, constantName$1, descriptor$1);
	  }
	  if (!hasOwn$1(PolyfilledDOMExceptionPrototype$1, constantName$1)) {
	    defineProperty$1(PolyfilledDOMExceptionPrototype$1, constantName$1, descriptor$1);
	  }
	}

	var $$3 = _export;
	var global$1 = global$y;
	var getBuiltIn$1 = getBuiltIn$e;
	var createPropertyDescriptor = createPropertyDescriptor$8;
	var defineProperty = objectDefineProperty.f;
	var hasOwn = hasOwnProperty_1;
	var anInstance = anInstance$8;
	var inheritIfRequired = inheritIfRequired$4;
	var normalizeStringArgument = normalizeStringArgument$4;
	var DOMExceptionConstants = domExceptionConstants;
	var clearErrorStack = errorStackClear;
	var DESCRIPTORS = descriptors;

	var DOM_EXCEPTION$1 = 'DOMException';
	var Error$1 = getBuiltIn$1('Error');
	var NativeDOMException = getBuiltIn$1(DOM_EXCEPTION$1);

	var $DOMException = function DOMException() {
	  anInstance(this, DOMExceptionPrototype);
	  var argumentsLength = arguments.length;
	  var message = normalizeStringArgument(argumentsLength < 1 ? undefined : arguments[0]);
	  var name = normalizeStringArgument(argumentsLength < 2 ? undefined : arguments[1], 'Error');
	  var that = new NativeDOMException(message, name);
	  var error = Error$1(message);
	  error.name = DOM_EXCEPTION$1;
	  defineProperty(that, 'stack', createPropertyDescriptor(1, clearErrorStack(error.stack, 1)));
	  inheritIfRequired(that, this, $DOMException);
	  return that;
	};

	var DOMExceptionPrototype = $DOMException.prototype = NativeDOMException.prototype;

	var ERROR_HAS_STACK = 'stack' in Error$1(DOM_EXCEPTION$1);
	var DOM_EXCEPTION_HAS_STACK = 'stack' in new NativeDOMException(1, 2);

	// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
	var descriptor = NativeDOMException && DESCRIPTORS && Object.getOwnPropertyDescriptor(global$1, DOM_EXCEPTION$1);

	// Bun ~ 0.1.1 DOMException have incorrect descriptor and we can't redefine it
	// https://github.com/Jarred-Sumner/bun/issues/399
	var BUGGY_DESCRIPTOR = !!descriptor && !(descriptor.writable && descriptor.configurable);

	var FORCED_CONSTRUCTOR = ERROR_HAS_STACK && !BUGGY_DESCRIPTOR && !DOM_EXCEPTION_HAS_STACK;

	// `DOMException` constructor patch for `.stack` where it's required
	// https://webidl.spec.whatwg.org/#es-DOMException-specialness
	$$3({ global: true, constructor: true, forced: FORCED_CONSTRUCTOR }, { // TODO: fix export logic
	  DOMException: FORCED_CONSTRUCTOR ? $DOMException : NativeDOMException
	});

	var PolyfilledDOMException = getBuiltIn$1(DOM_EXCEPTION$1);
	var PolyfilledDOMExceptionPrototype = PolyfilledDOMException.prototype;

	if (PolyfilledDOMExceptionPrototype.constructor !== PolyfilledDOMException) {
	  {
	    defineProperty(PolyfilledDOMExceptionPrototype, 'constructor', createPropertyDescriptor(1, PolyfilledDOMException));
	  }

	  for (var key in DOMExceptionConstants) if (hasOwn(DOMExceptionConstants, key)) {
	    var constant = DOMExceptionConstants[key];
	    var constantName = constant.s;
	    if (!hasOwn(PolyfilledDOMException, constantName)) {
	      defineProperty(PolyfilledDOMException, constantName, createPropertyDescriptor(6, constant.c));
	    }
	  }
	}

	var getBuiltIn = getBuiltIn$e;
	var setToStringTag = setToStringTag$7;

	var DOM_EXCEPTION = 'DOMException';

	// `DOMException.prototype[@@toStringTag]` property
	setToStringTag(getBuiltIn(DOM_EXCEPTION), DOM_EXCEPTION);

	var uncurryThis = functionUncurryThis;
	var requireObjectCoercible = requireObjectCoercible$b;
	var toString = toString$i;

	var quot = /"/g;
	var replace = uncurryThis(''.replace);

	// `CreateHTML` abstract operation
	// https://tc39.es/ecma262/#sec-createhtml
	var createHtml = function (string, tag, attribute, value) {
	  var S = toString(requireObjectCoercible(string));
	  var p1 = '<' + tag;
	  if (attribute !== '') p1 += ' ' + attribute + '="' + replace(toString(value), quot, '&quot;') + '"';
	  return p1 + '>' + S + '</' + tag + '>';
	};

	var fails = fails$I;

	// check the existence of a method, lowercase
	// of a tag and escaping quotes in arguments
	var stringHtmlForced = function (METHOD_NAME) {
	  return fails(function () {
	    var test = ''[METHOD_NAME]('"');
	    return test !== test.toLowerCase() || test.split('"').length > 3;
	  });
	};

	var $$2 = _export;
	var createHTML$1 = createHtml;
	var forcedStringHTMLMethod$1 = stringHtmlForced;

	// `String.prototype.sub` method
	// https://tc39.es/ecma262/#sec-string.prototype.sub
	$$2({ target: 'String', proto: true, forced: forcedStringHTMLMethod$1('sub') }, {
	  sub: function sub() {
	    return createHTML$1(this, 'sub', '', '');
	  }
	});

	// Send the getClock request every 30 seconds of inactivity
	var livePersonGetClockInterval = 30000;

	// Error types
	var LPErrorTypes = {
	  GET_JWT_TIMEOUT: 'GET_JWT_TIMEOUT',
	  INIT_WS_TIMEOUT: 'INIT_WS_TIMEOUT',
	  ACCEPT_STATUS_TIMEOUT: 'ACCEPT_STATUS_TIMEOUT',
	  INIT_CONNECTION_TIMEOUT: 'INIT_CONNECTION_TIMEOUT',
	  SUBSCRIBE_EX_CONVERSATIONS_TIMEOUT: 'SUBSCRIBE_EX_CONVERSATIONS_TIMEOUT',
	  UNSUBSCRIBE_EX_CONVERSATIONS_TIMEOUT: 'UNSUBSCRIBE_EX_CONVERSATIONS_TIMEOUT',
	  CONSUMER_REQUEST_CONVERSATION_TIMEOUT: 'CONSUMER_REQUEST_CONVERSATION_TIMEOUT',
	  USER_CLOSE_CONVERSATION_TIMEOUT: 'USER_CLOSE_CONVERSATION_TIMEOUT',
	  SEND_MESSAGE_TIMEOUT: 'SEND_MESSAGE_TIMEOUT',
	  WEBSOCKET_NOT_OPEN: 'WEBSOCKET_NOT_OPEN'
	};

	/**
	 * LivePerson library
	 * Forked from https://codepen.io/liveperson/pen/oYyLJr
	 */
	var LPUtils = {
	  conversationStateTypes: {
	    OPEN: 'OPEN',
	    CLOSE: 'CLOSE'
	  },
	  conversationStageTypes: {
	    OPEN: 'OPEN',
	    CLOSE: 'CLOSE'
	  },
	  acceptStatusTypes: {
	    ACCEPT: 'ACCEPT',
	    READ: 'READ',
	    ACCESS: 'ACCESS',
	    NACK: 'NACK',
	    ACTION: 'ACTION'
	  },
	  getDomain: function getDomain(account, name) {
	    var domains = account.startsWith('le') ? 'hc1n.dev.lprnd.net' : 'adminlogin.liveperson.net';
	    var url = "https://" + domains + "/csdr/account/" + account + "/service/" + name + "/baseURI.lpCsds?version=1.0&cb=domainCallback";
	    return new Promise(function (res, rej) {
	      // Remove existing script tag if it exists
	      var existingScript = document.querySelector("script[src=\"" + url + "\"]");
	      if (existingScript) {
	        existingScript.remove();
	      }
	      var script = document.createElement('script');
	      script.src = url;
	      script.async = true;
	      script.addEventListener('error', function () {
	        return rej(new Error('Network error getting LivePerson domain'));
	      });
	      window.domainCallback = function (data) {
	        if (data.ResultSet && data.ResultSet.lpData && data.ResultSet.lpData[0] && data.ResultSet.lpData[0].lpServer) {
	          res(data.ResultSet.lpData[0].lpServer);
	        } else {
	          rej(new Error('Invalid response'));
	        }
	      };
	      document.body.append(script);
	    });
	  },
	  signup: function signup(account) {
	    return this.getDomain(account, 'idp').then(function (idpDomain) {
	      var url = "https://" + idpDomain + "/api/account/" + account + "/signup.jsonp?callback=callback";
	      return new Promise(function (res, rej) {
	        var script = document.createElement('script');
	        script.src = url;
	        script.async = true;
	        script.addEventListener('error', function () {
	          return rej(new Error('Network error'));
	        });
	        window.callback = function (idpResp) {
	          if (idpResp && idpResp.jwt) {
	            res(idpResp.jwt);
	          } else {
	            rej(new Error('Invalid response'));
	          }
	        };
	        document.body.append(script);
	      });
	    });
	  },
	  // fetch jwt from cookie object or create one
	  getJWT: function getJWT(account, cookieObject, cookieKey) {
	    var localJWT = cookieObject[cookieKey];
	    if (!localJWT) {
	      return this.signup(account).then(function (newJWT) {
	        return newJWT;
	      });
	    }
	    return localJWT;
	  },
	  engagement: {
	    buildSessionRequestBody: function buildSessionRequestBody(country, topic, leadId, ipAddress, pageId) {
	      var sessionRequestBody = {
	        appType: 'EXTERNAL'
	      };
	      if (pageId) {
	        sessionRequestBody = {
	          pageId: pageId
	        };
	      }
	      if (ipAddress) {
	        sessionRequestBody.appDetails = {
	          ipAddress: ipAddress
	        };
	      }
	      if (country || topic || leadId || ipAddress) {
	        sessionRequestBody.engagementAttributes = [];
	      }
	      if (!ipAddress && country) {
	        sessionRequestBody.engagementAttributes.push({
	          type: 'personal',
	          personal: {
	            language: country
	          }
	        });
	      }
	      if (topic || leadId) {
	        var leadAttribute = {
	          type: 'lead',
	          lead: {}
	        };
	        if (topic) {
	          leadAttribute.lead.topic = topic;
	        }
	        if (leadId) {
	          leadAttribute.lead.leadId = leadId;
	        }
	        sessionRequestBody.engagementAttributes.push(leadAttribute);
	      }
	      return sessionRequestBody;
	    },
	    createSession: function createSession(requestData) {
	      var account = requestData.account,
	        country = requestData.country,
	        topic = requestData.topic,
	        leadId = requestData.leadId,
	        ipAddress = requestData.ipAddress,
	        _requestData$visitorI = requestData.visitorId,
	        visitorId = _requestData$visitorI === void 0 ? null : _requestData$visitorI,
	        _requestData$sessionI = requestData.sessionId,
	        sessionId = _requestData$sessionI === void 0 ? null : _requestData$sessionI;
	      return new Promise(function (resolve, reject) {
	        LPUtils.getDomain(account, 'msdkgw').then(function (engagementDomain) {
	          var visitorIdPathParam = visitorId ? "/" + visitorId : '';
	          var sessionIdQueryParam = sessionId ? "&sid=" + sessionId : '';
	          var url = "https://" + engagementDomain + "/api/account/" + account + "/app/engagement/visitors" + visitorIdPathParam + "?v=1.0" + sessionIdQueryParam;
	          var requestBody = LPUtils.engagement.buildSessionRequestBody(country, topic, leadId, ipAddress);
	          fetch(url, {
	            body: JSON.stringify(requestBody),
	            method: 'POST',
	            headers: {
	              'Content-Type': 'application/json'
	            }
	          }).then(function (response) {
	            return response.json();
	          }).then(function (result) {
	            return resolve(result);
	          })["catch"](function (error) {
	            return reject(error);
	          });
	        });
	      });
	    },
	    updateSession: function updateSession(requestData) {
	      var account = requestData.account,
	        pageId = requestData.pageId,
	        visitorId = requestData.visitorId,
	        sessionId = requestData.sessionId,
	        country = requestData.country,
	        topic = requestData.topic,
	        leadId = requestData.leadId,
	        ipAddress = requestData.ipAddress;
	      if (!pageId || !visitorId || !sessionId) {
	        throw new Error('Required parameters are missing.');
	      }
	      return new Promise(function (resolve, reject) {
	        LPUtils.getDomain(account, 'msdkgw').then(function (engagementDomain) {
	          var url = "https://" + engagementDomain + "/api/account/" + account + "/app/engagement/visitors/" + visitorId + "?v=1.0&sid=" + sessionId;
	          var requestBody = LPUtils.engagement.buildSessionRequestBody(country, topic, leadId, ipAddress);
	          fetch(url, {
	            body: JSON.stringify(requestBody),
	            method: 'PUT',
	            headers: {
	              'Content-Type': 'application/json'
	            }
	          }).then(function (response) {
	            return resolve(response.status);
	          })["catch"](function (error) {
	            return reject(error);
	          });
	        });
	      });
	    }
	  },
	  waitFor: function waitFor(ms) {
	    return new Promise(function (resolve) {
	      setTimeout(resolve, ms);
	    });
	  },
	  /* eslint-disable no-unmodified-loop-condition */
	  /* eslint-disable no-await-in-loop */
	  /**
	   * Executes a polling function with exponential backoff retry strategy.
	   *
	   * @param {Function} pollingFunction - The function to be executed. Should return a promise.
	   * @param {Function} retryCondition - A function that determines whether to retry based on the response and error. Should return a boolean or a promise that resolves to a boolean.
	   * @param {Object} [options] - Optional settings.
	   * @param {Array} [options.args] - Arguments to pass to the polling function.
	   * @param {number} [options.maxRetries=3] - Maximum number of retry attempts.
	   * @param {number} [options.delayInSeconds=5] - Initial delay between retries in seconds.
	   * @param {number} [options.attemptNumber] - The current attempt number (used internally).
	   * @param {number} [options.nextInterval] - The next interval for retry (used internally).
	   * @param {number} [options.attemptsLeft] - The number of attempts left (used internally).
	   * @param {number} [options.pollingInterval] - The current polling interval (used internally).
	   * @returns {Promise<*>} - The response from the polling function if successful.
	   * @throws {Error} - Throws the last encountered error if all retries fail.
	   */
	  exponentialBackoff: function exponentialBackoff(pollingFunction, retryCondition, options) {
	    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
	      var maxRetries, delayInSeconds, attemptNumber, response, error, retry, args, retryFunction;
	      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
	        while (1) switch (_context2.prev = _context2.next) {
	          case 0:
	            maxRetries = 3;
	            delayInSeconds = 5;
	            attemptNumber = 0;
	            response = null;
	            error = null;
	            retry = false;
	            args = [];
	            if (!options) {
	              options = {};
	            }
	            if (!options.args) {
	              options.args = [];
	            }
	            args = options.args;
	            maxRetries = options.maxRetries || maxRetries;
	            delayInSeconds = options.delayInSeconds || delayInSeconds;
	            retryFunction = /*#__PURE__*/function () {
	              var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
	                return _regeneratorRuntime().wrap(function _callee$(_context) {
	                  while (1) switch (_context.prev = _context.next) {
	                    case 0:
	                      _context.prev = 0;
	                      attemptNumber++;
	                      _context.next = 4;
	                      return pollingFunction.apply(void 0, args);
	                    case 4:
	                      response = _context.sent;
	                      _context.next = 10;
	                      break;
	                    case 7:
	                      _context.prev = 7;
	                      _context.t0 = _context["catch"](0);
	                      error = _context.t0;
	                    case 10:
	                      options.attemptNumber = attemptNumber;
	                      options.nextInterval = delayInSeconds;
	                      options.attemptsLeft = maxRetries;
	                      if (!retryCondition) {
	                        _context.next = 19;
	                        break;
	                      }
	                      _context.next = 16;
	                      return retryCondition(response, error, options);
	                    case 16:
	                      _context.t1 = _context.sent;
	                      _context.next = 20;
	                      break;
	                    case 19:
	                      _context.t1 = !response || error;
	                    case 20:
	                      retry = _context.t1;
	                      args = options.args || [];
	                    case 22:
	                    case "end":
	                      return _context.stop();
	                  }
	                }, _callee, null, [[0, 7]]);
	              }));
	              return function retryFunction() {
	                return _ref.apply(this, arguments);
	              };
	            }();
	            _context2.next = 15;
	            return retryFunction();
	          case 15:
	            if (!(maxRetries > 0 && retry)) {
	              _context2.next = 27;
	              break;
	            }
	            response = null;
	            error = null;
	            options.pollingInterval = delayInSeconds;
	            _context2.next = 21;
	            return LPUtils.waitFor(delayInSeconds * 1000);
	          case 21:
	            delayInSeconds *= 2; // Exponential backoff
	            maxRetries--;
	            _context2.next = 25;
	            return retryFunction();
	          case 25:
	            _context2.next = 15;
	            break;
	          case 27:
	            if (!response) {
	              _context2.next = 29;
	              break;
	            }
	            return _context2.abrupt("return", response);
	          case 29:
	            throw error;
	          case 30:
	          case "end":
	            return _context2.stop();
	        }
	      }, _callee2);
	    }))();
	  }
	  /* eslint-enable no-unmodified-loop-condition */
	  /* eslint-enable no-await-in-loop */
	};
	var LPWs = /*#__PURE__*/function () {
	  LPWs.connect = function connect(url) {
	    return new LPWs(url)._connect();
	  };
	  LPWs.connectDebug = function connectDebug(url) {
	    return new LPWs(url, true)._connect();
	  };
	  function LPWs(url, debug) {
	    var _this = this;
	    this.getClockRequest = debounce(livePersonGetClockInterval, function () {
	      if (_this.debug && !_this.ws) {
	        console.log("[" + new Date().toLocaleString() + "] WebSocket is either not open yet or already closed.\n");
	      }
	      _this.getClock().then(function (resp) {
	        if (_this.debug) {
	          console.log("[" + new Date().toLocaleString() + "] WebSocket connection pong response: " + resp.code + "\n");
	        }
	      });
	    });
	    this.reqs = {};
	    this.subs = [];
	    this.publishContentCallbacks = [];
	    this.url = url;
	    this.debug = debug;
	  }
	  var _proto = LPWs.prototype;
	  _proto._connect = function _connect() {
	    var _this2 = this;
	    return new Promise(function (resolve, reject) {
	      var ws = new WebSocket(_this2.url);
	      _this2.ws = ws;
	      ws.addEventListener('open', function () {
	        return resolve(_this2);
	      });
	      ws.addEventListener('message', function (msg) {
	        return _this2.onmessage(msg);
	      });
	      ws.addEventListener('close', function (evt) {
	        return reject(evt);
	      });
	    });
	  };
	  _proto.request = function request(type, body, headers) {
	    var _this3 = this;
	    return new Promise(function (resolve, reject) {
	      var _obj$body$event, _obj$body$event2, _obj$body$event2$mess;
	      if (!_this3.ws) {
	        reject(new LPError(LPErrorTypes.WEBSOCKET_NOT_OPEN, 'LivePerson WebSocket connection is not open'));
	      }
	      var obj = {
	        kind: 'req',
	        type: type,
	        body: body || {},
	        id: (body == null ? void 0 : body.messageId) || Math.floor(Math.random() * 1e9),
	        headers: headers
	      };
	      _this3.reqs[obj.id] = function (type, code, body) {
	        return resolve({
	          type: type,
	          code: code,
	          body: body,
	          reqId: obj.id
	        });
	      };
	      var str = JSON.stringify(obj);
	      if (_this3.debug) console.log('sending: ' + str);
	      var timestampString = new Date().toISOString();

	      // If user is sending a message to LivePerson, notify handlers about the message object
	      if (obj.type === 'ms.PublishEvent' && ((_obj$body$event = obj.body.event) == null ? void 0 : _obj$body$event.type) === 'ContentEvent' && (_obj$body$event2 = obj.body.event) != null && (_obj$body$event2$mess = _obj$body$event2.message) != null && _obj$body$event2$mess.length) {
	        Promise.all(_this3.publishContentCallbacks.map(function (callback) {
	          return callback(obj, timestampString);
	        })).then(function () {
	          _this3.ws.send(str);
	        })["catch"](function (error) {
	          console.error('Error in publishContentCallbacks:', error);
	          reject(error);
	        });
	      } else {
	        _this3.ws.send(str);
	      }
	    });
	  };
	  _proto.onNotification = function onNotification(filterFunc, _onNotification) {
	    this.subs.push({
	      filter: filterFunc,
	      cb: _onNotification
	    });
	  };
	  _proto.onPublishContent = function onPublishContent(callback) {
	    this.publishContentCallbacks.push(callback);
	  };
	  _proto.toFuncName = function toFuncName(reqType) {
	    var str = reqType.slice(1 + reqType.lastIndexOf('.'));
	    return str.charAt(0).toLowerCase() + str.slice(1);
	  };
	  _proto.registerRequests = function registerRequests(arr) {
	    var _this4 = this;
	    arr.forEach(function (reqType) {
	      _this4[_this4.toFuncName(reqType)] = function (body, headers, id) {
	        return _this4.request(reqType, body, headers, id);
	      };
	    });
	  };
	  _proto.onmessage = function onmessage(msg) {
	    if (this.debug) console.log('recieved: ' + msg.data);
	    var obj = JSON.parse(msg.data);
	    if (obj.kind === 'resp') {
	      var id = obj.reqId;
	      delete obj.reqId;
	      delete obj.kind;
	      this.reqs[id].call(this, obj.type, obj.code, obj.body);
	      delete this.reqs[id];
	    } else if (obj.kind === 'notification') {
	      this.subs.forEach(function (sub) {
	        if (sub.filter.call(this, obj)) {
	          sub.cb.call(this, obj.body);
	        }
	      });
	    }

	    // Start the clock interval
	    this.getClockRequest();
	  };
	  return LPWs;
	}();
	var LPError = /*#__PURE__*/function (_Error) {
	  _inheritsLoose(LPError, _Error);
	  function LPError(type, message, data) {
	    var _this5;
	    if (data === void 0) {
	      data = {};
	    }
	    _this5 = _Error.call(this, message) || this;
	    _this5.type = type;
	    _this5.data = data;
	    return _this5;
	  }
	  return LPError;
	}( /*#__PURE__*/_wrapNativeSuper(Error));

	var aiSearchForms = [];
	var Selector$k = {
	  DATA_MOUNT: '[data-mount="ai-search-form"]',
	  SEARCH_INPUT: '.ai-search input[type="search"]',
	  SEARCH_INPUT_WRAPPPER: '.ai-search',
	  TAG_BUTTON: 'button.ai-chat-message--tag',
	  SUBMIT_BUTTON: 'button[type="submit"]'
	};
	var EventName$l = {
	  CLICK: 'click',
	  SUBMIT: 'submit',
	  ON_AI_SEARCH_FORM_SUBMIT: 'onAiSearchSubmit',
	  INPUT: 'input'
	};

	/**
	 * AI Search Form
	 */
	var _addEventHandlers$1 = /*#__PURE__*/_classPrivateFieldLooseKey("addEventHandlers");
	var AISearchForm = /*#__PURE__*/function () {
	  /**
	   * Create an AISearchForm instance
	   * @param {Object} opts - The AI Search form options.
	   * @param {HTMLElement} opts.el - The search form element.
	   * @param {HTMLElement} opts.searchInput - The search <input> element.
	   * @param {Array<HTMLElement>} opts.tagButtons - The tag buttons.
	   * @param {HTMLElement} opts.submitButton - The submit button.
	   */
	  function AISearchForm(_ref) {
	    var el = _ref.el,
	      searchInputWrapper = _ref.searchInputWrapper,
	      searchInput = _ref.searchInput,
	      tagButtons = _ref.tagButtons,
	      submitButton = _ref.submitButton;
	    /**
	     * Add event handlers.
	     */
	    Object.defineProperty(this, _addEventHandlers$1, {
	      value: _addEventHandlers2$1
	    });
	    this.el = el;
	    this.searchInputWrapper = searchInputWrapper || this.el.querySelector(Selector$k.SEARCH_INPUT_WRAPPPER);
	    this.searchInput = searchInput || this.el.querySelector(Selector$k.SEARCH_INPUT);
	    this.tagButtons = tagButtons || this.el.querySelectorAll(Selector$k.TAG_BUTTON);
	    this.submitButton = submitButton || this.el.querySelector(Selector$k.SUBMIT_BUTTON);
	    this.submitButton.disabled = !this.searchInput.value;
	    _classPrivateFieldLooseBase(this, _addEventHandlers$1)[_addEventHandlers$1]();
	    aiSearchForms.push(this);
	  }
	  var _proto = AISearchForm.prototype;
	  /**
	   * Handle input event on the search input. Disable submit button if search input is empty.
	   * @param {InputEvent} event Input event on the search input
	   */
	  _proto.onInput = function onInput(event) {
	    this.submitButton.disabled = !event.target.value;
	  }

	  /**
	   * Handle submit event on the search form. Fire custom event with search input value.
	   * @param {SubmitEvent} event Submit event on the search form
	   */;
	  _proto.onSubmit = function onSubmit(event) {
	    event.preventDefault();
	    if (!this.searchInput || !this.searchInput.value) {
	      return;
	    }

	    // Create and dispatch custom event
	    this[EventName$l.ON_AI_SEARCH_FORM_SUBMIT] = new CustomEvent(EventName$l.ON_AI_SEARCH_FORM_SUBMIT, {
	      bubbles: true,
	      detail: {
	        value: this.searchInput.value
	      }
	    });
	    this.el.dispatchEvent(this[EventName$l.ON_AI_SEARCH_FORM_SUBMIT]);
	  }

	  /**
	   * Handle click on tag button. Submit the text content of the tag button.
	   * @param {PointerEvent} event Click event on the buttton
	   */;
	  _proto.onClickTagButton = function onClickTagButton(event) {
	    event.preventDefault();
	    if (!this.searchInput || !event.target.textContent) {
	      return;
	    }
	    this.searchInput.value = event.target.textContent.trim();
	    this.el.dispatchEvent(new Event(EventName$l.SUBMIT));
	  }

	  /**
	   * Disable/enable search form elements.
	   * @param {Boolean} isDisabled - Whether to disable or enable web chat elements
	   */;
	  _proto.toggleDisabled = function toggleDisabled(isDisabled) {
	    this.submitButton.disabled = isDisabled ? true : !this.searchInput.value;
	    this.tagButtons.forEach(function (tagButton) {
	      tagButton.disabled = isDisabled;
	    });
	  }

	  /**
	   * Remove event handlers.
	   * @this AISearchForm
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);

	    // remove this reference from array of instances
	    var index = aiSearchForms.indexOf(this);
	    aiSearchForms.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$l.ON_REMOVE] = new CustomEvent(EventName$l.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$l.ON_REMOVE]);
	  }

	  /**
	   * Get instances.
	   * @returns {Object} A object instance
	   */;
	  AISearchForm.getInstances = function getInstances() {
	    return aiSearchForms;
	  };
	  return AISearchForm;
	}();
	function _addEventHandlers2$1() {
	  var _this = this;
	  this.events = [];
	  this.events.push({
	    el: this.el,
	    handler: this.onSubmit.bind(this),
	    type: EventName$l.SUBMIT
	  }, {
	    el: this.searchInput,
	    handler: this.onInput.bind(this),
	    type: EventName$l.INPUT
	  });
	  this.tagButtons.forEach(function (tagButton) {
	    _this.events.push({
	      el: tagButton,
	      handler: _this.onClickTagButton.bind(_this),
	      type: EventName$l.CLICK
	    });
	  });
	  Util$1.addEvents(this.events);
	}

	/**
	 * Private variables
	 */
	var aiChatDrawers = [];
	var uhfHeaderMarginBottomVal = 2;
	var azureWebsitesDomain = '.azurewebsites.net';
	var aemCloudDomain = '.adobeaemcloud.com';
	var isRunningLocally = window.location.port === '9002' || window.location.port === '4502' || window.location.port === '4503';
	var isAzureWebsites = window.location.hostname.includes(azureWebsitesDomain);
	var isAemCloud = window.location.hostname.includes(aemCloudDomain);
	var livePersonApiRequestTypes = ['GetClock', 'cqm.SubscribeExConversations', 'cqm.UnsubscribeExConversations', 'ms.PublishEvent', 'cm.ConsumerRequestConversation', 'ms.SubscribeMessagingEvents', 'InitConnection', 'cm.UpdateConversationField'];
	var livePersonChatStateTypes = {
	  DEFAULT: 0,
	  ACTIVE: 'ACTIVE',
	  INACTIVE: 'INACTIVE',
	  GONE: 'GONE',
	  COMPOSING: 'COMPOSING',
	  PAUSE: 'PAUSE'
	};
	var livePersonUserComposingDelay = 3000; // User starts composing again after 3 seconds of inactivity
	var livePersonUserPauseDelay = 3000; // User state will be set to PAUSE after 3 seconds of inactivity
	var livePersonResponseTimeout = 5000; // Wait 5 seconds before retrying a request to LP

	// Wait a second before user can click a chat link again to avoid chat with sales button/link spamming
	var debouncedChatActionTypeLinkClickDelay = 1000;

	// JsonPollock script source for LivePerson post-chat survey rendering
	var jsonPollockScriptSrc = 'https://www.microsoft.com/msonecloudapi/assets/json-pollock.bundle.min.js';

	/**
	 * Private functions
	 */

	/**
	 * Get the domain for the cookie.
	 * @returns {string} The domain for the cookie.
	 */
	function getCookieDomain() {
	  // If on localhost or your IP, or on extensions PROD, or on Azure Websites or AEM Cloud, use the hostname.
	  if (isRunningLocally || isAzureWebsites || isAemCloud) {
	    return window.location.hostname;
	  }

	  // PROD
	  return '.microsoft.com';
	}

	/**
	 * Get the base endpoint for the data connector for communicating with Microsoft OneCloud API.
	 * This is only used for LivePerson at the moment.
	 * @param {string} protocol The protocol to use for the endpoint. Examples: 'https:' or 'wss:'
	 * @returns {string} The base endpoint for the data connector.
	 */
	function getDataConnectorBaseEndpoint(protocol) {
	  if (isRunningLocally) {
	    return protocol + "//webassistant-dev.microsoft.com"; // Dev endpoint
	  }

	  if (isAzureWebsites) {
	    return protocol + "//webassistant-ppe.microsoft.com"; // PPE endpoint
	  }

	  return protocol + "//webassistant-prod.microsoft.com"; // PROD endpoint
	}

	/**
	 * LivePerson private functions
	 */
	function withSubscriptionID(subscriptionID) {
	  return function (notif) {
	    return notif.body.subscriptionId === subscriptionID;
	  };
	}
	function withType(type) {
	  return function (notif) {
	    return notif.type.includes(type);
	  };
	}

	/**
	 * Selectors
	 */
	var Selector$j = {
	  DATA_MOUNT: '[data-mount="ai-chat-drawer"]',
	  AI_CHAT_BUTTON: '.ai-chat-button',
	  AI_CHAT_BUTTON_TEXT: '.ai-chat-button__text',
	  AI_CHAT_BUTTON_HEADER_TEXT: '.ai-chat-button .ai-chat-button__text span',
	  AI_CHAT_BUTTON_ANCHOR: '.ai-chat-button a',
	  AI_CHAT_BUTTON_DATA_MOUNT: '[data-mount="ai-chat-button"]',
	  ARTICLE: 'article',
	  BLOCK_FEATURE_TITLE: '.block-feature__title',
	  CHAT_ACTION_TYPE_LINK: '[data-oc-chat]',
	  CLOSE_BUTTON: '.ai-chat-drawer__close',
	  DEFLECTION_FLOW_ELEMENT: '[id^="deflection-"]',
	  FEEDBACK_BUTTON: '.action--ai-feedback',
	  FOCUSABLE_ELEMENTS: 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]',
	  TAG_BUTTON: 'button.ai-chat-message--tag',
	  WEB_CHAT_CONTAINER: '.ai-chat-drawer__body__content__messages',
	  WEB_CHAT_SEND_BOX: '.webchat__send-box',
	  WEB_CHAT_SEND_BUTTON: '.webchat__send-button',
	  WEB_CHAT_ACTION_SET_BUTTONS: '.ac-actionSet button',
	  WEB_CHAT_TRANSCRIPT: '.webchat__basic-transcript',
	  WEB_CHAT_BUBBLE: '.webchat__bubble',
	  WEB_CHAT_BUBBLE_FROM_BOT: '.webchat__bubble:not(.webchat__bubble--from-user)',
	  WEB_CHAT_BUBBLE_FROM_USER: '.webchat__bubble--from-user',
	  WEB_CHAT_BUBBLE_CONTENT: '.webchat__bubble__content',
	  WEB_CHAT_STATUS: '.webchat__activity-status',
	  WEB_CHAT_TRANSCRIPT_TRANSCRIPT: '.webchat__basic-transcript__transcript',
	  UHF_HEADER: 'header',
	  UHF_HEADER_CONTAINER: '.universalheader, #headerArea',
	  UHF_MENU_NAV_EXPAND_ELEM: '#uhfCatLogoButton',
	  UHF_FOOTER: '.universalfooter, #footerArea',
	  SEND_TRANSCRIPT_CHECKBOX_CONTAINER: '[id^="sendTranscript"]',
	  STICKY_NAV: '#sticky-nav',
	  STICKY: '.sticky',
	  SURVEY_RESPONSE_STAR_SVG: '.survey-response-button-star',
	  POST_SURVEY_JSON_POLLOCK_BUTTON: 'div.lp-json-pollock-element-button button',
	  HEADER_CONTROLS: '.ai-chat-drawer__header__control'
	};

	/**
	 * Event names
	 */
	var EventName$k = {
	  CHANGE: 'change',
	  CLICK: 'click',
	  CLOSE: 'close',
	  INPUT: 'input',
	  KEYDOWN: 'keydown',
	  SCROLL: 'scroll',
	  SUBMIT: 'submit',
	  RESIZE: 'resize',
	  TRANSITION_END: 'transitionend',
	  WEBCHAT_CONNECT_INITIATED: 'webchatconnectinitiated',
	  WEBCHAT_CONNECT_FULFILLED: 'webchatconnectfulfilled',
	  WEBCHAT_MESSAGE_RECEIVED: 'webchatmessagereceived',
	  START_CONVERSATION_FULFILLED: 'startconversationfulfilled',
	  FEEDBACK_SENT: 'feedbackRequestSent',
	  LIVEPERSON_CHAT_START: 'startLPChat',
	  LIVEPERSON_MESSAGE_RENDERED: 'livePersonMessageRendered',
	  LIVEPERSON_SAVE_IDS: 'saveLPIDs',
	  GENERATE_REIMAGINE_UMP: 'generateReimagineUMP',
	  INSTANTIATED_BY_PROACTIVE_CHAT: 'instantiatedByProactiveChatEvent'
	};

	/**
	 * CSS classes
	 */
	var ClassName$d = {
	  AI_DISCLAIMER: 'ai-chat-drawer__disclaimer',
	  DISABLED: 'disabled',
	  DISPLAY_NONE: 'd-none',
	  FEEDBACK_BUTTON: 'action--ai-feedback',
	  GET_HEIGHT: 'get-height',
	  LP_SURVEY_QUESTIONNAIRE: 'lp-pcs-questionnaire',
	  LP_SURVEY_RICH_CONTENT: 'lp-pcs-richContent',
	  OVERFLOW_HIDDEN: 'overflow-hidden',
	  RETURN_TO_AI_CHAT: 'return-to-ai-chat',
	  SCREEN_READER_ONLY: 'sr-only',
	  SHOW: 'show',
	  STUCK: 'stuck',
	  SURVEY_RESPONSE_BUTTON_STAR: 'survey-response-button-star',
	  WEBCHAT_BUBBLE_CONTENT_FOLLOW_UP: 'webchat__bubble__content--follow-up',
	  WEBCHAT_BUBBLE_LP_SYSTEM_MESSAGE: 'webchat__bubble--lp-system-message'
	};

	/**
	 * Custom Attributes
	 */
	var Attributes$a = {
	  AI_CHAT_ACTION_TYPE_LINK: 'data-oc-ai-chat',
	  CHAT_ACTION_TYPE_LINK: 'data-oc-chat',
	  IS_HIDDEN: 'data-is-hidden'
	};

	/**
	 * Style options for WebChat
	 */
	var AIChatDrawerStyleOptions = {
	  // Basic styling
	  backgroundColor: 'var(--theme-background-neutral-fade)',
	  fontSizeSmall: '0.75rem',
	  monospaceFont: 'SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace',
	  primaryFont: 'inherit',
	  transitionDuration: '.3s',
	  // Bubble
	  bubbleBorderRadius: 'var(--root-radii-s)',
	  bubbleBorderWidth: 0,
	  bubbleFromUserBackground: 'var(--root-color-brilliant-blue-100)',
	  bubbleFromUserBorderRadius: 'var(--root-radii-s)',
	  bubbleFromUserBorderWidth: 0,
	  bubbleFromUserTextColor: 'var(--root-color-dark-slate-900)',
	  bubbleTextColor: 'var(--theme-foreground-base-subtle)',
	  // Send box
	  hideUploadButton: true,
	  sendBoxBackground: 'var(--theme-background-card-normal);',
	  sendBoxButtonColor: 'var(--theme-foreground-accent-subtle-normal)',
	  sendBoxButtonShadeColorOnActive: 'transparent',
	  sendBoxButtonKeyboardFocusIndicatorBorderColor: 'currentColor',
	  sendBoxButtonKeyboardFocusIndicatorBorderRadius: '0.5rem',
	  sendBoxButtonKeyboardFocusIndicatorBorderStyle: 'dotted',
	  sendBoxButtonKeyboardFocusIndicatorBorderWidth: '0.1875rem',
	  sendBoxButtonKeyboardFocusIndicatorInset: '0.375rem',
	  sendBoxDisabledTextColor: '#d2d2d2',
	  sendBoxButtonColorOnDisabled: '#d2d2d2',
	  sendBoxButtonShadeColorOnDisabled: 'transparent',
	  sendBoxHeight: 64,
	  sendBoxMaxHeight: 72,
	  sendBoxTextColor: 'Black',
	  sendBoxPlaceholderColor: 'var(--theme-foreground-base-subtle)',
	  sendBoxTextWrap: true,
	  // Timestamp
	  timestampColor: 'var(--root-color-dark-slate-400)'
	};

	/**
	 * Keys for cookies
	 */
	var StorageKeys = {
	  cookieName: 'ocrAIChat',
	  token: 'ocrAIChatToken',
	  tokenCreated: 'ocrAIChatTokenCreated',
	  tuid: 'tuid',
	  chatDrawerState: 'ocrAIChatDrawerState',
	  sourceSite: 'ocrAIChatDrawerSourceSite',
	  lpJWT: 'lpJWT',
	  lpOpenConvs: 'lpOpenConvs',
	  startLPChatActivityIds: 'startLPChatActivityIds',
	  lpSession: 'lpEngagementSession'
	};

	/**
	 * Constants for cookies
	 */
	var CookieConstants = {
	  domain: getCookieDomain(),
	  expiryDays: -1,
	  // Session cookie
	  secure: !isRunningLocally,
	  sameSite: 'Strict',
	  path: '/'
	};

	/**
	 * Feedback icon SVG constants
	 */
	var FEEDBACK_ICON_SVGS = {
	  POSITIVE_FILLED: "data:image/svg+xml,%3Csvg class='image is-down is-filled ___12fm75w f1w7gpdv fez10in fg4l7m0' fill='%230067b8' aria-hidden='true' width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.58 1.05c-.75-.2-1.34.35-1.55.87-.24.6-.45 1.02-.7 1.53-.16.3-.33.65-.53 1.09-.48 1-.95 1.65-1.3 2.04a4.06 4.06 0 0 1-.5.49h-.02L3.11 8.19a2 2 0 0 0-.86 2.43l.52 1.38a2 2 0 0 0 1.28 1.2l5.35 1.69a2.5 2.5 0 0 0 3.15-1.68l1.36-4.65A2 2 0 0 0 12 6h-1.38l.2-.74c.13-.56.24-1.2.23-1.74-.01-.5-.06-1.02-.27-1.46-.22-.48-.6-.83-1.19-1Zm-4.6 6.03Z' %3E%3C/path%3E%3C/svg%3E",
	  NEGATIVE_FILLED: "data:image/svg+xml,%3Csvg class='image is-down is-filled ___12fm75w f1w7gpdv fez10in fg4l7m0' fill='%230067b8' aria-hidden='true' width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1 4.62a3.5 3.5 0 0 0-4.38-2.73L3.77 3.27a2 2 0 0 0-1.43 1.56l-.23 1.2c-.16.87.46 1.64 1.16 1.93.25.1.55.25.85.46a8.22 8.22 0 0 1 3.02 3.92l.28.7c.14.38.28.73.41 1 .11.23.25.46.42.63.19.19.44.33.75.33.36 0 .67-.12.91-.34.24-.2.4-.48.5-.76.22-.55.29-1.25.3-1.9a14.73 14.73 0 0 0-.13-2h.51a2.5 2.5 0 0 0 2.46-2.96l-.46-2.42Z' %3E%3C/path%3E%3C/svg%3E",
	  FILLED_STAR_SVG: "data:image/svg+xml,%3Csvg class='image star-rating' width='24' height='24' viewBox='0 0 24 24' fill='%230078D4' stroke='%230078D4' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .587l3.668 7.57 8.332 1.228-6.038 5.938 1.425 8.283L12 18.617l-7.387 4.012 1.425-8.283-6.038-5.938 8.332-1.228z'/%3E%3C/svg%3E",
	  UNFILLED_STAR_SVG: "data:image/svg+xml,%3Csvg class='image star-rating' width='24' height='24' viewBox='0 0 24 24' fill='white' stroke='%230078D4' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .587l3.668 7.57 8.332 1.228-6.038 5.938 1.425 8.283L12 18.617l-7.387 4.012 1.425-8.283-6.038-5.938 8.332-1.228z'/%3E%3C/svg%3E"
	};

	/**
	 * BotFramework-WebChat notification levels
	 */
	var NotificationLevel = {
	  ERROR: 'error',
	  WARN: 'warn',
	  INFO: 'info',
	  SUCCESS: 'success'
	};

	/**
	 * Gets all set cookie values, if available.
	 * @returns {Record<string, string> | null} All cookie values.
	 */
	var getAllCookies = function getAllCookies() {
	  /** @type {Record<string, string>} */
	  var cookies = {};
	  document.cookie.split('; ').forEach(function (pair) {
	    var separatorIndex = pair.indexOf('=');
	    if (separatorIndex !== -1) {
	      var key = pair.slice(0, separatorIndex);
	      var value;
	      try {
	        value = decodeURIComponent(pair.slice(separatorIndex + 1));
	      } catch (error) {
	        console.error("Error decoding cookie value: " + error);
	        return;
	      }
	      cookies[key] = value;
	    }
	  });
	  if (Object.keys(cookies).length > 0) {
	    return cookies;
	  }
	  return null;
	};

	/**
	 * Gets a set cookie value for the key provided, if available.
	 * @param {string} key Cookie key.
	 * @returns {string | null} Cookie value, or null.
	 */
	var getCookie = function getCookie(key) {
	  var cookies;
	  try {
	    cookies = getAllCookies();
	  } catch (error) {
	    console.error("Error getting all cookies: " + error);
	    return null;
	  }
	  if (cookies && typeof cookies === 'object') {
	    var value = cookies[key];
	    if (value !== undefined) {
	      return value;
	    }
	  }
	  return null;
	};

	/**
	 * Sets a cookie with the provided key and value.
	 * @param {string} key Cookie key.
	 * @param {string} value Cookie value.
	 * @param {number} [expiryDays] Number of days before the cookie expires.
	 * @param {string} [domain] Domain for the cookie.
	 * @param {boolean} [secure] Whether the cookie is secure.
	 * @param {boolean} [httpOnly] Whether the cookie is HTTP only.
	 * @param {string} [sameSite] SameSite attribute for the cookie.
	 */
	var setCookie = function setCookie(key, value, expiryDays, domain, secure, httpOnly, sameSite, path) {
	  if (secure === void 0) {
	    secure = CookieConstants.secure;
	  }
	  if (httpOnly === void 0) {
	    httpOnly = false;
	  }
	  if (sameSite === void 0) {
	    sameSite = CookieConstants.sameSite;
	  }
	  if (path === void 0) {
	    path = CookieConstants.path;
	  }
	  if (typeof key !== 'string' || typeof value !== 'string' || typeof expiryDays !== 'number' || domain && typeof domain !== 'string') {
	    throw new Error('Error setting cookie: Invalid parameters.');
	  }
	  var expiryDate = null;
	  if (expiryDays > -1) {
	    expiryDate = new Date();
	    expiryDate.setTime(expiryDate.getTime() + expiryDays * 24 * 60 * 60 * 1000);
	  }
	  var cookieValue = key + "=" + encodeURIComponent(value);
	  var expiryString = expiryDate ? ";expires=" + expiryDate.toUTCString() : '';
	  var domainString = domain ? ";domain=" + domain : '';
	  var secureString = secure ? ';secure' : '';
	  var httpOnlyString = httpOnly ? ';httponly' : '';
	  var sameSiteString = ";samesite=" + sameSite;
	  var pathString = ";path=" + path;

	  // eslint-disable-next-line unicorn/no-document-cookie
	  document.cookie = cookieValue + expiryString + domainString + secureString + httpOnlyString + sameSiteString + pathString;
	};

	/**
	 * AI Chat Drawer
	 */
	var _UMP_HTML_TEMPLATE = /*#__PURE__*/_classPrivateFieldLooseKey("UMP_HTML_TEMPLATE");
	var _setDefaultValuesInMarkup = /*#__PURE__*/_classPrivateFieldLooseKey("setDefaultValuesInMarkup");
	var _setDefaultValuesAiChatButton = /*#__PURE__*/_classPrivateFieldLooseKey("setDefaultValuesAiChatButton");
	var _addEventHandlers = /*#__PURE__*/_classPrivateFieldLooseKey("addEventHandlers");
	var _initUhfIntersectionObserver = /*#__PURE__*/_classPrivateFieldLooseKey("initUhfIntersectionObserver");
	var _initStickyNavMutationObserver = /*#__PURE__*/_classPrivateFieldLooseKey("initStickyNavMutationObserver");
	var _initWebChatTranscriptObserver = /*#__PURE__*/_classPrivateFieldLooseKey("initWebChatTranscriptObserver");
	var _positionAiChatButton = /*#__PURE__*/_classPrivateFieldLooseKey("positionAiChatButton");
	var _positionAiChatDrawer = /*#__PURE__*/_classPrivateFieldLooseKey("positionAiChatDrawer");
	var _getAISearchFormInstance = /*#__PURE__*/_classPrivateFieldLooseKey("getAISearchFormInstance");
	var _resetSourceSiteUpdatePromise = /*#__PURE__*/_classPrivateFieldLooseKey("resetSourceSiteUpdatePromise");
	var _regenerateAIChatDrawerToken = /*#__PURE__*/_classPrivateFieldLooseKey("regenerateAIChatDrawerToken");
	var _generateDirectLineToken = /*#__PURE__*/_classPrivateFieldLooseKey("generateDirectLineToken");
	var _refreshDirectLineToken = /*#__PURE__*/_classPrivateFieldLooseKey("refreshDirectLineToken");
	var _setRefreshTimer = /*#__PURE__*/_classPrivateFieldLooseKey("setRefreshTimer");
	var _getLocale = /*#__PURE__*/_classPrivateFieldLooseKey("getLocale");
	var _initializeJsonPollock = /*#__PURE__*/_classPrivateFieldLooseKey("initializeJsonPollock");
	var _handlePageOpenState = /*#__PURE__*/_classPrivateFieldLooseKey("handlePageOpenState");
	var _getSourceSite = /*#__PURE__*/_classPrivateFieldLooseKey("getSourceSite");
	var _getLPEndpoint = /*#__PURE__*/_classPrivateFieldLooseKey("getLPEndpoint");
	var _getLivePersonIdFromJWT = /*#__PURE__*/_classPrivateFieldLooseKey("getLivePersonIdFromJWT");
	var AIChatDrawer = /*#__PURE__*/function () {
	  /**
	   * Create an AIChatDrawer instance
	   * @param {Object} opts - The AI Chat Drawer options.
	   * @param {HTMLElement} opts.el - The chat drawer element.
	   */
	  function AIChatDrawer(_ref) {
	    var _this = this,
	      _this$aiChatButton,
	      _this$getAIChatDrawer,
	      _this$getAIChatDrawer2,
	      _this$getAIChatDrawer3,
	      _this$getAIChatDrawer4;
	    var _el = _ref.el,
	      styleOptions = _ref.styleOptions;
	    /**
	     * Get LivePerson Id from JWT
	     *
	     * @returns {string | null} The LivePerson Id
	     */
	    Object.defineProperty(this, _getLivePersonIdFromJWT, {
	      value: _getLivePersonIdFromJWT2
	    });
	    /**
	     * Get the endpoint URL for the LivePerson API.
	     *
	     * @param {string} baseEndpoint The base endpoint URL.
	     * @param {string} path The path to append to the base endpoint URL.
	     *
	     * @returns {string} The full endpoint URL with path and query string if needed for CORS bypass.
	     */
	    Object.defineProperty(this, _getLPEndpoint, {
	      value: _getLPEndpoint2
	    });
	    /**
	     * Get the source site based on the current URL. Falls back to 'azure'.
	     * @returns {string} The source site.
	     */
	    Object.defineProperty(this, _getSourceSite, {
	      value: _getSourceSite2
	    });
	    /**
	     * Check lastState in cookies and open chat drawer if lastState is open.
	     * @returns {void}
	     */
	    Object.defineProperty(this, _handlePageOpenState, {
	      value: _handlePageOpenState2
	    });
	    /**
	     * Load JsonPollock script and initialize it.
	     */
	    Object.defineProperty(this, _initializeJsonPollock, {
	      value: _initializeJsonPollock2
	    });
	    /**
	     * Gets the user's locale. For now, hardcode to 'en-US', as we are only supporting en-US.
	     * @returns {string} The user's locale (i.e. 'en-US', 'fr-FR', etc.) For now, hardcode to 'en-US'.
	     */
	    Object.defineProperty(this, _getLocale, {
	      value: _getLocale2
	    });
	    /**
	     * Set a timeout to refresh the token x mins before it expires.
	     * @param {number} expiration Token expiration in seconds
	     */
	    Object.defineProperty(this, _setRefreshTimer, {
	      value: _setRefreshTimer2
	    });
	    /**
	     * Refresh the Direct Line token.
	     */
	    Object.defineProperty(this, _refreshDirectLineToken, {
	      value: _refreshDirectLineToken2
	    });
	    /**
	     * Generate a Direct Line token.
	     * @returns {Promise<string>} The Direct Line token.
	     */
	    Object.defineProperty(this, _generateDirectLineToken, {
	      value: _generateDirectLineToken2
	    });
	    /*
	     * Deletes the Chat Drawer Cookie and calls the generate Direct Line token to
	     * Re-establish the cookie. Used when a cookie needs to be force-refreshed.
	     */
	    Object.defineProperty(this, _regenerateAIChatDrawerToken, {
	      value: _regenerateAIChatDrawerToken2
	    });
	    /**
	     * Reset the AI Chat Drawer's source site update promise.
	     */
	    Object.defineProperty(this, _resetSourceSiteUpdatePromise, {
	      value: _resetSourceSiteUpdatePromise2
	    });
	    /**
	     * Gets the first instance of the AI Search Form component.
	     * @returns {AISearchForm} The first instance of the AI Search Form component.
	     */
	    Object.defineProperty(this, _getAISearchFormInstance, {
	      value: _getAISearchFormInstance2
	    });
	    /**
	     * Position the AI Chat Drawer. If the UHF footer is found, insert the AI Chat Drawer before it. Otherwise, insert
	     * the AI Chat Drawer before the closing body tag. Hide the AI Chat Drawer initially.
	     */
	    Object.defineProperty(this, _positionAiChatDrawer, {
	      value: _positionAiChatDrawer2
	    });
	    /**
	     * Position the AI Chat Button. Insert the AI Chat Button before the UHF footer or before the closing body tag.
	     */
	    Object.defineProperty(this, _positionAiChatButton, {
	      value: _positionAiChatButton2
	    });
	    /**
	     * Initialize a MutationObserver to detect when the Web Chat transcript changes.
	     */
	    Object.defineProperty(this, _initWebChatTranscriptObserver, {
	      value: _initWebChatTranscriptObserver2
	    });
	    /**
	     * Initialize a MutationObserver to detect when the sticky nav is stuck/unstuck.
	     */
	    Object.defineProperty(this, _initStickyNavMutationObserver, {
	      value: _initStickyNavMutationObserver2
	    });
	    /**
	     * Initialize an IntersectionObserver to detect when the UHF header intersects with the viewport.
	     */
	    Object.defineProperty(this, _initUhfIntersectionObserver, {
	      value: _initUhfIntersectionObserver2
	    });
	    /**
	     * Add event handlers.
	     */
	    Object.defineProperty(this, _addEventHandlers, {
	      value: _addEventHandlers2
	    });
	    /**
	     * Sets the default values in the click group in case the CF values fail to load or do not exist.
	     */
	    Object.defineProperty(this, _setDefaultValuesAiChatButton, {
	      value: _setDefaultValuesAiChatButton2
	    });
	    /**
	     * Sets the default values in the markup in case the CF values fail to load or do not exist.
	     */
	    Object.defineProperty(this, _setDefaultValuesInMarkup, {
	      value: _setDefaultValuesInMarkup2
	    });
	    /**
	     * Universal Media Player Template
	     */
	    Object.defineProperty(this, _UMP_HTML_TEMPLATE, {
	      writable: true,
	      value: "<div class=\"ump-container\">\n        <universal-media-player>\n        </universal-media-player>\n    </div>"
	    });
	    /**
	     * Replaces the button content with an SVG star icon.
	     *
	     * @param {HTMLElement} el - The element containing the button to replace.
	     */
	    this.replaceButtonContentWithStarSvg = function (el) {
	      var button = el.querySelector('button');
	      if (!button) return;
	      el.classList.add(ClassName$d.SURVEY_RESPONSE_BUTTON_STAR);
	      button.innerHTML = '';
	      var img = document.createElement('img');
	      img.src = FEEDBACK_ICON_SVGS.UNFILLED_STAR_SVG;
	      img.alt = 'Star';
	      button.append(img);
	      button.addEventListener(EventName$k.CLICK, _this.handleStarClick);
	    };
	    /**
	     * Click event handler for star buttons in the survey.
	     *
	     * @param {Event} event - The click event object.
	     */
	    this.handleStarClick = function (event) {
	      event.preventDefault();

	      // Get all star buttons within the closest WEB_CHAT_BUBBLE_CONTENT parent
	      var parent = event.currentTarget.closest(Selector$j.WEB_CHAT_BUBBLE_CONTENT);
	      if (!parent) return;
	      var starDivs = Array.from(parent.querySelectorAll(Selector$j.SURVEY_RESPONSE_STAR_SVG));

	      // Get the index of the clicked star
	      var clickedStar = event.currentTarget.closest(Selector$j.SURVEY_RESPONSE_STAR_SVG);
	      var clickedIndex = starDivs.indexOf(clickedStar);

	      // Update the star ratings visually
	      starDivs.forEach(function (div, index) {
	        var btn = div.querySelector('button');
	        var img = btn.querySelector('img');
	        if (img) {
	          img.src = index <= clickedIndex ? FEEDBACK_ICON_SVGS.FILLED_STAR_SVG : FEEDBACK_ICON_SVGS.UNFILLED_STAR_SVG;
	        }
	      });
	    };
	    /*
	     * Adds the text content of the parent bubble to the button for telemetry purposes.
	     * Adds content name and id telemetry attributes to the button.
	     * @param {HTMLElement} el - The element containing the button to add telemetry to.
	     */
	    this.tryAddSurveyButtonTelemetry = function (el, attempts, forStarButtons) {
	      if (attempts === void 0) {
	        attempts = 0;
	      }
	      if (forStarButtons === void 0) {
	        forStarButtons = false;
	      }
	      var button = el.querySelector('button');
	      var parentBubble = el.closest(Selector$j.WEB_CHAT_BUBBLE_CONTENT);
	      var text = parentBubble == null ? void 0 : parentBubble.querySelector('.webchat__text-content p');
	      if (text && button) {
	        var buttonValue = button.getAttribute('title');
	        button.setAttribute('data-bi-hn', text.textContent);
	        button.setAttribute('data-bi-cN', forStarButtons ? buttonValue + " star rating button" : "" + buttonValue);
	        button.setAttribute('data-bi-id', 'ai-chat-drawer');
	      } else if (attempts < 3) {
	        setTimeout(function () {
	          return _this.tryAddSurveyButtonTelemetry(el, attempts + 1, forStarButtons);
	        }, 100);
	      }
	    };
	    /**
	     * Attempts to replace a button with an SVG star icon. If the parent element is not found,
	     * it retries up to a maximum number of attempts with a delay.
	     *
	     * @param {HTMLElement} el - The element containing the button to replace.
	     * @param {number} [attempts=0] - The current retry attempt count.
	     */
	    this.tryReplaceButtonwithStarSVG = function (el, attempts) {
	      if (attempts === void 0) {
	        attempts = 0;
	      }
	      var parent = el.closest(Selector$j.WEB_CHAT_BUBBLE_CONTENT);
	      if (parent) {
	        var requiresStarReplacement = parent.dataset.requiresStarReplacement === 'true';
	        if (requiresStarReplacement) {
	          _this.replaceButtonContentWithStarSvg(el);
	          _this.tryAddSurveyButtonTelemetry(el, 0, true);
	        }
	      } else if (attempts < 3) {
	        setTimeout(function () {
	          return _this.tryReplaceButtonwithStarSVG(el, attempts + 1);
	        }, 100);
	      }
	    };
	    /**
	     * Handler function called after an element is rendered.
	     * Processes buttons for post-survey functionality.
	     *
	     * @param {HTMLElement} element - The rendered DOM element.
	     * @param {Object} template - The template object used by JsonPollock.
	     * @returns {HTMLElement} The processed DOM element.
	     */
	    this.onAfterElementRenderedHandler = function (element, template) {
	      // If the element is a button and post-survey is enabled, process it
	      if (template.type === window.JsonPollock.TEMPLATE_TYPES.BUTTON && _this.isPostSurveyEnabled) {
	        _this.tryAddSurveyButtonTelemetry(element, 0, false);
	        _this.tryReplaceButtonwithStarSVG(element);
	      }
	      return element;
	    };
	    this.el = _el;
	    this.styleOptions = styleOptions || AIChatDrawerStyleOptions;
	    this.closeButton = this.el.querySelector(Selector$j.CLOSE_BUTTON);
	    this.webChatContainer = this.el.querySelector(Selector$j.WEB_CHAT_CONTAINER);
	    this.aiSearchFormComponent = _classPrivateFieldLooseBase(this, _getAISearchFormInstance)[_getAISearchFormInstance]();
	    this.aiChatButton = document.querySelector(Selector$j.AI_CHAT_BUTTON);
	    this.aiChatButtonHeader = document.querySelector(Selector$j.AI_CHAT_BUTTON_HEADER_TEXT);
	    this.aiChatButtonAnchor = document.querySelector(Selector$j.AI_CHAT_BUTTON_ANCHOR);
	    this.aiChatButtonDataMount = (_this$aiChatButton = this.aiChatButton) == null ? void 0 : _this$aiChatButton.querySelector(Selector$j.AI_CHAT_BUTTON_DATA_MOUNT);
	    this.headerControls = this.el.querySelector(Selector$j.HEADER_CONTROLS);
	    this.aiDisclaimerDiv = null;
	    this.previouslyFocusedElem = null;
	    this.firstFocusableElem = this.closeButton;
	    this.lastFocusableElem = null;
	    this.webChatTextAreaHadFocus = false;
	    this.chatInitialized = false;
	    this.refreshBefore = 120; // Refresh 2 minutes before token expires
	    this.refreshAfter = 3480; // Refresh if token is older than 58 minutes
	    this.tokenEndpoint = this.el.dataset.tokenEndpoint;
	    this.tokenEndpointV2 = this.el.dataset.tokenEndpointV2;
	    this.botEnvironmentParameter = this.el.dataset.botEnvironmentParameter;
	    this.v2PagePaths = (this.el.dataset.v2PagePaths || '').split(',').map(function (s) {
	      return s.trim();
	    }).filter(Boolean);
	    this.refreshTokenUrl = this.el.dataset.refreshTokenUrl;
	    this.sourceSite = _classPrivateFieldLooseBase(this, _getSourceSite)[_getSourceSite]();
	    this.tuid = null;
	    this.initialChatTextDelay = 2000; // 2 seconds
	    this.messageWaitTimeout = null;
	    this.messageWaitTimeoutDuration = 100000; // 100 seconds
	    // Promise that will be resolved when the sourceSite update is detected
	    this.resolveSourceSiteUpdate = null;
	    this.sourceSiteUpdatePromise = null;
	    _classPrivateFieldLooseBase(this, _resetSourceSiteUpdatePromise)[_resetSourceSiteUpdatePromise]();
	    this.textInputPlaceholder = this.el.dataset.textInputPlaceholder || 'Ask a work question or make a request...';
	    this.isChatPersistEnabled = this.el.dataset.isChatPersistEnabled === 'true';
	    this.isInstantiatedByProactiveChat = false;
	    this.drawerTitleText = this.el.querySelector(Selector$j.BLOCK_FEATURE_TITLE).textContent || 'AI-powered assistant';
	    this.drawerLivePersonTitleText = this.el.dataset.drawerLivePersonTitleText || '[Live Agent] AI-powered assistant';
	    this.buttonTitleText = this.aiChatButton.querySelector(Selector$j.AI_CHAT_BUTTON_TEXT + " span").textContent || 'AI-powered assistant'; // button and drawer currently have same text, including for flexibility.
	    this.buttonLivePersonTitleText = this.el.dataset.buttonLivePersonTitleText || '[Live Agent] AI-powered assistant';
	    this.connectivityStatusAltFatalString = this.el.dataset.connectivityStatusAltFatal || 'Please refresh the page.';
	    this.livePersonInQueueText = this.el.dataset.livePersonInQueueText || 'Connecting you to a live agent. Please wait.';
	    this.livePersonUserClosedConversationText = this.el.dataset.livePersonUserClosedConversationText || 'Conversation closed by you';
	    this.livePersonAgentClosedConversationText = this.el.dataset.livePersonAgentClosedConversationText || 'Conversation closed by agent';
	    this.livePersonSystemClosedConversationText = this.el.dataset.livePersonSystemClosedConversationText || 'Conversation closed by idle system';
	    this.livePersonDisclaimerText = this.el.dataset.livePersonDisclaimerText || 'You are now chatting with a live agent.';
	    this.livePersonGenericErrorText = this.el.dataset.livePersonGenericErrorText || 'An error occurred. Please try again later.';
	    this.surveyBotDisclaimerText = this.el.dataset.surveyBotDisclaimerText || 'You are now chatting with a survey bot.';
	    this.livePersonNoAgentsText = this.el.dataset.noAgentsText || 'No agents are available to chat.';
	    this.livePersonSurveyCloseMessage = this.el.dataset.livePersonSurveyCloseMessage || 'Thank you for your time';
	    this.livePersonReadText = this.el.dataset.readText || 'Read';
	    this.returnToAiChatText = this.el.dataset.returnToAiChatText || 'End live chat';
	    this.livePersonDisconnectedReconnectingText = this.el.dataset.livePersonDisconnectedReconnectingText || 'You have been disconnected from live agent. Attempting to reconnect...';
	    this.livePersonReconnectedText = this.el.dataset.livePersonReconnectedText || 'Reconnected to live agent. You can continue your conversation.';
	    this.livePersonSendingMessageText = this.el.dataset.livePersonSendingMessageText || 'Sending';
	    this.livePersonSendFailedText = this.el.dataset.livePersonSendFailedText || 'Send failed.';
	    this.retryButtonText = this.el.dataset.retryButtonText || 'Retry';
	    this.transcriptIntroText = this.el.dataset.livePersonTranscriptIntroText || '**FULL CONVERSATION TRANSCRIPT:**';
	    this.transcriptContinuedText = this.el.dataset.livePersonTranscriptContinuedText || '**FULL CONVERSATION TRANSCRIPT (CONTINUED):**';
	    this.transcriptFromUserText = this.el.dataset.livePersonTranscriptFromUserText || '**User:**';
	    this.transcriptFromAssistantText = this.el.dataset.livePersonTranscriptFromAssistantText || '**Assistant:**';
	    this.aiDisclaimerText = this.el.dataset.aiDisclaimer || 'AI-generated content may be incorrect';
	    this.closeButtonAriaLabel = this.headerControls ? this.headerControls.getAttribute('aria-label') : 'Close Dialog';
	    this.chatDrawerAriaLabel = this.el.getAttribute('aria-label') || 'Chatbot Window';
	    this.livePersonMessageCharLimit = 8000; // LivePerson message character limit
	    this.store = null;
	    this.webChatInstance = null;
	    this.webChatSendBox = null;
	    this.webChatForm = null;
	    this.webChatTextarea = null;
	    this.webChatSendButton = null;
	    this.webChatMaximumCharacters = 250; // Maximum number of chars user can type in web chat

	    this.uhfHeaderElem = document.querySelector(Selector$j.UHF_HEADER);
	    this.uhfNavMenuExpandElem = document.querySelector(Selector$j.UHF_MENU_NAV_EXPAND_ELEM);
	    this.uhfHeaderIntersectionObserver = null;
	    this.uhfHeaderIsVisible = true; // Flag to check if the UHF header is visible
	    this.hideChatBelowHeight = 349.9; // Hide chat below 350px height
	    this.mediaQueryListChatHidden = window.matchMedia("(max-height: " + this.hideChatBelowHeight + "px)");
	    this.modalDialogBelowWidth = 599.9; // Chat drawer becomes modal dialog below this width
	    this.mediaQueryListModalDialog = window.matchMedia("(max-width: " + this.modalDialogBelowWidth + "px)");
	    this.uhfFooterElem = document.querySelector(Selector$j.UHF_FOOTER);
	    this.uhfFooterOriginalPadding = this.uhfFooterElem ? window.getComputedStyle(this.uhfFooterElem, null).getPropertyValue('padding-bottom') : '';
	    this.debouncedResizeDelay = 250;
	    this.stickyNavElem = document.querySelector(Selector$j.STICKY_NAV);
	    this.stickyNavMutationObserver = null;
	    this.botGeneratingResponseText = this.el.dataset.botGeneratingResponseText || 'Generating a response';
	    this.botFeedbackPositiveAriaLabel = this.el.dataset.botFeedbackPositiveAriaLabel || 'Thumbs up';
	    this.botFeedbackNegativeAriaLabel = this.el.dataset.botFeedbackNegativeAriaLabel || 'Thumbs down';
	    this.chatActionTypeLinks = document.querySelectorAll(Selector$j.CHAT_ACTION_TYPE_LINK);
	    this.chatActionTypeLinkText = this.el.dataset.chatActionTypeLinkText || 'Chat with sales';

	    // LivePerson
	    this.dataConnectorBaseEndpoint = getDataConnectorBaseEndpoint('https:');
	    this.accountId = null;
	    this.skillId = null;
	    this.isSendTranscript = false;
	    this.corsBypassQueryStringObj = null; // Only applies to local and preview environments
	    this.lpJWT = null;
	    this.lpSession = null;
	    this.lpMessages = {};
	    this.startLPChatActivityIds = (_this$getAIChatDrawer = (_this$getAIChatDrawer2 = this.getAIChatDrawerCookieObject()) == null ? void 0 : _this$getAIChatDrawer2[StorageKeys.startLPChatActivityIds]) != null ? _this$getAIChatDrawer : [];
	    this.lpOpenConvs = (_this$getAIChatDrawer3 = (_this$getAIChatDrawer4 = this.getAIChatDrawerCookieObject()) == null ? void 0 : _this$getAIChatDrawer4[StorageKeys.lpOpenConvs]) != null ? _this$getAIChatDrawer3 : {};
	    this.lpSubscriptionId = null;
	    this.lpSubscribedToMessagingEvents = false; // Flag to check if subscribed to messaging events
	    this.curLpChangeSequence = 0; // Keep track of the current change sequence
	    this.lpWebsocket = null;
	    this.isLivePersonChatActive = false;
	    this.isLivePersonAgentAssigned = false;
	    this.isSurveyTextActionPublished = false;
	    this.isPostSurveyEnabled = false;
	    this.isLivePersonChatFeatureEnabled = this.el.dataset.isLPEnabled || false;
	    this.lpSurveyForcedClosed = false;
	    this.debouncedChatStateToComposing = debounce(livePersonUserComposingDelay, this.chatStateToComposing.bind(this), {
	      atBegin: true
	    });
	    this.debouncedChatStateToPause = debounce(livePersonUserPauseDelay, this.chatStateToPause.bind(this));
	    this.handleLpUserInput = this.handleLpUserInput.bind(this);
	    this.debouncedOnChatActionTypeLinkClick = debounce(debouncedChatActionTypeLinkClickDelay, this.onChatActionTypeLinkClick.bind(this), {
	      atBegin: true
	    });
	    _classPrivateFieldLooseBase(this, _addEventHandlers)[_addEventHandlers]();
	    _classPrivateFieldLooseBase(this, _initUhfIntersectionObserver)[_initUhfIntersectionObserver]();
	    _classPrivateFieldLooseBase(this, _initStickyNavMutationObserver)[_initStickyNavMutationObserver]();
	    _classPrivateFieldLooseBase(this, _positionAiChatButton)[_positionAiChatButton]();
	    _classPrivateFieldLooseBase(this, _positionAiChatDrawer)[_positionAiChatDrawer]();
	    this.onMediaQueryListChatHiddenChange(this.mediaQueryListChatHidden);
	    this.onMediaQueryListModalDialogChange(this.mediaQueryListModalDialog);
	    _classPrivateFieldLooseBase(this, _handlePageOpenState)[_handlePageOpenState]();
	    // These text areas will have their text content adjusted during Live Person connection/disconnection events. During these events, we already
	    // push screen-reader accessible messages, so we want to turn off the aria-live regions for these two elements to avoid "double speaking".
	    this.aiChatButton.querySelector(Selector$j.AI_CHAT_BUTTON_TEXT + " span").setAttribute('aria-live', 'off');
	    this.el.querySelector(Selector$j.BLOCK_FEATURE_TITLE).setAttribute('aria-live', 'off');
	    aiChatDrawers.push(this);
	    _classPrivateFieldLooseBase(this, _setDefaultValuesInMarkup)[_setDefaultValuesInMarkup]();
	  }
	  var _proto = AIChatDrawer.prototype;
	  /**
	   * Pushes click handlers to events array for each chat action type link. This is used to add event handlers
	   * to the chat action type links in the markup. Returns the added events list.
	   *
	   * @returns {Array.<{
	   *  el: Element | Document | Window,
	   *  handler: Function,
	   *  type: String,
	   *  options?: Object
	   * }>} The events added to events array of the component.
	   */
	  _proto.addChatActionTypeLinkEvents = function addChatActionTypeLinkEvents() {
	    var _this2 = this;
	    var eventsToAdd = [];
	    this.chatActionTypeLinks.forEach(function (element) {
	      var _this2$events;
	      // Clone the element so legacy event handlers are not bound to it
	      var newNode = element.cloneNode(true);
	      // remove data-oc-chat which is used by legacy chat script
	      newNode.removeAttribute(Attributes$a.CHAT_ACTION_TYPE_LINK);
	      // add data-oc-ai-chat to identify this as an AI chat button
	      newNode.setAttribute(Attributes$a.AI_CHAT_ACTION_TYPE_LINK, '');
	      newNode.setAttribute('aria-controls', 'ai-chat-drawer');
	      // legacy chat script sets style display none until chat is initialized
	      if (newNode.style.display === 'none') {
	        newNode.style.removeProperty('display');
	      }
	      eventsToAdd.push({
	        el: newNode,
	        handler: _this2.debouncedOnChatActionTypeLinkClick,
	        type: EventName$k.CLICK
	      });
	      if (newNode.tagName !== 'BUTTON') {
	        eventsToAdd.push({
	          el: newNode,
	          handler: _this2.debouncedOnChatActionTypeLinkClick,
	          type: EventName$k.KEYDOWN
	        });
	      }
	      (_this2$events = _this2.events).push.apply(_this2$events, eventsToAdd);
	      element.replaceWith(newNode);
	    });
	    return eventsToAdd;
	  }

	  /** Check if the Direct Line token is valid.
	   * @returns {boolean} Whether the Direct Line token is valid.
	   */;
	  _proto.hasValidToken = function hasValidToken() {
	    var cookieObj = this.getAIChatDrawerCookieObject();
	    if (typeof cookieObj !== 'object' || cookieObj === null) {
	      return false;
	    }
	    var token = cookieObj[StorageKeys.token];
	    var tokenCreated = cookieObj[StorageKeys.tokenCreated];
	    var currentTime = Date.now() / 1000;
	    if (isNaN(tokenCreated)) {
	      return false;
	    }

	    // I used OR logic here to check for bad cases, but it could be easily flipped to AND logic.
	    return !(!token || token === 'undefined' || currentTime - tokenCreated > this.refreshAfter);
	  };
	  /**
	   * Handle submit event on the AI Search Form. Disable and clear the AI Search Form input, and open the chat drawer.
	   * @param {CustomEvent} event 'onAISearchSubmit' event of the AI Search Form
	   */
	  _proto.onAiSearchFormSubmit = function onAiSearchFormSubmit(event) {
	    var _event$detail;
	    var searchInputValue = (_event$detail = event.detail) == null ? void 0 : _event$detail.value;
	    if (!searchInputValue) {
	      return;
	    }

	    // Disable the elements in AI Search Form
	    this.aiSearchFormComponent.toggleDisabled(true);
	    this.chatOpenOrInit(searchInputValue);

	    // Clear the search input
	    this.aiSearchFormComponent.searchInput.value = '';
	  }

	  /**
	   * Handle click on AI Chat Button
	   * @param {Event} event Click or keydown event on AI Chat Button
	   */;
	  _proto.onAiChatButtonClick = function onAiChatButtonClick(event) {
	    // return if event type is keydown and key is not enter or space bar
	    if (event.type === EventName$k.KEYDOWN && Util$1.getKeyCode(event) !== Util$1.keyCodes.ENTER && Util$1.getKeyCode(event) !== Util$1.keyCodes.SPACE) {
	      return;
	    }
	    event.preventDefault();
	    event.stopPropagation();
	    this.chatOpenOrInit();
	  }

	  /**
	   * Handle keydown event on the AI Chat Drawer. If the tab key is pressed, loop focus between the first and last focusable
	   * elements in the drawer. Note this will not work for mobile screen readers, a different approach will be needed.
	   * @param {KeyboardEvent} event Keydown event on the AI Chat Drawer
	   * @returns {void}
	   */;
	  _proto.onKeyDown = function onKeyDown(event) {
	    if (!this.el.contains(document.activeElement) || Util$1.getKeyCode(event) !== Util$1.keyCodes.TAB) {
	      return;
	    }
	    if ((document.activeElement === this.firstFocusableElem || document.activeElement === this.el) && event.shiftKey) {
	      event.preventDefault();
	      this.lastFocusableElem.focus();
	      return;
	    }
	    if (document.activeElement === this.lastFocusableElem && !event.shiftKey) {
	      event.preventDefault();
	      this.firstFocusableElem.focus();
	    }
	  }

	  /**
	   * Handles the keydown event on the document.
	   * If the key combination is Ctrl + F6 and the element is not hidden, it performs the necessary focus actions.
	   * If the active element is within the component, it focuses on the search input or the first focusable element in the main content.
	   * If the active element is outside the component, it restores the previously focused element.
	   * @param {KeyboardEvent} event The keydown event on the document
	   */;
	  _proto.onDocumentKeyDown = function onDocumentKeyDown(event) {
	    if (!(event.ctrlKey && event.key === 'F6') || this.el.hidden) {
	      return;
	    }
	    if (this.el.contains(document.activeElement)) {
	      var _this$previouslyFocus;
	      if (this.previouslyFocusedElem === document.body || ((_this$previouslyFocus = this.previouslyFocusedElem) == null ? void 0 : _this$previouslyFocus.offsetParent) === null) {
	        if (this.aiSearchFormComponent) {
	          this.aiSearchFormComponent.searchInput.focus();
	        } else {
	          var main = document.querySelector(Selector$j.MAIN_CONTENT);
	          var firstFocusableElemInMain = main.querySelector(Selector$j.FOCUSABLE_ELEMENTS);
	          firstFocusableElemInMain == null ? void 0 : firstFocusableElemInMain.focus();
	        }
	      } else {
	        this.previouslyFocusedElem.focus();
	      }
	    } else {
	      this.previouslyFocusedElem = document.activeElement;
	      this.webChatTextarea.focus();
	    }
	  }

	  /**
	   * Handles the click event on a chat action type link.
	   * Prevents the default action and initializes or opens the chat based on its current state.
	   * If the event type is 'keydown', it only proceeds if the key pressed is 'Enter' or 'Space'.
	   *
	   * @param {Event} event - The event object representing the click or keydown event.
	   */;
	  _proto.onChatActionTypeLinkClick = function onChatActionTypeLinkClick(event) {
	    // return if event type is keydown and key is not enter or space bar
	    if (event.type === EventName$k.KEYDOWN && Util$1.getKeyCode(event) !== Util$1.keyCodes.ENTER && Util$1.getKeyCode(event) !== Util$1.keyCodes.SPACE) {
	      return;
	    }
	    event.preventDefault();
	    this.chatOpenOrInit(this.chatActionTypeLinkText);
	  }

	  /**
	   * Render the BotFramework Web Chat.
	   */;
	  _proto.renderWebChat = function renderWebChat() {
	    window.WebChat.renderWebChat({
	      locale: _classPrivateFieldLooseBase(this, _getLocale)[_getLocale](),
	      directLine: this.directLine,
	      sendTypingIndicator: true,
	      store: this.store,
	      styleOptions: this.styleOptions,
	      overrideLocalizedStrings: {
	        TEXT_INPUT_PLACEHOLDER: this.textInputPlaceholder,
	        CONNECTIVITY_STATUS_ALT_FATAL: this.connectivityStatusAltFatalString
	      }
	    }, this.webChatContainer);
	  }

	  /**
	   * Display or update a toast style notification at the top of the chat drawer.
	   * Documentation for BotFramework-WebChat notifications:
	   * https://github.com/microsoft/BotFramework-WebChat/blob/main/docs/NOTIFICATION.md
	   *
	   * @param {string} messageText The text to display in the notification
	   * @param {string} notificationLevel The level of the notification (error, warn, info, success. Default is 'info')
	   * @param {string} notificationId The ID of the notification (optional)
	   * @param {string} altText The alternative text for the notification (optional. Use if the message contains HTML)
	   *
	   * @returns {string} The notification ID
	   */;
	  _proto.setNotification = function setNotification(messageText, notificationLevel, notificationId, altText) {
	    if (notificationLevel === void 0) {
	      notificationLevel = NotificationLevel.INFO;
	    }
	    if (notificationId === void 0) {
	      notificationId = '';
	    }
	    if (altText === void 0) {
	      altText = '';
	    }
	    if (!this.store) {
	      console.error('Unable to display notification. BotFramework-WebChat store not found.');
	      return;
	    }
	    notificationId = notificationId || window.crypto.randomUUID();
	    var notificationObj = {
	      type: 'WEB_CHAT/SET_NOTIFICATION',
	      payload: {
	        id: notificationId,
	        level: notificationLevel,
	        message: messageText
	      }
	    };
	    if (altText) {
	      notificationObj.payload.alt = altText;
	    }
	    this.store.dispatch(notificationObj);
	    return notificationId;
	  }

	  /**
	   * Dismisses a notification by its ID.
	   *
	   * This method dispatches an action to the BotFramework-WebChat store to remove a notification.
	   * If the store is not available, it logs an error message.
	   *
	   * @param {string} id - The ID of the notification to dismiss.
	   */;
	  _proto.dismissNotification = function dismissNotification(id) {
	    if (!this.store) {
	      console.error('Unable to dismiss notification. BotFramework-WebChat store not found.');
	      return;
	    }
	    this.store.dispatch({
	      type: 'WEB_CHAT/DISMISS_NOTIFICATION',
	      payload: {
	        id: id
	      }
	    });
	  }

	  /**
	   * Check for LivePerson agent availability
	   *
	   * @returns {Promise<Response>} Response from the fetch call
	   */
	  /* eslint-disable no-await-in-loop */;
	  _proto.checkLivePersonAgentAvailability =
	  /*#__PURE__*/
	  function () {
	    var _checkLivePersonAgentAvailability = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(retries, delay) {
	      var checkAgentAvailabilityEndpoint, headers, options, attempt, response, jsonResponse;
	      return _regeneratorRuntime().wrap(function _callee$(_context) {
	        while (1) switch (_context.prev = _context.next) {
	          case 0:
	            if (retries === void 0) {
	              retries = 3;
	            }
	            if (delay === void 0) {
	              delay = 1000;
	            }
	            checkAgentAvailabilityEndpoint = _classPrivateFieldLooseBase(this, _getLPEndpoint)[_getLPEndpoint](this.dataConnectorBaseEndpoint, 'liveperson/v1/check');
	            headers = new Headers();
	            headers.append('Content-Type', 'application/json');
	            options = {
	              method: 'POST',
	              headers: headers,
	              body: JSON.stringify({
	                metadata: {
	                  skillId: this.skillId
	                }
	              })
	            };
	            attempt = 1;
	          case 7:
	            if (!(attempt <= retries)) {
	              _context.next = 34;
	              break;
	            }
	            _context.prev = 8;
	            _context.next = 11;
	            return fetch(checkAgentAvailabilityEndpoint, options);
	          case 11:
	            response = _context.sent;
	            if (response.ok) {
	              _context.next = 14;
	              break;
	            }
	            throw new Error("Error checking LivePerson agent availability. Response status: " + response.status);
	          case 14:
	            _context.next = 16;
	            return response.json();
	          case 16:
	            jsonResponse = _context.sent;
	            return _context.abrupt("return", jsonResponse.availability);
	          case 20:
	            _context.prev = 20;
	            _context.t0 = _context["catch"](8);
	            console.error("Attempt " + attempt + " failed: " + _context.t0.message);
	            if (!(attempt < retries)) {
	              _context.next = 28;
	              break;
	            }
	            _context.next = 26;
	            return new Promise(function (resolve) {
	              return setTimeout(resolve, delay);
	            });
	          case 26:
	            _context.next = 31;
	            break;
	          case 28:
	            this.setNotification(this.livePersonGenericErrorText, NotificationLevel.ERROR);
	            console.error('All retry attempts failed.');
	            throw _context.t0;
	          case 31:
	            attempt++;
	            _context.next = 7;
	            break;
	          case 34:
	          case "end":
	            return _context.stop();
	        }
	      }, _callee, this, [[8, 20]]);
	    }));
	    function checkLivePersonAgentAvailability(_x, _x2) {
	      return _checkLivePersonAgentAvailability.apply(this, arguments);
	    }
	    return checkLivePersonAgentAvailability;
	  }()
	  /* eslint-enable no-await-in-loop */
	  /**
	   * Get the lead ID based on the current page's origin and pathname.
	   * @returns {string} The generated lead ID.
	   */
	  ;
	  _proto.getLeadId = function getLeadId() {
	    return window.location.origin + window.location.pathname;
	  }

	  /**
	   * Creates or updates a live-person engagement session for current client
	   * @returns live-person engagement session create response
	   */;
	  _proto.createLivePersonSession =
	  /*#__PURE__*/
	  function () {
	    var _createLivePersonSession = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
	      var _window$oc$geo$countr, _window$oc, _window$oc$geo, _document$querySelect, _window$oc$lp$topic, _window$oc2, _window$oc2$lp;
	      var country, topic, leadId, ipAddress, cookieObject, localSession, isCreatingSession, requestData, callOptions, isSessionUpdated, result, _result, _this$updateAIChatDra;
	      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
	        while (1) switch (_context2.prev = _context2.next) {
	          case 0:
	            country = (_window$oc$geo$countr = (_window$oc = window.oc) == null ? void 0 : (_window$oc$geo = _window$oc.geo) == null ? void 0 : _window$oc$geo.country) != null ? _window$oc$geo$countr : (_document$querySelect = document.querySelector('[data-geo-country]')) == null ? void 0 : _document$querySelect.getAttribute('data-geo-country');
	            topic = (_window$oc$lp$topic = (_window$oc2 = window.oc) == null ? void 0 : (_window$oc2$lp = _window$oc2.lp) == null ? void 0 : _window$oc2$lp.topic) != null ? _window$oc$lp$topic : '';
	            leadId = this.getLeadId();
	            ipAddress = ''; // TODO - Get ip-address
	            cookieObject = this.getAIChatDrawerCookieObject();
	            localSession = cookieObject[StorageKeys.lpSession];
	            isCreatingSession = false;
	            requestData = {
	              account: this.accountId,
	              country: country,
	              topic: topic,
	              leadId: leadId,
	              ipAddress: ipAddress,
	              pageId: null,
	              visitorId: null,
	              sessionId: null
	            }; // Check if session already exists and matches with current
	            if (!(localSession && localSession.pageId && localSession.visitorId && localSession.sessionId)) {
	              _context2.next = 16;
	              break;
	            }
	            if (!(localSession.topic === topic && localSession.leadId === leadId && localSession.country === country)) {
	              _context2.next = 11;
	              break;
	            }
	            return _context2.abrupt("return", localSession);
	          case 11:
	            requestData.pageId = localSession.pageId;
	            requestData.visitorId = localSession.visitorId;
	            requestData.sessionId = localSession.sessionId;
	            _context2.next = 17;
	            break;
	          case 16:
	            isCreatingSession = true;
	          case 17:
	            callOptions = {
	              // Arguments must be in order of the calling function
	              args: [requestData]
	            };
	            _context2.prev = 18;
	            isSessionUpdated = false;
	            if (isCreatingSession) {
	              _context2.next = 25;
	              break;
	            }
	            _context2.next = 23;
	            return LPUtils.exponentialBackoff(LPUtils.engagement.updateSession, function (response) {
	              if (response > 499) {
	                // Retry in case of server-side issue from live-person
	                return true;
	              }
	              return false;
	            }, callOptions);
	          case 23:
	            result = _context2.sent;
	            isSessionUpdated = result === 200;
	          case 25:
	            if (isSessionUpdated) {
	              _context2.next = 33;
	              break;
	            }
	            // Clear out any existing session data
	            requestData.pageId = null;
	            requestData.visitorId = null;
	            requestData.sessionId = null;
	            _context2.next = 31;
	            return LPUtils.exponentialBackoff(LPUtils.engagement.createSession, function (response, error, options) {
	              if (!response && !error) {
	                // Set retry flag to true
	                return true;
	              }

	              // Check if current response contains the session id and visitor id
	              if (response.sessionId && response.visitorId) {
	                // Set retry flag to false as we have received the success response
	                return false; // this will return the create session results back via `exponentialBackoff`
	              }

	              var errorMessage = (error == null ? void 0 : error.message) || (response == null ? void 0 : response.message);
	              if (errorMessage) {
	                // Extract the visitor id and retry
	                var _errorMessage$split = errorMessage.split('vid: '),
	                  vid = _errorMessage$split[1];
	                if (vid) {
	                  // Update the args - need to add the visitor id if it is provided when retrying a 5xx response
	                  requestData.visitorId = vid;
	                  options.args = [requestData];
	                }
	                console.warn('[LP] received error while trying to create session:', error || response, vid);
	              }

	              // Set retry flag to true
	              return true;
	            }, callOptions);
	          case 31:
	            _result = _context2.sent;
	            if (_result.visitorId && _result.sessionId) {
	              requestData.pageId = _result.pageId;
	              requestData.visitorId = _result.visitorId;
	              requestData.sessionId = _result.sessionId;

	              // Update cookie with the LivePerson session
	              this.updateAIChatDrawerCookie((_this$updateAIChatDra = {}, _this$updateAIChatDra[StorageKeys.lpSession] = requestData, _this$updateAIChatDra));
	            }
	          case 33:
	            _context2.next = 38;
	            break;
	          case 35:
	            _context2.prev = 35;
	            _context2.t0 = _context2["catch"](18);
	            console.error('[LP] failed to create lp-engagement session:', _context2.t0);
	          case 38:
	            return _context2.abrupt("return", requestData);
	          case 39:
	          case "end":
	            return _context2.stop();
	        }
	      }, _callee2, this, [[18, 35]]);
	    }));
	    function createLivePersonSession() {
	      return _createLivePersonSession.apply(this, arguments);
	    }
	    return createLivePersonSession;
	  }()
	  /**
	   * Get the LivePerson JWT
	   *
	   * @param {number} retryCount The number of retries
	   *
	   * @returns {Promise<string | null>} The LivePerson JWT
	   */
	  ;
	  _proto.getLivePersonJWT =
	  /*#__PURE__*/
	  function () {
	    var _getLivePersonJWT = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(retryCount) {
	      var _this3 = this;
	      var timeoutPromise;
	      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
	        while (1) switch (_context3.prev = _context3.next) {
	          case 0:
	            if (retryCount === void 0) {
	              retryCount = 0;
	            }
	            timeoutPromise = function timeoutPromise(ms) {
	              return new Promise(function (_, reject) {
	                return setTimeout(function () {
	                  return reject(new LPError(LPErrorTypes.GET_JWT_TIMEOUT, 'Getting JWT for LivePerson timed out'));
	                }, ms);
	              });
	            };
	            return _context3.abrupt("return", Promise.race([LPUtils.getJWT(this.accountId, this.getAIChatDrawerCookieObject(), StorageKeys.lpJWT), timeoutPromise(livePersonResponseTimeout)])["catch"](function (error) {
	              _this3.handleLivePersonError(error, function (newRetryCount) {
	                return _this3.getLivePersonJWT(newRetryCount);
	              }, retryCount);
	            }));
	          case 3:
	          case "end":
	            return _context3.stop();
	        }
	      }, _callee3, this);
	    }));
	    function getLivePersonJWT(_x3) {
	      return _getLivePersonJWT.apply(this, arguments);
	    }
	    return getLivePersonJWT;
	  }()
	  /**
	   * Get the LivePerson UMS domain
	   *
	   * @returns {Promise<string | null>} The LivePerson UMS domain
	   */
	  ;
	  _proto.getLivePersonUmsDomain =
	  /*#__PURE__*/
	  function () {
	    var _getLivePersonUmsDomain = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
	      return _regeneratorRuntime().wrap(function _callee4$(_context4) {
	        while (1) switch (_context4.prev = _context4.next) {
	          case 0:
	            _context4.prev = 0;
	            return _context4.abrupt("return", LPUtils.getDomain(this.accountId, 'asyncMessagingEnt'));
	          case 4:
	            _context4.prev = 4;
	            _context4.t0 = _context4["catch"](0);
	            console.error('Error fetching UMS domain:', _context4.t0);
	            // Handle the error appropriately, e.g., show an error message to the user or retry the operation
	            return _context4.abrupt("return", null);
	          case 8:
	          case "end":
	            return _context4.stop();
	        }
	      }, _callee4, this, [[0, 4]]);
	    }));
	    function getLivePersonUmsDomain() {
	      return _getLivePersonUmsDomain.apply(this, arguments);
	    }
	    return getLivePersonUmsDomain;
	  }()
	  /**
	   * Initialize the LivePerson websocket
	   *
	   * @param {string} umsDomain The LivePerson UMS domain
	   * @param {number} retryCount The number of retries
	   *
	   * @returns {Promise<LPWs | null>} The LivePerson websocket instance
	   */
	  ;
	  _proto.initLivePersonWebsocket =
	  /*#__PURE__*/
	  function () {
	    var _initLivePersonWebsocket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(umsDomain, retryCount) {
	      var _this4 = this;
	      var timeoutPromise;
	      return _regeneratorRuntime().wrap(function _callee5$(_context5) {
	        while (1) switch (_context5.prev = _context5.next) {
	          case 0:
	            if (retryCount === void 0) {
	              retryCount = 0;
	            }
	            timeoutPromise = function timeoutPromise(ms) {
	              return new Promise(function (_, reject) {
	                return setTimeout(function () {
	                  return reject(new LPError(LPErrorTypes.INIT_WS_TIMEOUT, 'Initializing LivePerson websocket timed out'));
	                }, ms);
	              });
	            };
	            return _context5.abrupt("return", Promise.race([LPWs.connect("wss://" + umsDomain + "/ws_api/account/" + this.accountId + "/messaging/consumer?v=3"), timeoutPromise(livePersonResponseTimeout)])["catch"](function (error) {
	              _this4.handleLivePersonError(error, function (newRetryCount) {
	                return _this4.initLivePersonWebsocket(umsDomain, newRetryCount);
	              }, retryCount);
	            }));
	          case 3:
	          case "end":
	            return _context5.stop();
	        }
	      }, _callee5, this);
	    }));
	    function initLivePersonWebsocket(_x4, _x5) {
	      return _initLivePersonWebsocket.apply(this, arguments);
	    }
	    return initLivePersonWebsocket;
	  }();
	  /**
	   * Update the LivePerson agent state in the UI
	   *
	   * @param {string} state The agent state
	   */
	  _proto.updateAgentState = function updateAgentState(state) {
	    // Designs do not have all states here. We may remove states if not needed.
	    switch (state) {
	      case livePersonChatStateTypes.ACTIVE:
	        {
	          // is in the chat
	          break;
	        }
	      case livePersonChatStateTypes.INACTIVE:
	        {
	          // navigated away but application is still open
	          break;
	        }
	      case livePersonChatStateTypes.GONE:
	        {
	          // closed the chat application
	          break;
	        }
	      case livePersonChatStateTypes.COMPOSING:
	        {
	          // is typing
	          // Dispatch bot typing activity to the store so it renders in the WebChat
	          this.store.dispatch({
	            type: 'DIRECT_LINE/INCOMING_ACTIVITY',
	            payload: {
	              activity: {
	                type: 'typing',
	                from: {
	                  role: 'bot'
	                },
	                timestamp: new Date().toISOString()
	              }
	            }
	          });
	          break;
	        }
	    }
	  }

	  /**
	   * Subscribe to LivePerson messaging events
	   *
	   * @param {string} dialogId The dialogId to subscribe to
	   * @param {string} conversationId The conversationId to subscribe to. For main dialog, conversationId and dialogId
	   *                                are the same. For survey dialog, conversationId and dialogId are different
	   * @param {number} fromSeq The sequence number to start from
	   * @param {number} retryCount The number of retries
	   */;
	  _proto.subscribeToLivePersonMessagingEvents = function subscribeToLivePersonMessagingEvents(dialogId, conversationId, fromSeq, retryCount) {
	    var _this5 = this;
	    if (fromSeq === void 0) {
	      fromSeq = 0;
	    }
	    if (retryCount === void 0) {
	      retryCount = 0;
	    }
	    this.lpWebsocket.subscribeMessagingEvents({
	      fromSeq: fromSeq,
	      dialogId: dialogId,
	      conversationId: conversationId
	    }).then(function (response) {
	      return _this5.handleLivePersonResponse(response);
	    })["catch"](function (error) {
	      return _this5.handleLivePersonError(error, function (newRetryCount) {
	        return _this5.subscribeToLivePersonMessagingEvents(dialogId, conversationId, fromSeq, newRetryCount);
	      }, retryCount);
	    });
	  }

	  /**
	   * Handle response from LivePerson websocket. Throw an error if the response code is an error code.
	   *
	   * @param {Response} response The response from the LivePerson API
	   *
	   * @returns {Response} The response from the LivePerson API
	   */;
	  _proto.handleLivePersonResponse = function handleLivePersonResponse(response) {
	    if (response.code >= 400 && response.code < 600) {
	      throw Object.assign(new Error(response.body), {
	        code: response.code
	      });
	    } else {
	      return response;
	    }
	  }

	  /**
	   * Handles errors from LivePerson API calls with retry logic.
	   * LivePerson Retry Policy Recommendations: https://developers.liveperson.com/retry-policy-recommendations.html
	   *
	   * @param {Object} error - The error object returned from the LivePerson API.
	   * @param {Function} retryCallback - The callback function to retry the API call.
	   * @param {number} [retryCount=0] - The current retry attempt count.
	   * @param {number} [maxRetries=3] - The maximum number of retry attempts.
	   */;
	  _proto.handleLivePersonError = function handleLivePersonError(error, retryCallback, retryCount, maxRetries) {
	    var _this6 = this;
	    if (retryCount === void 0) {
	      retryCount = 0;
	    }
	    if (maxRetries === void 0) {
	      maxRetries = 3;
	    }
	    // Max number of retries hit
	    if (retryCount >= maxRetries) {
	      console.error("Max retries reached for error type " + error.type + ":", error);
	      if (error.type === LPErrorTypes.SEND_MESSAGE_TIMEOUT) {
	        this.handleLivePersonSendMessageTimeout(error.data.messageId);
	      }
	      if (error.type === LPErrorTypes.USER_CLOSE_CONVERSATION_TIMEOUT) {
	        // User atttempted to close conversation, but the request to LP timed out.
	        // Return user to AI Chat so they are not stuck
	        this.returnUIToAIChatBot();
	      }
	      return;
	    }
	    if (!error.code || error.code >= 400 && error.code < 500) {
	      if (error.code === 429 && typeof retryCallback === 'function') {
	        // Request is being throttled due to rate-limiting
	        // Too many requests, retry after at least 1 second (or 5 seconds for login requests), avoid bursts of requests
	        var retryInterval = 1000;
	        setTimeout(function () {
	          retryCallback(retryCount + 1).then(function (response) {
	            return _this6.handleLivePersonResponse(response);
	          })["catch"](function (error) {
	            return _this6.handleLivePersonError(error, retryCallback, retryCount + 1, maxRetries);
	          });
	        }, retryInterval);
	      } else {
	        // Handle other types of errors
	        switch (error.type) {
	          case LPErrorTypes.SEND_MESSAGE_TIMEOUT:
	            {
	              // Retry sending the message
	              retryCallback(error.data.messageId, retryCount + 1);
	              break;
	            }
	          case LPErrorTypes.USER_CLOSE_CONVERSATION_TIMEOUT:
	            {
	              // Retry closing the conversation
	              retryCallback(retryCount + 1);
	              break;
	            }
	          case LPErrorTypes.WEBSOCKET_NOT_OPEN:
	            {
	              console.error('LivePerson websocket not open:', error);
	              // Display a generic error message to the user
	              this.setNotification(this.livePersonGenericErrorText, NotificationLevel.ERROR);
	              break;
	            }
	          case LPErrorTypes.ACCEPT_STATUS_TIMEOUT:
	            {
	              // Retry updating the message accept status
	              retryCallback(error.data.sequence, error.data.status, error.data.dialogId, retryCount + 1);
	              break;
	            }
	          default:
	            {
	              console.error('Client-side error:', error);
	              // Display a generic error message to the user
	              this.setNotification(this.livePersonGenericErrorText, NotificationLevel.ERROR);
	              break;
	            }
	        }
	      }
	    } else if (error.code >= 500 && error.code < 600) {
	      // Server error, retry 3 times with 5, 10, 15 second pause between retries
	      var retryDelays = [5000, 10000, 15000];
	      var delay = retryDelays[Math.min(retryCount, retryDelays.length - 1)];
	      setTimeout(function () {
	        retryCallback(retryCount + 1).then(function (response) {
	          return _this6.handleLivePersonResponse(response);
	        })["catch"](function (error) {
	          return _this6.handleLivePersonError(error, retryCallback, retryCount + 1, maxRetries);
	        });
	      }, delay);
	    }
	  }

	  /**
	   * Update the status of a LivePerson message in the chat. For example, "Read" text will appear after
	   * timestamp when the message is read by LivePerson.
	   *
	   * @param {number} sequence The sequence number of the message
	   * @param {string} status The status of the message
	   * @param {string} dialogId The dialogId of the message
	   */;
	  _proto.updateLivePersonMessageStatus = function updateLivePersonMessageStatus(sequence, status, dialogId) {
	    // Get message element
	    var messageElement = this.lpMessages[dialogId + "-" + sequence];

	    // Return if message element does not exist
	    if (!messageElement) {
	      return;
	    }

	    // Update the accept status
	    messageElement.dataset.acceptStatus = status;
	    switch (status) {
	      case 'ACCEPT':
	        {
	          break;
	        }
	      case 'READ':
	        {
	          this.markMessageAsRead(messageElement);
	          break;
	        }
	    }
	  }

	  /**
	   * Handle LivePerson conversation notifications
	   *
	   * @param {Object} notificationBody The notification body
	   */;
	  _proto.handleLivePersonConversationNotification = function handleLivePersonConversationNotification(notificationBody) {
	    var _this7 = this;
	    notificationBody.changes.forEach(function (change) {
	      var _this7$updateAIChatDr5;
	      // Check if there are no active dialogs open
	      var isConversationOpen = change.result.conversationDetails.state !== LPUtils.conversationStateTypes.CLOSE || change.result.conversationDetails.stage !== LPUtils.conversationStateTypes.CLOSE;

	      // Get active dialog
	      var activeDialog = change.result.conversationDetails.dialogs.find(function (d) {
	        return d.state === LPUtils.conversationStateTypes.OPEN;
	      });

	      // Check if post survey is enabled
	      _this7.isPostSurveyEnabled = change.result.conversationDetails.state === LPUtils.conversationStateTypes.CLOSE && change.result.conversationDetails.stage === LPUtils.conversationStateTypes.OPEN;

	      // Conversation is closed or there is no active dialog
	      if (!isConversationOpen || !activeDialog) {
	        if (Object.hasOwn(_this7.lpOpenConvs, change.result.convId)) {
	          var _this7$lpWebsocket;
	          // Only show the message if the survey was completed fully by the user
	          if (!_this7.lpSurveyForcedClosed) {
	            var _change$result, _change$result$conver;
	            _this7.webChatSendMessage(_this7.livePersonSurveyCloseMessage, new Date((_change$result = change.result) == null ? void 0 : (_change$result$conver = _change$result.conversationDetails) == null ? void 0 : _change$result$conver.endTs).toISOString(), 'lp-system', null, null, null);
	          }

	          // Cancel the get clock interval
	          (_this7$lpWebsocket = _this7.lpWebsocket) == null ? void 0 : _this7$lpWebsocket.getClockRequest.cancel();
	          // Cancel debounced chat states
	          _this7.debouncedChatStateToComposing.cancel({
	            upcomingOnly: true
	          });
	          _this7.debouncedChatStateToPause.cancel({
	            upcomingOnly: true
	          });
	          // Reset the agent state
	          _this7.updateAgentState(livePersonChatStateTypes.DEFAULT);
	          // Unsubscribe from conversation metadata for this subscriptionId
	          _this7.livePersonUnsubscribeExConversations(notificationBody.subscriptionId)["finally"](function () {
	            var _this7$updateAIChatDr;
	            // Reset subscribed to messaging events flag
	            _this7.lpSubscribedToMessagingEvents = false;
	            // Reset the current change sequence
	            _this7.curLpChangeSequence = 0;
	            // Return the UI to AI chat bot
	            _this7.returnUIToAIChatBot();
	            // Delete the conversation from open conversations metadata object
	            delete _this7.lpOpenConvs[change.result.convId];
	            // Update the cookie
	            _this7.updateAIChatDrawerCookie((_this7$updateAIChatDr = {}, _this7$updateAIChatDr[StorageKeys.lpOpenConvs] = _this7.lpOpenConvs, _this7$updateAIChatDr));
	          });
	        }
	        return;
	      }

	      // Check if this is a notification for a new conversation
	      if (!_this7.lpOpenConvs[change.result.convId]) {
	        var _this7$updateAIChatDr2;
	        // Create and store conversation metadata
	        _this7.lpOpenConvs[change.result.convId] = {
	          result: {
	            convId: change.result.convId,
	            dialogs: change.result.conversationDetails.dialogs.map(function (dialog) {
	              return {
	                dialogId: dialog.dialogId,
	                dialogType: dialog.dialogType
	              };
	            })
	          },
	          activeDialogId: activeDialog.dialogId,
	          chatState: livePersonChatStateTypes.DEFAULT,
	          closeMsgSent: false
	        };
	        // Update cookie
	        _this7.updateAIChatDrawerCookie((_this7$updateAIChatDr2 = {}, _this7$updateAIChatDr2[StorageKeys.lpOpenConvs] = _this7.lpOpenConvs, _this7$updateAIChatDr2));

	        // Send event to PVA to record the new Live Person conversation ID to cosmos DB
	        var eventValue = {
	          skillId: _this7.skillId,
	          LPConversationID: change.result.convId
	        };
	        _this7.webChatSendEvent(EventName$k.LIVEPERSON_SAVE_IDS, eventValue);

	        // Send transcript to LivePerson if user has elected to do so
	        if (_this7.isSendTranscript) {
	          _this7.sendTranscriptToLivePerson();
	        }

	        // Subscribe to messaging events with active dialog id
	        _this7.subscribeToLivePersonMessagingEvents(activeDialog.dialogId, change.result.convId);
	        _this7.lpSubscribedToMessagingEvents = true;
	      }

	      // Check if there are new dialogs added to this conversation
	      if (change.result.conversationDetails.dialogs.length !== _this7.lpOpenConvs[change.result.convId].result.dialogs.length) {
	        var _this7$updateAIChatDr4;
	        // if the new dialog is a survey dialog, post the conversation closed message
	        if (change.result.conversationDetails.dialogs.some(function (dialog) {
	          return dialog.dialogType === 'POST_SURVEY';
	        }) &&
	        // Check if the close message has already been sent in this conversation
	        _this7.lpOpenConvs[change.result.convId] && !_this7.lpOpenConvs[change.result.convId].closeMsgSent) {
	          var _change$result2, _change$result2$conve, _this7$updateAIChatDr3;
	          var closeMessage = '';

	          // Show a message based on who closed the chat
	          if (change.result.conversationDetails && change.result.conversationDetails.closeReason === 'CONSUMER') {
	            closeMessage = _this7.livePersonUserClosedConversationText;
	          } else if (change.result.conversationDetails && change.result.conversationDetails.closeReason === 'AGENT') {
	            closeMessage = _this7.livePersonAgentClosedConversationText;
	          } else {
	            closeMessage = _this7.livePersonSystemClosedConversationText;
	          }
	          var timestamp = new Date().toISOString();
	          if (change.serverTimestamp) {
	            // If serverTimestamp is available, use it
	            timestamp = new Date(change.serverTimestamp).toISOString();
	          } else if ((_change$result2 = change.result) != null && (_change$result2$conve = _change$result2.conversationDetails) != null && _change$result2$conve.dialogs) {
	            // If serverTimestamp is not available, use the end timestamp of the main dialog
	            var mainDialog = change.result.conversationDetails.dialogs.find(function (dialog) {
	              return dialog.dialogType === 'MAIN' && dialog.state === 'CLOSE';
	            });
	            if (mainDialog && mainDialog.endTs) {
	              timestamp = new Date(mainDialog.endTs).toISOString();
	            }
	          }
	          _this7.webChatSendMessage(closeMessage, timestamp, 'lp-system', null, null, null);
	          // Update the lpOpenConvs object to track the close message
	          _this7.lpOpenConvs[change.result.convId].closeMsgSent = true;

	          // Update the lpOpenConvs in the cookie
	          _this7.updateAIChatDrawerCookie((_this7$updateAIChatDr3 = {}, _this7$updateAIChatDr3[StorageKeys.lpOpenConvs] = _this7.lpOpenConvs, _this7$updateAIChatDr3));

	          // Disable the chat message box
	          _this7.toggleWebChatUserTextBoxDisabled(true);
	        }

	        // Track the active dialog
	        // Update the dialog id in case the dialogs have switched
	        _this7.lpOpenConvs[change.result.convId].activeDialogId = activeDialog.dialogId;

	        // Update the cookie
	        _this7.updateAIChatDrawerCookie((_this7$updateAIChatDr4 = {}, _this7$updateAIChatDr4[StorageKeys.lpOpenConvs] = _this7.lpOpenConvs, _this7$updateAIChatDr4));

	        // Subscribe to messaging events of the new active dialog id
	        _this7.subscribeToLivePersonMessagingEvents(activeDialog.dialogId, change.result.convId);
	        _this7.lpSubscribedToMessagingEvents = true;
	      }

	      // Check if we need to subscribe to messaging events for an existing conversation
	      if (!_this7.lpSubscribedToMessagingEvents) {
	        // Subscribe to messaging events with active dialog id, from the current change sequence
	        _this7.subscribeToLivePersonMessagingEvents(activeDialog.dialogId, change.result.convId, _this7.curLpChangeSequence);
	        _this7.lpSubscribedToMessagingEvents = true;
	      }

	      // Update the current conversation result details in open conversations metadata object
	      _this7.lpOpenConvs[change.result.convId].result = {
	        convId: change.result.convId,
	        dialogs: change.result.conversationDetails.dialogs.map(function (dialog) {
	          return {
	            dialogId: dialog.dialogId,
	            dialogType: dialog.dialogType
	          };
	        })
	      };
	      // Update the cookie
	      _this7.updateAIChatDrawerCookie((_this7$updateAIChatDr5 = {}, _this7$updateAIChatDr5[StorageKeys.lpOpenConvs] = _this7.lpOpenConvs, _this7$updateAIChatDr5));
	      if (change.type === 'UPSERT') {
	        if (_this7.isPostSurveyEnabled) {
	          _this7.toggleLivePersonDisclaimer(true, _this7.surveyBotDisclaimerText);
	          return;
	        }

	        // Check for agent assignment
	        var hasAgentAssigned = change.result.conversationDetails.participants.some(function (p) {
	          return p.role === 'ASSIGNED_AGENT';
	        });
	        if (hasAgentAssigned) {
	          if (!_this7.isLivePersonAgentAssigned) {
	            // Change the disclaimer text to the Speaking With LivePerson disclaimer text
	            _this7.toggleLivePersonDisclaimer(true, _this7.livePersonDisclaimerText);
	            // Re-enable the chat message box, but not any other action-set buttons
	            _this7.toggleWebChatUserTextBoxDisabled(false);
	            // Keep track of agent assigned state
	            _this7.isLivePersonAgentAssigned = true;
	          }
	          _this7.updateAgentState(livePersonChatStateTypes.ACTIVE);
	        } else {
	          _this7.updateAgentState(livePersonChatStateTypes.INACTIVE);
	        }
	      }
	    });
	  }

	  /**
	   * Publish a message to LivePerson websocket
	   *
	   * @param {string} messageText The message text
	   * @param {string} messageId The message ID
	   * @returns {Promise<void>} A promise that resolves when the message is published
	   */;
	  _proto.publishToLivePersonWebsocket = function publishToLivePersonWebsocket(messageText, messageId) {
	    if (messageId === void 0) {
	      messageId = null;
	    }
	    return this.lpWebsocket.publishEvent({
	      dialogId: this.lpOpenConvs[Object.keys(this.lpOpenConvs)[0]].activeDialogId,
	      conversationId: Object.keys(this.lpOpenConvs)[0],
	      event: {
	        type: 'ContentEvent',
	        contentType: 'text/plain',
	        message: messageText
	      },
	      messageId: messageId || Math.floor(Math.random() * 1e9)
	    });
	  }

	  /**
	   * Send accept status to LivePerson websocket
	   *
	   * @param {string} status The status to send
	   * @param {number} sequence The sequence number
	   * @param {number} retryCount The number of retries
	   */;
	  _proto.acceptStatusToLivePersonWebsocket = function acceptStatusToLivePersonWebsocket(status, sequence, retryCount) {
	    var _this8 = this;
	    if (retryCount === void 0) {
	      retryCount = 0;
	    }
	    var timeoutPromise = function timeoutPromise(ms) {
	      return new Promise(function (_, reject) {
	        return setTimeout(function () {
	          return reject(new LPError(LPErrorTypes.ACCEPT_STATUS_TIMEOUT, 'Accept status to LivePerson timed out', {
	            status: status,
	            sequence: sequence
	          }));
	        }, ms);
	      });
	    };
	    Promise.race([this.lpWebsocket.publishEvent({
	      dialogId: this.lpOpenConvs[Object.keys(this.lpOpenConvs)[0]].activeDialogId,
	      conversationId: Object.keys(this.lpOpenConvs)[0],
	      event: {
	        type: 'AcceptStatusEvent',
	        status: status,
	        sequenceList: [sequence]
	      }
	    }), timeoutPromise(livePersonResponseTimeout)]).then(function (response) {
	      return _this8.handleLivePersonResponse(response);
	    })["catch"](function (error) {
	      _this8.handleLivePersonError(error, function (newRetryCount) {
	        return _this8.acceptStatusToLivePersonWebsocket(status, sequence, newRetryCount);
	      }, retryCount);
	    });
	  }

	  /**
	   * On close LivePerson websocket
	   *
	   * @param {Event} event The close event
	   */;
	  _proto.onCloseLivePersonWebsocket =
	  /*#__PURE__*/
	  function () {
	    var _onCloseLivePersonWebsocket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(event) {
	      var _this9 = this;
	      var notificationId, pollingFunction, retryCondition;
	      return _regeneratorRuntime().wrap(function _callee8$(_context8) {
	        while (1) switch (_context8.prev = _context8.next) {
	          case 0:
	            if (this.isLivePersonChatActive) {
	              _context8.next = 4;
	              break;
	            }
	            console.warn('LivePerson websocket closed. event:', event);
	            // Return the UI to the AI Chat Bot
	            this.returnUIToAIChatBot();
	            return _context8.abrupt("return");
	          case 4:
	            if (!(event.code === 4401 || event.code === 4407)) {
	              _context8.next = 12;
	              break;
	            }
	            console.warn('LivePerson websocket closed - API token expired. event:', event);
	            // LivePerson API token expired
	            // From LivePerson documentation - The client should return to the initation step, issue a fresh token, and reestablish the connection.
	            // Display a message to the user that the connection to LivePerson was closed
	            this.setNotification(this.livePersonSystemClosedConversationText, NotificationLevel.ERROR);
	            this.lpWebsocket.ws = null;
	            this.lpWebsocket = null;
	            this.returnUIToAIChatBot();
	            _context8.next = 35;
	            break;
	          case 12:
	            // From LivePerson documentation - For any other closeReason, the client should wait a few seconds and then try reconnecting.
	            console.warn('LivePerson websocket closed - unknown reason. event:', event);
	            this.isLivePersonAgentAssigned = false;
	            // If there is an open conversation, try to reconnect after 3 seconds, then back off exponentially
	            if (!(Object.keys(this.lpOpenConvs).length > 0)) {
	              _context8.next = 31;
	              break;
	            }
	            notificationId = null;
	            pollingFunction = /*#__PURE__*/function () {
	              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
	                return _regeneratorRuntime().wrap(function _callee6$(_context6) {
	                  while (1) switch (_context6.prev = _context6.next) {
	                    case 0:
	                      // eslint-disable-next-line no-console
	                      console.log('Attempting to reconnect to LivePerson...');
	                      if (!notificationId) {
	                        // Display a warning notification to the user that they were disconnected, and trying to reconnect
	                        notificationId = _this9.setNotification(_this9.livePersonDisconnectedReconnectingText, NotificationLevel.WARN);
	                      }

	                      // Exit early if LivePerson chat is no longer active
	                      if (_this9.isLivePersonChatActive) {
	                        _context6.next = 7;
	                        break;
	                      }
	                      console.warn('LivePerson chat is no longer active. Returning UI to AI Chat Bot.');
	                      _this9.dismissNotification(notificationId);
	                      _this9.returnUIToAIChatBot();
	                      return _context6.abrupt("return", {
	                        success: false
	                      });
	                    case 7:
	                      _context6.prev = 7;
	                      _context6.next = 10;
	                      return _this9.initLivePersonChat();
	                    case 10:
	                      // Reconnected successfully. Update the notification and return a success response, and close the notification
	                      // after 10 seconds
	                      // eslint-disable-next-line no-console
	                      console.log('Reconnected to LivePerson successfully.');
	                      _this9.setNotification(_this9.livePersonReconnectedText, NotificationLevel.SUCCESS, notificationId);
	                      setTimeout(function () {
	                        return _this9.dismissNotification(notificationId);
	                      }, 10000);
	                      return _context6.abrupt("return", {
	                        success: true
	                      });
	                    case 16:
	                      _context6.prev = 16;
	                      _context6.t0 = _context6["catch"](7);
	                      // Did not reconnect successfully. Log the error and return a failure response
	                      console.error('Error reconnecting to LivePerson:', _context6.t0);
	                      return _context6.abrupt("return", {
	                        success: false
	                      });
	                    case 20:
	                    case "end":
	                      return _context6.stop();
	                  }
	                }, _callee6, null, [[7, 16]]);
	              }));
	              return function pollingFunction() {
	                return _ref2.apply(this, arguments);
	              };
	            }();
	            retryCondition = /*#__PURE__*/function () {
	              var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(response, error, _options) {
	                return _regeneratorRuntime().wrap(function _callee7$(_context7) {
	                  while (1) switch (_context7.prev = _context7.next) {
	                    case 0:
	                      if (_this9.isLivePersonChatActive) {
	                        _context7.next = 2;
	                        break;
	                      }
	                      return _context7.abrupt("return", false);
	                    case 2:
	                      return _context7.abrupt("return", Boolean(error) || response && !response.success);
	                    case 3:
	                    case "end":
	                      return _context7.stop();
	                  }
	                }, _callee7);
	              }));
	              return function retryCondition(_x7, _x8, _x9) {
	                return _ref3.apply(this, arguments);
	              };
	            }();
	            _context8.prev = 18;
	            _context8.next = 21;
	            return LPUtils.exponentialBackoff(pollingFunction, retryCondition, {
	              maxRetries: 7,
	              // Maximum number of retries
	              delayInSeconds: 3 // Initial delay in seconds
	            });
	          case 21:
	            _context8.next = 29;
	            break;
	          case 23:
	            _context8.prev = 23;
	            _context8.t0 = _context8["catch"](18);
	            // All attempts to reconnect failed. Log the error and return the UI to the AI Chat Bot
	            console.error('Failed to reconnect to LivePerson:', _context8.t0);
	            this.lpWebsocket.ws = null;
	            this.lpWebsocket = null;
	            this.returnUIToAIChatBot();
	          case 29:
	            _context8.next = 35;
	            break;
	          case 31:
	            // If there are no open conversations, return the UI to the AI Chat Bot
	            console.warn('No open LivePerson conversations. Returning UI to AI Chat Bot.');
	            this.lpWebsocket.ws = null;
	            this.lpWebsocket = null;
	            this.returnUIToAIChatBot();
	          case 35:
	          case "end":
	            return _context8.stop();
	        }
	      }, _callee8, this, [[18, 23]]);
	    }));
	    function onCloseLivePersonWebsocket(_x6) {
	      return _onCloseLivePersonWebsocket.apply(this, arguments);
	    }
	    return onCloseLivePersonWebsocket;
	  }()
	  /**
	   * Sends an event activity to the bot framework store.
	   *
	   * @param {string} eventName The name of the event
	   * @param {Object} eventValue The value for the event (typically an object)
	   */
	  ;
	  _proto.webChatSendEvent = function webChatSendEvent(eventName, eventValue) {
	    if (!this.store) {
	      console.error('Error sending event to bot. WebChat store is not defined.');
	      return;
	    }
	    this.store.dispatch({
	      type: 'DIRECT_LINE/POST_ACTIVITY',
	      meta: {
	        method: 'keyboard'
	      },
	      payload: {
	        activity: {
	          channelData: {
	            postBack: true
	          },
	          name: eventName,
	          type: 'event',
	          value: eventValue
	        }
	      }
	    });
	  }

	  /**
	   * Dispatch an incoming-activity message to the bot framework store.
	   * The 'store' adds the message bubble to the transcript window, using the 'role' to style the message as 'bot', 'user', or
	   * our custom 'lp-system' message.
	   * Only used when connected to a Live Person conversation, and for post Live Person conversation's survey messages.
	   *
	   * @params {string} message The message to dispatch
	   * @param {string} timestamp The timestamp of the message
	   * @param {string} role The role of the message sender: "bot", "user", or "lp-system"
	   * @param {string} originatorId The originator id of the message sender
	   * @param {string} messageId The id of the message. If not provided, a random id is generated
	   * @param {number} messageSequence The sequence number of the message (only applies when rendering a message received from
	   * LivePerson websocket)
	   */;
	  _proto.webChatSendMessage = function webChatSendMessage(message, timestampForWebChat, roleForWebChat, originatorId, messageId, messageSequence) {
	    if (messageId === void 0) {
	      messageId = null;
	    }
	    if (messageSequence === void 0) {
	      messageSequence = null;
	    }
	    var processedMessage = message.replace(/#\/?md#/g, '');

	    // Removes all HTML tags from the message to avoid HTML injection into the WebStore
	    processedMessage = new DOMParser().parseFromString(processedMessage, 'text/html').body.textContent;

	    // If id is not provided, generate a random id
	    if (!messageId) {
	      messageId = Math.floor(Math.random() * 1e9);
	    }

	    // Ensure messageId is a string
	    messageId = String(messageId);

	    // Dispatch message to WebChat store so it renders in the WebChat UI
	    this.store.dispatch({
	      type: 'DIRECT_LINE/INCOMING_ACTIVITY',
	      payload: {
	        activity: {
	          type: 'message',
	          text: processedMessage,
	          from: {
	            id: originatorId,
	            role: roleForWebChat
	          },
	          id: messageId,
	          sequence: messageSequence,
	          timestamp: timestampForWebChat
	        }
	      }
	    });
	  };
	  /**
	   * Initialize the LivePerson connection
	   *
	   * @param {number} retryCount The number of retries
	   */
	  _proto.initLivePersonConnection = function initLivePersonConnection(retryCount) {
	    var _this10 = this;
	    if (retryCount === void 0) {
	      retryCount = 0;
	    }
	    var timeoutPromise = function timeoutPromise(ms) {
	      return new Promise(function (_, reject) {
	        return setTimeout(function () {
	          return reject(new LPError(LPErrorTypes.INIT_CONNECTION_TIMEOUT, 'Initializing LivePerson connection timed out'));
	        }, ms);
	      });
	    };

	    // Resolve the promise that completes first
	    Promise.race([this.lpWebsocket.initConnection({}, [{
	      type: '.ams.headers.ConsumerAuthentication',
	      jwt: this.lpJWT
	    }, {
	      type: '.ams.headers.ClientProperties',
	      features: ['AUTO_MESSAGES', 'RICH_CONTENT', 'QUICK_REPLIES', 'MULTI_DIALOG', 'MARKDOWN_HYPERLINKS']
	    }]), timeoutPromise(livePersonResponseTimeout)]).then(function (response) {
	      return _this10.handleLivePersonResponse(response);
	    })["catch"](function (error) {
	      _this10.handleLivePersonError(error, function (newRetryCount) {
	        return _this10.initLivePersonConnection(newRetryCount);
	      }, retryCount);
	    });
	  }

	  /**
	   * Subscribe to LivePerson open conversations metadata
	   *
	   * @param {number} retryCount The number of retries
	   *
	   * @returns {Promise<void>} A promise that resolves when the LivePerson websocket is subscribed to conversations metadata.
	   *                          Existing conversations that match the filter will also be sent. The promise rejects if the
	   *                          request times out.
	   */;
	  _proto.livePersonSubscribeExConversations =
	  /*#__PURE__*/
	  function () {
	    var _livePersonSubscribeExConversations = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(retryCount) {
	      var _this11 = this;
	      var timeoutPromise;
	      return _regeneratorRuntime().wrap(function _callee9$(_context9) {
	        while (1) switch (_context9.prev = _context9.next) {
	          case 0:
	            if (retryCount === void 0) {
	              retryCount = 0;
	            }
	            timeoutPromise = function timeoutPromise(ms) {
	              return new Promise(function (_, reject) {
	                return setTimeout(function () {
	                  return reject(new LPError(LPErrorTypes.SUBSCRIBE_CONVERSATION_TIMEOUT, 'Subscribing to LivePerson conversation metadata timed out'));
	                }, ms);
	              });
	            };
	            return _context9.abrupt("return", Promise.race([this.lpWebsocket.subscribeExConversations({
	              stage: [LPUtils.conversationStageTypes.OPEN, LPUtils.conversationStageTypes.CLOSE],
	              convState: [LPUtils.conversationStateTypes.OPEN, LPUtils.conversationStateTypes.CLOSE]
	            }), timeoutPromise(livePersonResponseTimeout)]).then(function (response) {
	              return _this11.handleLivePersonResponse(response);
	            })["catch"](function (error) {
	              _this11.handleLivePersonError(error, function (newRetryCount) {
	                return _this11.livePersonSubscribeExConversations(newRetryCount);
	              }, retryCount);
	            }));
	          case 3:
	          case "end":
	            return _context9.stop();
	        }
	      }, _callee9, this);
	    }));
	    function livePersonSubscribeExConversations(_x10) {
	      return _livePersonSubscribeExConversations.apply(this, arguments);
	    }
	    return livePersonSubscribeExConversations;
	  }()
	  /**
	   * Unsubscribe from LivePerson conversation
	   *
	   * @param {string} subscriptionId The subscriptionId to unsubscribe from
	   * @param {number} retryCount The number of retries
	   *
	   * @returns {Promise<void>} A promise that resolves when the LivePerson websocket is unsubscribed from the conversation
	   */
	  ;
	  _proto.livePersonUnsubscribeExConversations =
	  /*#__PURE__*/
	  function () {
	    var _livePersonUnsubscribeExConversations = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(subscriptionId, retryCount) {
	      var _this12 = this;
	      var timeoutPromise;
	      return _regeneratorRuntime().wrap(function _callee10$(_context10) {
	        while (1) switch (_context10.prev = _context10.next) {
	          case 0:
	            if (retryCount === void 0) {
	              retryCount = 0;
	            }
	            timeoutPromise = function timeoutPromise(ms) {
	              return new Promise(function (_, reject) {
	                return setTimeout(function () {
	                  return reject(new LPError(LPErrorTypes.UNSUBSCRIBE_CONVERSATION_TIMEOUT, 'Unsubscribing from LivePerson conversation metadata timed out'));
	                }, ms);
	              });
	            };
	            return _context10.abrupt("return", Promise.race([this.lpWebsocket.unsubscribeExConversations({
	              subscriptionId: subscriptionId
	            }), timeoutPromise(livePersonResponseTimeout)]).then(function (response) {
	              return _this12.handleLivePersonResponse(response);
	            })["catch"](function (error) {
	              _this12.handleLivePersonError(error, function (newRetryCount) {
	                return _this12.livePersonUnsubscribeExConversations(subscriptionId, newRetryCount);
	              }, retryCount);
	            }));
	          case 3:
	          case "end":
	            return _context10.stop();
	        }
	      }, _callee10, this);
	    }));
	    function livePersonUnsubscribeExConversations(_x11, _x12) {
	      return _livePersonUnsubscribeExConversations.apply(this, arguments);
	    }
	    return livePersonUnsubscribeExConversations;
	  }()
	  /**
	   * Disables all survey response buttons in the last message to prevent further interaction.
	   *
	   */
	  ;
	  _proto.disablePreviousQuestionSurveyResponseButtons = function disablePreviousQuestionSurveyResponseButtons() {
	    if (!this.isPostSurveyEnabled) return;

	    // Get all survey messages except the last one (current question awaiting a response)
	    var surveyMessages = Array.from(this.el.querySelectorAll("section" + Selector$j.WEB_CHAT_TRANSCRIPT_TRANSCRIPT + " " + Selector$j.ARTICLE)).slice(0, -1);

	    // Iterate over the survey messages and disable buttons
	    surveyMessages.forEach(function (message) {
	      var buttons = message.querySelectorAll(Selector$j.POST_SURVEY_JSON_POLLOCK_BUTTON);
	      buttons.forEach(function (button) {
	        button.disabled = true;
	      });
	    });
	  }

	  /**
	   * Consumer request conversation to LivePerson
	   *
	   * @param {number} retryCount The number of retries
	   */;
	  _proto.livePersonConsumerRequestConversation = function livePersonConsumerRequestConversation(retryCount) {
	    var _this13 = this;
	    if (retryCount === void 0) {
	      retryCount = 0;
	    }
	    var timeoutPromise = function timeoutPromise(ms) {
	      return new Promise(function (_, reject) {
	        return setTimeout(function () {
	          return reject(new LPError(LPErrorTypes.CONSUMER_REQUEST_CONVERSATION_TIMEOUT, 'Consumer request conversation to LivePerson timed out'));
	        }, ms);
	      });
	    };
	    Promise.race([this.lpWebsocket.consumerRequestConversation({
	      skillId: this.skillId,
	      conversationContext: {
	        visitorId: this.lpSession.visitorId,
	        sessionId: this.lpSession.sessionId,
	        lang: document.documentElement.lang,
	        type: 'SharkContext',
	        features: ['AUTO_MESSAGES', 'RICH_CONTENT', 'QUICK_REPLIES', 'MULTI_DIALOG', 'MARKDOWN_HYPERLINKS']
	      }
	    }), timeoutPromise(livePersonResponseTimeout)]).then(function (response) {
	      return _this13.handleLivePersonResponse(response);
	    })["catch"](function (error) {
	      _this13.handleLivePersonError(error, function (newRetryCount) {
	        return _this13.livePersonConsumerRequestConversation(newRetryCount);
	      }, retryCount);
	    });
	  }

	  /**
	   * Updates or waits for a LivePerson message element in the DOM, setting its originator and optionally updating its timestamp.
	   *
	   * - If the message element already exists, updates its `originator` dataset property.
	   * - If the element has a `data-lp-message-id` attribute, calls `webChatSendMessage` to update the message with the server timestamp.
	   * - If the element does not exist, observes the DOM for its appearance, updates its `originator`, and resolves when found or after a timeout.
	   *
	   * @async
	   * @param {string} messageText - The text content of the message.
	   * @param {string} dialogId - The dialog ID associated with the message.
	   * @param {string|number} sequence - The sequence number of the message within the dialog.
	   * @param {string} originatorId - The ID of the message originator.
	   * @param {string} roleForWebChat - The role (e.g., 'user', 'agent') for the web chat.
	   * @param {string} timestampFromServerString - The timestamp string from the server.
	   * @returns {Promise<HTMLElement|null>} Resolves with the message element when found or updated, or `null` if not found within the timeout.
	   */;
	  _proto.updateLivePersonMessageInDOM =
	  /*#__PURE__*/
	  function () {
	    var _updateLivePersonMessageInDOM = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(messageText, dialogId, sequence, originatorId, roleForWebChat, timestampFromServerString) {
	      var _this14 = this;
	      return _regeneratorRuntime().wrap(function _callee11$(_context11) {
	        while (1) switch (_context11.prev = _context11.next) {
	          case 0:
	            return _context11.abrupt("return", new Promise(function (resolve) {
	              // Check if element already exists
	              var messageElem = _this14.webChatTranscriptElem.querySelector("[data-lp-message-dialog-id=\"" + dialogId + "\"][data-lp-message-sequence=\"" + sequence + "\"]");
	              if (messageElem) {
	                messageElem.dataset.originator = roleForWebChat;

	                // If message has an has a data-lp-message-id attribute, it was already rendered from a user message send. Call webChatSendMessage to
	                // update the message in the transcript with the timestamp from the server to ensure that the message is rendered
	                // in the correct order
	                var messageId = messageElem.dataset.lpMessageId;
	                if (messageId) {
	                  _this14.webChatSendMessage(messageText, timestampFromServerString, roleForWebChat, originatorId, messageId, sequence);
	                  resolve(messageElem);
	                  return;
	                }
	                resolve(messageElem);
	                return;
	              }

	              // Set up observer to wait for the element to appear
	              var observer = new MutationObserver(function () {
	                var messageElem = _this14.webChatTranscriptElem.querySelector("[data-lp-message-dialog-id=\"" + dialogId + "\"][data-lp-message-sequence=\"" + sequence + "\"]");
	                if (messageElem) {
	                  messageElem.dataset.originator = roleForWebChat;
	                  observer.disconnect();
	                  clearTimeout(observerTimeout);
	                  resolve(messageElem);
	                }
	              });

	              // Start observing the transcript for changes
	              observer.observe(_this14.webChatTranscriptElem, {
	                childList: true,
	                subtree: true,
	                attributes: true,
	                attributeFilter: ['data-lp-message-dialog-id', 'data-lp-message-sequence']
	              });

	              // Set a timeout to avoid hanging indefinitely
	              var observerTimeout = setTimeout(function () {
	                observer.disconnect();
	                console.warn("Message element for dialogId=" + dialogId + ", sequence=" + sequence + " not found within timeout period");
	                resolve(null);
	              }, 5000);
	            }));
	          case 1:
	          case "end":
	            return _context11.stop();
	        }
	      }, _callee11);
	    }));
	    function updateLivePersonMessageInDOM(_x13, _x14, _x15, _x16, _x17, _x18) {
	      return _updateLivePersonMessageInDOM.apply(this, arguments);
	    }
	    return updateLivePersonMessageInDOM;
	  }()
	  /**
	   * Renders quick reply options inside a LivePerson survey chat message element using JsonPollock.
	   *
	   * @param {Object} quickRepliesData - The data object representing quick replies to render.
	   * @param {HTMLElement} messageElem - The DOM element representing the chat message bubble.
	   * @param {boolean} [requiresStarReplacement=false] - Indicates if rating star replacement is required for the survey.
	   *
	   * @throws {Error} Logs an error if rendering fails or required elements are not found.
	   */
	  ;
	  _proto.renderQuickReplies = function renderQuickReplies(quickRepliesData, messageElem, requiresStarReplacement) {
	    if (requiresStarReplacement === void 0) {
	      requiresStarReplacement = false;
	    }
	    if (!quickRepliesData || !messageElem) return;
	    try {
	      var container = window.JsonPollock.render(quickRepliesData);
	      var bubbleContent = messageElem.querySelector(Selector$j.WEB_CHAT_BUBBLE_CONTENT);
	      if (!bubbleContent) {
	        console.error('webchat__bubble__content element not found in the messageElem');
	        return;
	      }

	      // Append the rendered container
	      bubbleContent.append(container);

	      // If post-survey is enabled
	      if (this.isPostSurveyEnabled) {
	        // Set data attribute based on requiresStarReplacement flag
	        bubbleContent.dataset.requiresStarReplacement = requiresStarReplacement.toString();

	        // Add class to distinguish survey questions
	        bubbleContent.classList.add(ClassName$d.LP_SURVEY_QUESTIONNAIRE);

	        // If requiresStarReplacement is false, add 'lp-pcs-richContent' class for styling rich content
	        if (!requiresStarReplacement) {
	          bubbleContent.classList.add(ClassName$d.LP_SURVEY_RICH_CONTENT);
	        }
	      }
	    } catch (error) {
	      console.error('Error rendering quick replies:', error);
	    }
	  }

	  /**
	   * Accepts a message via the LivePerson WebSocket if the role is not 'user'.
	   *
	   * @param {string} roleForWebChat - The role associated with the web chat message.
	   * @param {number} sequence - The sequence number for the message.
	   */;
	  _proto.acceptMessageIfNotUser = function acceptMessageIfNotUser(roleForWebChat, sequence) {
	    if (roleForWebChat !== 'user') {
	      this.acceptStatusToLivePersonWebsocket(LPUtils.acceptStatusTypes.ACCEPT, sequence);
	    }
	  }

	  /**
	   * Handle LivePerson opened websocket
	   *
	   * @returns {Promise<void>} A promise that resolves when the LivePerson websocket is opened
	   */;
	  _proto.handleLivePersonOpenedSocket =
	  /*#__PURE__*/
	  function () {
	    var _handleLivePersonOpenedSocket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
	      var _this15 = this,
	        _subscribeExConversat;
	      var userId, subscribeExConversationsResponse;
	      return _regeneratorRuntime().wrap(function _callee12$(_context12) {
	        while (1) switch (_context12.prev = _context12.next) {
	          case 0:
	            this.lpWebsocket.registerRequests(livePersonApiRequestTypes);
	            userId = _classPrivateFieldLooseBase(this, _getLivePersonIdFromJWT)[_getLivePersonIdFromJWT]();
	            if (userId) {
	              _context12.next = 6;
	              break;
	            }
	            console.error('No LivePerson userId found');
	            this.setNotification(NotificationLevel.ERROR, this.livePersonGenericErrorText);
	            return _context12.abrupt("return");
	          case 6:
	            this.initLivePersonConnection();
	            this.lpWebsocket.onNotification(withType('MessagingEvent'), function (body) {
	              var _body$changes;
	              return (_body$changes = body.changes) == null ? void 0 : _body$changes.forEach(function (change) {
	                var originatorId = change.originatorMetadata.id;
	                var roleForWebChat = change.originatorId === userId ? 'user' : 'bot';
	                if (change.sequence) {
	                  _this15.curLpChangeSequence = change.sequence;
	                }

	                // publish the survey response to LivePerson Chat
	                if (!_this15.isSurveyTextActionPublished && change.sequence) {
	                  window.JsonPollock.registerAction('publishText', function (data) {
	                    _this15.acceptStatusToLivePersonWebsocket(LPUtils.acceptStatusTypes.ACTION, change.sequence);
	                    _this15.handleLivePersonSendMessage(data.actionData.text);
	                  });
	                  _this15.isSurveyTextActionPublished = true;
	                }
	                switch (change.event.type) {
	                  case 'RichContentEvent':
	                    {
	                      // Extract message text from the first element of content
	                      var messageTextElement = change.event.content.elements.find(function (el) {
	                        return el.type === 'text';
	                      });
	                      var messageText = messageTextElement ? messageTextElement.text : '';
	                      var serverTimestampString = new Date(change.serverTimestamp).toISOString();
	                      _this15.webChatSendMessage(messageText, serverTimestampString, roleForWebChat, originatorId, null, change.sequence);

	                      // Update message in DOM
	                      _this15.updateLivePersonMessageInDOM(messageText, change.dialogId, change.sequence, originatorId, roleForWebChat, serverTimestampString).then(function (messageElem) {
	                        _this15.lpMessages[change.dialogId + "-" + change.sequence] = messageElem;

	                        // Prepare buttons data for JSON-Pollock rendering
	                        var buttonElements = change.event.content.elements.filter(function (el) {
	                          return el.type === 'button';
	                        });
	                        if (buttonElements.length > 0) {
	                          var quickRepliesData = {
	                            type: change.event.content.type,
	                            elements: buttonElements.map(function (button) {
	                              return {
	                                type: button.type,
	                                title: button.title,
	                                tooltip: button.tooltip,
	                                click: {
	                                  actions: button.click.actions
	                                }
	                              };
	                            })
	                          };
	                          _this15.renderQuickReplies(quickRepliesData, messageElem, false);
	                        }
	                      });
	                      break;
	                    }
	                  case 'ContentEvent':
	                    {
	                      var _serverTimestampString = new Date(change.serverTimestamp).toISOString();
	                      if (roleForWebChat === 'user' && (change.event.message.startsWith(_this15.transcriptIntroText) || change.event.message.startsWith(_this15.transcriptContinuedText))) {
	                        // Don't render transcript messages the user sent to LivePerson in the WebChat UI
	                        break;
	                      }

	                      // If the transcript does not already contain the message, render it in the WebChat UI
	                      if (!_this15.webChatTranscriptElem.querySelector("[data-lp-message-dialog-id=\"" + change.dialogId + "\"][data-lp-message-sequence=\"" + change.sequence + "\"]")) {
	                        _this15.webChatSendMessage(change.event.message, _serverTimestampString, roleForWebChat, originatorId, null, change.sequence);
	                      }

	                      // Update message in DOM
	                      _this15.updateLivePersonMessageInDOM(change.event.message, change.dialogId, change.sequence, originatorId, roleForWebChat, _serverTimestampString).then(function (messageElem) {
	                        var _change$metadata, _change$metadata$;
	                        _this15.lpMessages[change.dialogId + "-" + change.sequence] = messageElem;

	                        // Accept the message to acknowledge as received - note this is not a READ receipt
	                        _this15.acceptMessageIfNotUser(roleForWebChat, change.sequence);

	                        // Handle quick replies if present
	                        if (change.event.quickReplies && Array.isArray(change.event.quickReplies.replies)) {
	                          var quickRepliesData = {
	                            type: 'horizontal',
	                            elements: change.event.quickReplies.replies.map(function (reply) {
	                              return {
	                                type: reply.type,
	                                title: reply.title,
	                                tooltip: reply.tooltip,
	                                click: {
	                                  actions: reply.click.actions
	                                }
	                              };
	                            })
	                          };
	                          _this15.renderQuickReplies(quickRepliesData, messageElem, true);
	                        } else if (((_change$metadata = change.metadata) == null ? void 0 : (_change$metadata$ = _change$metadata[0]) == null ? void 0 : _change$metadata$.type) === 'Question' && _this15.isPostSurveyEnabled) {
	                          // If the message is a question and part of the survey that ALSO doesn't have quick replies... re-enable the chat message box

	                          // Regrettably, this is a workaround for the fact that the LivePerson API doesn't provide a way to determine if a message is a question
	                          // with buttons or a freeform text question.
	                          _this15.toggleWebChatUserTextBoxDisabled(false);
	                        }
	                      });
	                      break;
	                    }
	                  case 'ChatStateEvent':
	                    {
	                      if (roleForWebChat !== 'user' && roleForWebChat !== 'lp-system') {
	                        _this15.updateAgentState(change.event.chatState);
	                      }
	                      break;
	                    }
	                  case 'AcceptStatusEvent':
	                    {
	                      change.event.sequenceList.forEach(function (sequence) {
	                        return _this15.updateLivePersonMessageStatus(sequence, change.event.status, change.dialogId);
	                      });
	                      break;
	                    }
	                }
	              });
	            });

	            // If there is an existing subscriptionId, user is reconnecting to websocket. Set lpSubscribedToMessagingEvents to false
	            // since we are getting a new subscriptionId from livePersonSubscribeExConversations
	            if (this.lpSubscriptionId) {
	              this.lpSubscribedToMessagingEvents = false;
	            }

	            // subscribe to open conversations metadata
	            _context12.next = 11;
	            return this.livePersonSubscribeExConversations();
	          case 11:
	            subscribeExConversationsResponse = _context12.sent;
	            if ((_subscribeExConversat = subscribeExConversationsResponse.body) != null && _subscribeExConversat.subscriptionId) {
	              _context12.next = 16;
	              break;
	            }
	            console.error('No subscriptionId found in LivePerson subscribeExConversations response');
	            this.setNotification(NotificationLevel.ERROR, this.livePersonGenericErrorText);
	            return _context12.abrupt("return");
	          case 16:
	            this.lpSubscriptionId = subscribeExConversationsResponse.body.subscriptionId;

	            // handle notifications for open conversations
	            this.lpWebsocket.onNotification(withSubscriptionID(this.lpSubscriptionId), function (notificationBody) {
	              _this15.handleLivePersonConversationNotification(notificationBody);
	            });

	            // If no open conversations, request a new conversation
	            if (!Object.keys(this.lpOpenConvs)[0]) {
	              this.livePersonConsumerRequestConversation();
	            }

	            // Add event listener for textarea changes
	            this.webChatTextarea.addEventListener(EventName$k.INPUT, this.handleLpUserInput);

	            // Listen for user publishing content (sending messages) to LivePerson
	            this.lpWebsocket.onPublishContent(function (contentObj, timestampString) {
	              return new Promise(function (resolve, reject) {
	                try {
	                  if (contentObj.body.event.message.startsWith(_this15.transcriptIntroText) || contentObj.body.event.message.startsWith(_this15.transcriptContinuedText)) {
	                    // Don't render transcript messages the user is sending to LivePerson
	                    resolve();
	                    return;
	                  }

	                  // Render the message in the WebChat UI immediately, that way when success/error/timeout happens,
	                  // we can find the rendered message by id and update it as needed
	                  _this15.webChatSendMessage(contentObj.body.event.message, timestampString, 'user', userId, contentObj.id, null);
	                  // Use setTimeout to wait until the message is rendered in the WebChat UI
	                  setTimeout(function () {
	                    // Dispatch event that LivePerson message is rendered
	                    var event = new CustomEvent(EventName$k.LIVEPERSON_MESSAGE_RENDERED, {
	                      detail: {
	                        messageId: contentObj.id
	                      }
	                    });
	                    window.dispatchEvent(event);
	                    // Resolve the promise when done
	                    resolve();
	                  });
	                } catch (error) {
	                  // Add messageId to error object data
	                  error.data.messageId = contentObj.id;
	                  // Reject the promise if there's an error
	                  reject(error);
	                }
	              });
	            });

	            // Add event listener for closing the LivePerson websocket
	            this.lpWebsocket.ws.addEventListener(EventName$k.CLOSE, function (event) {
	              return _this15.onCloseLivePersonWebsocket(event);
	            });
	          case 22:
	          case "end":
	            return _context12.stop();
	        }
	      }, _callee12, this);
	    }));
	    function handleLivePersonOpenedSocket() {
	      return _handleLivePersonOpenedSocket.apply(this, arguments);
	    }
	    return handleLivePersonOpenedSocket;
	  }()
	  /**
	   * Initialize the LivePerson chat
	   *
	   * @returns {Promise<void>} A promise that resolves when the LivePerson chat is initialized
	   */
	  ;
	  _proto.initLivePersonChat =
	  /*#__PURE__*/
	  function () {
	    var _initLivePersonChat = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {
	      var _this16 = this;
	      var isExistingConversation, isAgentAvailable, _this$updateAIChatDra2, _this$lpWebsocket$ws, umsDomain, chatTranscript, mutationConfig;
	      return _regeneratorRuntime().wrap(function _callee13$(_context13) {
	        while (1) switch (_context13.prev = _context13.next) {
	          case 0:
	            // Disable the chat box and any action buttons until agent is connected
	            this.toggleWebChatDisabled(true);
	            isExistingConversation = Object.keys(this.lpOpenConvs).length > 0;
	            isAgentAvailable = false;
	            if (isExistingConversation) {
	              _context13.next = 7;
	              break;
	            }
	            _context13.next = 6;
	            return this.checkLivePersonAgentAvailability();
	          case 6:
	            isAgentAvailable = _context13.sent;
	          case 7:
	            if (!(isExistingConversation || isAgentAvailable)) {
	              _context13.next = 48;
	              break;
	            }
	            _context13.next = 10;
	            return this.createLivePersonSession();
	          case 10:
	            this.lpSession = _context13.sent;
	            if (this.lpSession.sessionId) {
	              _context13.next = 15;
	              break;
	            }
	            console.error('No LivePerson Session found');
	            this.toggleWebChatDisabled(false);
	            return _context13.abrupt("return");
	          case 15:
	            _context13.next = 17;
	            return this.getLivePersonJWT();
	          case 17:
	            this.lpJWT = _context13.sent;
	            if (this.lpJWT) {
	              _context13.next = 22;
	              break;
	            }
	            console.error('No LivePerson JWT found');
	            this.toggleWebChatDisabled(false);
	            return _context13.abrupt("return");
	          case 22:
	            // Update cookie with the LivePerson JWT
	            this.updateAIChatDrawerCookie((_this$updateAIChatDra2 = {}, _this$updateAIChatDra2[StorageKeys.lpJWT] = this.lpJWT, _this$updateAIChatDra2));
	            _context13.next = 25;
	            return this.getLivePersonUmsDomain();
	          case 25:
	            umsDomain = _context13.sent;
	            if (umsDomain) {
	              _context13.next = 30;
	              break;
	            }
	            console.error('No LivePerson UMS domain found');
	            this.toggleWebChatDisabled(false);
	            return _context13.abrupt("return");
	          case 30:
	            if (!(!this.lpWebsocket || ((_this$lpWebsocket$ws = this.lpWebsocket.ws) == null ? void 0 : _this$lpWebsocket$ws.readyState) !== WebSocket.OPEN)) {
	              _context13.next = 34;
	              break;
	            }
	            _context13.next = 33;
	            return this.initLivePersonWebsocket(umsDomain);
	          case 33:
	            this.lpWebsocket = _context13.sent;
	          case 34:
	            if (this.lpWebsocket) {
	              _context13.next = 38;
	              break;
	            }
	            console.error('No LivePerson websocket found');
	            this.toggleWebChatDisabled(false);
	            return _context13.abrupt("return");
	          case 38:
	            _context13.next = 40;
	            return _classPrivateFieldLooseBase(this, _initializeJsonPollock)[_initializeJsonPollock]();
	          case 40:
	            this.handleLivePersonOpenedSocket();

	            // Begin watching the transcript window for new Article elements; specifically the messages
	            // from an Agent. We will add intersection observers to the new elements to detect when the User
	            // has read them.
	            if (!this.lpMutationObserver) {
	              chatTranscript = this.el.querySelector(Selector$j.WEB_CHAT_TRANSCRIPT_TRANSCRIPT);
	              this.lpMutationObserver = new MutationObserver(function (mutations) {
	                for (var _iterator = _createForOfIteratorHelperLoose(mutations), _step; !(_step = _iterator()).done;) {
	                  var mutation = _step.value;
	                  if (mutation.type === 'childList') {
	                    mutation.addedNodes.forEach(function (node) {
	                      if (node.nodeName.toLowerCase() === Selector$j.ARTICLE && !node.querySelector(Selector$j.WEB_CHAT_BUBBLE_FROM_USER)) {
	                        // filter out articles that are from user messages
	                        _this16.observeArticleForLivePersonRead(node);
	                        _this16.disablePreviousQuestionSurveyResponseButtons(); // Disable previous survey response buttons
	                      }
	                    });
	                  }
	                }
	              });
	              mutationConfig = {
	                childList: true,
	                subtree: false
	              };
	              this.lpMutationObserver.observe(chatTranscript, mutationConfig);
	            }

	            // Set this to true once connected to a live agent
	            this.isLivePersonChatActive = true;
	            // Switch to LivePerson Chat In Queue disclaimer text once connected to a live agent
	            this.toggleLivePersonDisclaimer(true, this.livePersonInQueueText);
	            this.updateDrawerTitleText(this.drawerLivePersonTitleText);
	            this.updateButtonTitleText(this.buttonLivePersonTitleText);
	            _context13.next = 50;
	            break;
	          case 48:
	            // Post a message to the user that no agent is available.
	            this.webChatSendMessage(this.livePersonNoAgentsText, new Date().toISOString(), 'bot', null, null, null);
	            this.toggleWebChatDisabled(false);
	          case 50:
	          case "end":
	            return _context13.stop();
	        }
	      }, _callee13, this);
	    }));
	    function initLivePersonChat() {
	      return _initLivePersonChat.apply(this, arguments);
	    }
	    return initLivePersonChat;
	  }()
	  /**
	   * Handle user closing main LivePerson conversation
	   *
	   * @param {number} retryCount The current retry count
	   */
	  ;
	  _proto.handleUserCloseLivePersonConversation =
	  /*#__PURE__*/
	  function () {
	    var _handleUserCloseLivePersonConversation = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(retryCount) {
	      var _this17 = this;
	      var conversationId, timeoutPromise;
	      return _regeneratorRuntime().wrap(function _callee14$(_context14) {
	        while (1) switch (_context14.prev = _context14.next) {
	          case 0:
	            if (retryCount === void 0) {
	              retryCount = 0;
	            }
	            if (this.isPostSurveyEnabled) {
	              this.lpSurveyForcedClosed = true; // The End live chat button was clicked *during* the survey. Track this so we don't send a survey close message.
	            }
	            conversationId = Object.keys(this.lpOpenConvs)[0];
	            if (conversationId) {
	              timeoutPromise = function timeoutPromise(ms) {
	                return new Promise(function (_, reject) {
	                  return setTimeout(function () {
	                    return reject(new LPError(LPErrorTypes.USER_CLOSE_CONVERSATION_TIMEOUT, 'User closing LivePerson conversation timed out'));
	                  }, ms);
	                });
	              };
	              Promise.race([this.lpWebsocket.updateConversationField({
	                conversationId: conversationId,
	                conversationField: [{
	                  field: 'DialogChange',
	                  type: 'UPDATE',
	                  dialog: {
	                    dialogId: this.lpOpenConvs[conversationId].activeDialogId,
	                    state: LPUtils.conversationStateTypes.CLOSE,
	                    closedCause: 'Closed by consumer'
	                  }
	                }]
	              }), timeoutPromise(livePersonResponseTimeout)]).then(function (response) {
	                return _this17.handleLivePersonResponse(response);
	              })["catch"](function (error) {
	                _this17.handleLivePersonError(error, function (newRetryCount) {
	                  return _this17.handleUserCloseLivePersonConversation(newRetryCount);
	                }, retryCount);
	              });
	            } else {
	              console.warn('User closing LivePerson conversation, but no LivePerson conversation found...');
	              this.returnUIToAIChatBot();
	            }
	          case 4:
	          case "end":
	            return _context14.stop();
	        }
	      }, _callee14, this);
	    }));
	    function handleUserCloseLivePersonConversation(_x19) {
	      return _handleUserCloseLivePersonConversation.apply(this, arguments);
	    }
	    return handleUserCloseLivePersonConversation;
	  }()
	  /**
	   * Return the UI to the AI Chat Bot state
	   */
	  ;
	  _proto.returnUIToAIChatBot = function returnUIToAIChatBot() {
	    var _this$lpMutationObser;
	    // ensure the forced close state is reset
	    this.lpSurveyForcedClosed = false;
	    // Set isLivePersonChatActive to false
	    this.isLivePersonChatActive = false;
	    // Switch back to AI Chat disclaimer text
	    this.toggleLivePersonDisclaimer(false);
	    // Reset the agent assigned state
	    this.isLivePersonAgentAssigned = false;
	    // Enable the chat box
	    this.toggleWebChatDisabled(false);
	    // Reset isSendTranscript flag
	    this.isSendTranscript = false;
	    // Focus the WebChat textarea
	    this.webChatTextarea.focus();
	    // Remove the mutation observer
	    (_this$lpMutationObser = this.lpMutationObserver) == null ? void 0 : _this$lpMutationObser.disconnect();
	    // Remove the event listener for textarea changes
	    this.webChatTextarea.removeEventListener(EventName$k.INPUT, this.handleLpUserInput);
	    // Return text to the standard AI Chat text
	    this.updateDrawerTitleText(this.drawerTitleText);
	    this.updateButtonTitleText(this.buttonTitleText);

	    // Reset and close the LivePerson websocket to ensure a fresh connection next time
	    if (this.lpWebsocket) {
	      if (this.lpWebsocket.ws && this.lpWebsocket.ws.readyState === WebSocket.OPEN) {
	        // Only try to close if it's open
	        this.lpWebsocket.ws.close();
	      }
	      this.lpWebsocket = null;
	    }

	    // Reset the subscription ID so a new one will be created on reconnect
	    this.lpSubscriptionId = null;

	    // Clear any stored conversations
	    this.lpOpenConvs = {};
	    this.lpMessages = {};
	    this.curLpChangeSequence = 0;
	    this.lpSubscribedToMessagingEvents = false;
	  }

	  /**
	   * Observe article elements for LivePerson read status
	   *
	   * @param {HTMLElement} article The article element to observe
	   */;
	  _proto.observeArticleForLivePersonRead = function observeArticleForLivePersonRead(article) {
	    var _this18 = this;
	    var articleObserver = new IntersectionObserver(function (entries, observer) {
	      entries.forEach(function (entry) {
	        if (entry.intersectionRatio >= 0.9 && entry.target.dataset.lpMessageSequence && entry.target.dataset.lpMessageSequence !== 'pending') {
	          var sequence = entry.target.dataset.lpMessageSequence;
	          _this18.acceptStatusToLivePersonWebsocket(LPUtils.acceptStatusTypes.READ, sequence);
	          observer.unobserve(entry.target);
	          observer.disconnect();
	        }
	      });
	    }, {
	      threshold: 0.9
	    });
	    articleObserver.observe(article);
	  }

	  /**
	   * Update AI Chat Drawer title text
	   *
	   * @param {string} text The text to update the title with
	   */;
	  _proto.updateDrawerTitleText = function updateDrawerTitleText(text) {
	    this.el.querySelector(Selector$j.BLOCK_FEATURE_TITLE).textContent = text;
	  }

	  /**
	   * Update AI Chat Button title text
	   *
	   * @param {string} text The text to update the title with
	   */;
	  _proto.updateButtonTitleText = function updateButtonTitleText(text) {
	    this.aiChatButton.querySelector(Selector$j.AI_CHAT_BUTTON_TEXT + " span").textContent = text;
	  }

	  /**
	   * Shows or Hides the Live Person specific 'Disclaimer Text', while hiding any other disclaimer text.
	   * @param {boolean} true if we should switch to the Live Person disclaimer, false if we should switch it back to the AI-Assistant disclaimer
	   */;
	  _proto.toggleLivePersonDisclaimer = function toggleLivePersonDisclaimer(isShown, disclaimerText) {
	    var _this19 = this;
	    if (isShown) {
	      var lpDisclaimerTextSpan = document.createElement('span');
	      lpDisclaimerTextSpan.textContent = disclaimerText;
	      var lpDisclaimerButton = document.createElement('a');
	      lpDisclaimerButton.href = '#';
	      lpDisclaimerButton.setAttribute('role', 'button');
	      lpDisclaimerButton.classList.add(ClassName$d.RETURN_TO_AI_CHAT);
	      lpDisclaimerButton.innerHTML = "<span class=\"link__text\">" + this.returnToAiChatText + "</span>";
	      lpDisclaimerButton.addEventListener(EventName$k.CLICK, function (event) {
	        event.preventDefault();
	        _this19.handleUserCloseLivePersonConversation();
	      });
	      lpDisclaimerButton.addEventListener(EventName$k.KEYDOWN, function (event) {
	        if (event.key === ' ' || event.key === 'Enter') {
	          event.preventDefault();
	          _this19.handleUserCloseLivePersonConversation();
	        }
	      });
	      this.aiDisclaimerDiv.innerHTML = '';
	      this.aiDisclaimerDiv.append(lpDisclaimerTextSpan, ' ', lpDisclaimerButton);
	    } else {
	      // Set disclaimer back to the AI Disclaimer Text
	      this.aiDisclaimerDiv.innerHTML = this.aiDisclaimerText;
	    }
	  }

	  /**
	   * Open the chat drawer.
	   * @param {string} initialChatText Optional initial chat text to send to bot
	   */;
	  _proto.chatOpen =
	  /*#__PURE__*/
	  function () {
	    var _chatOpen = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(initialChatText) {
	      var _this$updateAIChatDra3,
	        _this20 = this;
	      return _regeneratorRuntime().wrap(function _callee15$(_context15) {
	        while (1) switch (_context15.prev = _context15.next) {
	          case 0:
	            if (initialChatText === void 0) {
	              initialChatText = '';
	            }
	            this.previouslyFocusedElem = document.activeElement;
	            this.el.hidden = false;
	            this.updateAIChatDrawerCookie((_this$updateAIChatDra3 = {}, _this$updateAIChatDra3[StorageKeys.chatDrawerState] = 'OPEN', _this$updateAIChatDra3));

	            // If source site has changed, send updated source site to bot, and update cookie
	            if (!(this.sourceSite !== this.getAIChatDrawerCookieObject()[StorageKeys.sourceSite])) {
	              _context15.next = 7;
	              break;
	            }
	            _context15.next = 7;
	            return this.updateSourceSite(this.sourceSite);
	          case 7:
	            requestAnimationFrame(function () {
	              _this20.el.classList.add(ClassName$d.SHOW);
	              if (_this20.mediaQueryListModalDialog.matches) {
	                _this20.toggleModalDialogMode(true);
	              } else {
	                _this20.toggleModalDialogMode(false);
	              }
	            });
	            if (this.aiChatButton) {
	              this.showChatButton(false);
	            }
	            if (initialChatText && this.webChatInstance) {
	              this.store.dispatch({
	                type: 'WEB_CHAT/SEND_MESSAGE',
	                payload: {
	                  text: initialChatText
	                }
	              });
	            }
	            this.webChatTextarea.focus();
	          case 11:
	          case "end":
	            return _context15.stop();
	        }
	      }, _callee15, this);
	    }));
	    function chatOpen(_x20) {
	      return _chatOpen.apply(this, arguments);
	    }
	    return chatOpen;
	  }()
	  /**
	   * Close the chat drawer, reenable web chat elements if they were disabled, and focus the search input in banner if it exists,
	   * otherwise focus the previously focused element.
	   */
	  ;
	  _proto.chatClose = function chatClose() {
	    var _this$updateAIChatDra4;
	    this.el.classList.remove(ClassName$d.SHOW);
	    this.toggleModalDialogMode(false);
	    this.updateAIChatDrawerCookie((_this$updateAIChatDra4 = {}, _this$updateAIChatDra4[StorageKeys.chatDrawerState] = 'CLOSED', _this$updateAIChatDra4));
	    if (this.aiChatButton) {
	      this.showChatButton(true);
	    }
	    clearTimeout(this.messageWaitTimeout);
	    if (this.aiSearchFormComponent) {
	      this.aiSearchFormComponent.searchInput.focus();
	    } else if (this.previouslyFocusedElem) {
	      this.previouslyFocusedElem.focus();
	    }
	  }

	  /**
	   * Opens the chat drawer if it is already initialized, otherwise initializes the chat drawer.
	   *
	   * @param {string} [initialChatText=''] - The initial text to be sent to the bot when opening or initializing the drawer.
	   */;
	  _proto.chatOpenOrInit = function chatOpenOrInit(initialChatText) {
	    if (initialChatText === void 0) {
	      initialChatText = '';
	    }
	    if (this.chatInitialized) {
	      this.chatOpen(initialChatText);
	    } else {
	      this.initChat(initialChatText);
	    }
	  }

	  /**
	   * Returns a Promise that resolves when the first message from the bot has rendered. If a message from the bot is already
	   * rendered, the Promise resolves immediately.
	   *
	   * @returns {Promise<void>}
	   */;
	  _proto.welcomeMessageRendered = function welcomeMessageRendered() {
	    var _this21 = this;
	    return new Promise(function (resolve, reject) {
	      var transcript = _this21.el.querySelector(Selector$j.WEB_CHAT_TRANSCRIPT);
	      if (!transcript) {
	        reject(new Error('Transcript element not found. Cannot observe for welcome message.'));
	        return;
	      }

	      // Check if a webchat bubble from the bot already exists
	      var existingBotBubble = transcript.querySelector(Selector$j.WEB_CHAT_BUBBLE_FROM_BOT);
	      if (existingBotBubble) {
	        resolve();
	        return;
	      }
	      var observer = new MutationObserver(function (mutationsList, observer) {
	        for (var _iterator2 = _createForOfIteratorHelperLoose(mutationsList), _step2; !(_step2 = _iterator2()).done;) {
	          var mutation = _step2.value;
	          for (var _iterator3 = _createForOfIteratorHelperLoose(mutation.addedNodes), _step3; !(_step3 = _iterator3()).done;) {
	            var addedNode = _step3.value;
	            if (addedNode.nodeType === Node.ELEMENT_NODE) {
	              var botBubble = addedNode.querySelector(Selector$j.WEB_CHAT_BUBBLE_FROM_BOT);
	              if (botBubble) {
	                observer.disconnect();
	                resolve();
	                return;
	              }
	            }
	          }
	        }
	      });
	      observer.observe(transcript, {
	        childList: true,
	        subtree: true
	      });
	    });
	  }

	  /**
	   * Handle connect fulfilled event on the WebChat instance. Store a reference to the WebChat instance, and store references
	   * to the send box, form, textarea, and send button elements. Append disclaimer text above send box. Open the chat drawer.
	   */;
	  _proto.onWebChatConnectFulfilled = function onWebChatConnectFulfilled() {
	    this.webChatInstance = window.WebChat;
	    this.chatInitialized = true;
	    this.webChatSendBox = this.el.querySelector(Selector$j.WEB_CHAT_SEND_BOX);
	    this.webChatForm = this.webChatSendBox.querySelector('form');
	    this.webChatTextarea = this.webChatForm.querySelector('textarea');
	    this.webChatTextarea.maxLength = this.webChatMaximumCharacters;
	    this.webChatSendButton = this.webChatSendBox.querySelector(Selector$j.WEB_CHAT_SEND_BUTTON);
	    this.firstFocusableElem = this.closeButton;
	    this.lastFocusableElem = this.webChatSendButton;

	    // Append disclaimer text above send box
	    if (this.webChatSendBox && !this.aiDisclaimerDiv) {
	      this.aiDisclaimerDiv = document.createElement('small');
	      this.aiDisclaimerDiv.classList.add(ClassName$d.AI_DISCLAIMER);
	      this.aiDisclaimerDiv.innerHTML = this.aiDisclaimerText;
	      this.webChatSendBox.insertAdjacentElement('beforebegin', this.aiDisclaimerDiv);
	    }
	    this.chatOpen();
	  }

	  /**
	   * Handle start conversation fulfilled event on the WebChat instance. If initial chat text was passed in, send it to the bot
	   * after the welcome message has rendered.
	   *
	   * @param {CustomEvent} event 'startconversationfulfilled' event on the WebChat instance
	   */;
	  _proto.onStartConversationFulfilled =
	  /*#__PURE__*/
	  function () {
	    var _onStartConversationFulfilled = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16(event) {
	      var initialChatText, eventValue;
	      return _regeneratorRuntime().wrap(function _callee16$(_context16) {
	        while (1) switch (_context16.prev = _context16.next) {
	          case 0:
	            initialChatText = event.data;
	            if (!(initialChatText && this.webChatInstance)) {
	              _context16.next = 8;
	              break;
	            }
	            _context16.next = 4;
	            return this.welcomeMessageRendered();
	          case 4:
	            this.store.dispatch({
	              type: 'WEB_CHAT/SEND_MESSAGE',
	              payload: {
	                text: initialChatText
	              }
	            });
	            _classPrivateFieldLooseBase(this, _initWebChatTranscriptObserver)[_initWebChatTranscriptObserver]();
	            _context16.next = 9;
	            break;
	          case 8:
	            _classPrivateFieldLooseBase(this, _initWebChatTranscriptObserver)[_initWebChatTranscriptObserver]();
	          case 9:
	            // Disable any previously sent transcript checkboxes and "Continue" buttons that start a new chat with LivePerson,
	            // as they could be confusing to the user
	            this.hideLivePersonChatIntroElems();
	            if (Object.keys(this.lpOpenConvs).length) {
	              // There is possibly an active conversation with LivePerson
	              // Don't send transcript again since user is reconnecting and not starting chat from "startLPChat" event
	              this.isSendTranscript = false;

	              // Attempt to reconnect to LivePerson
	              this.initLivePersonChat();
	            }

	            // If user opened chat drawer via proactive chat, send proactive chat event to bot
	            if (this.isInstantiatedByProactiveChat) {
	              eventValue = {
	                instantiatedByProactiveChat: this.isInstantiatedByProactiveChat
	              };
	              this.webChatSendEvent(EventName$k.INSTANTIATED_BY_PROACTIVE_CHAT, eventValue);
	            }
	          case 12:
	          case "end":
	            return _context16.stop();
	        }
	      }, _callee16, this);
	    }));
	    function onStartConversationFulfilled(_x21) {
	      return _onStartConversationFulfilled.apply(this, arguments);
	    }
	    return onStartConversationFulfilled;
	  }()
	  /**
	   * Handle transition end event on the chat drawer.
	   */
	  ;
	  _proto.onAIChatDrawerTransitionEnd = function onAIChatDrawerTransitionEnd() {
	    // When chat drawer has finished sliding off screen, add hidden attribute so elements inside cannot be focused/interacted with
	    if (!this.el.classList.contains(ClassName$d.SHOW)) {
	      this.el.hidden = true;
	    }
	  }

	  /**
	   * Detect when message from bot is appended to the WebChat transcript. If a message from the bot is appended, reenable the
	   * WebChat elements if they were disabled, and focus the textarea in drawer if it had focus before the message was appended.
	   *
	   * @param {MutationRecord[]} mutationsList - List of mutations
	   */;
	  _proto.onWebChatTranscriptMutation = function onWebChatTranscriptMutation(mutationsList) {
	    for (var _iterator4 = _createForOfIteratorHelperLoose(mutationsList), _step4; !(_step4 = _iterator4()).done;) {
	      var mutation = _step4.value;
	      for (var _iterator5 = _createForOfIteratorHelperLoose(mutation.addedNodes), _step5; !(_step5 = _iterator5()).done;) {
	        var addedNode = _step5.value;
	        if (addedNode.nodeType !== Node.ELEMENT_NODE) {
	          continue;
	        }
	        var botBubble = addedNode.querySelector(Selector$j.WEB_CHAT_BUBBLE_FROM_BOT);
	        // Not a message from bot, or bot is still generating a response
	        if (!botBubble || botBubble.textContent.startsWith(this.botGeneratingResponseText)) {
	          continue;
	        }

	        // Message from bot rendered, reenable web chat elements.
	        // Don't handle this for live person messages.
	        if (!this.isLivePersonChatActive) {
	          this.toggleWebChatDisabled(false);
	        }

	        // Clear timeout
	        clearTimeout(this.messageWaitTimeout);
	        if (this.webChatTextAreaHadFocus) {
	          this.webChatTextarea.focus();
	        }
	        return; // Exit once bot bubble is found and handled
	      }
	    }
	  }

	  /**
	   * Hide live person messages and transcript form that would trigger a new chat with LivePerson.
	   */;
	  _proto.hideLivePersonChatIntroElems = function hideLivePersonChatIntroElems() {
	    // get all of the intro messages and forms
	    var introElems = this.getLPIntroMessageElements();
	    introElems.forEach(function (elem) {
	      // Find the parent 'article' element and hide it
	      var articleElem = elem.closest(Selector$j.ARTICLE);
	      if (articleElem) {
	        articleElem.hidden = true;
	      }
	    });
	  }

	  /**
	   * Initialize chat.
	   * @param {string} initialChatText Optional initial chat text to send to bot
	   */;
	  _proto.initChat =
	  /*#__PURE__*/
	  function () {
	    var _initChat = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee18(initialChatText) {
	      var _this22 = this;
	      var token;
	      return _regeneratorRuntime().wrap(function _callee18$(_context18) {
	        while (1) switch (_context18.prev = _context18.next) {
	          case 0:
	            if (initialChatText === void 0) {
	              initialChatText = '';
	            }
	            _context18.next = 3;
	            return _classPrivateFieldLooseBase(this, _generateDirectLineToken)[_generateDirectLineToken]();
	          case 3:
	            token = _context18.sent;
	            // Create Redux store for WebChat
	            this.store = window.WebChat.createStore({}, function (_ref4) {
	              var dispatch = _ref4.dispatch;
	              return function (next) {
	                return /*#__PURE__*/function () {
	                  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17(action) {
	                    var cookieCreation, currentTime, result;
	                    return _regeneratorRuntime().wrap(function _callee17$(_context17) {
	                      while (1) switch (_context17.prev = _context17.next) {
	                        case 0:
	                          _context17.t0 = action.type;
	                          _context17.next = _context17.t0 === 'DIRECT_LINE/CONNECT' ? 3 : _context17.t0 === 'DIRECT_LINE/CONNECT_FULFILLED' ? 5 : _context17.t0 === 'DIRECT_LINE/POST_ACTIVITY' ? 8 : _context17.t0 === 'DIRECT_LINE/POST_ACTIVITY_FULFILLED' ? 11 : _context17.t0 === 'DIRECT_LINE/INCOMING_ACTIVITY' ? 13 : _context17.t0 === 'WEB_CHAT/SEND_MESSAGE' ? 15 : 23;
	                          break;
	                        case 3:
	                          _this22.handlePreConnect();
	                          return _context17.abrupt("break", 24);
	                        case 5:
	                          _this22.handleConnectFulfilled(dispatch);
	                          _this22.sendLPFeatureFlagToBot(dispatch);
	                          return _context17.abrupt("break", 24);
	                        case 8:
	                          if (!(_this22.isLivePersonChatActive && action.payload.activity.name !== EventName$k.LIVEPERSON_SAVE_IDS)) {
	                            _context17.next = 10;
	                            break;
	                          }
	                          return _context17.abrupt("return");
	                        case 10:
	                          return _context17.abrupt("break", 24);
	                        case 11:
	                          _this22.handlePostActivityFulfilled(action, initialChatText);
	                          return _context17.abrupt("break", 24);
	                        case 13:
	                          _this22.handleIncomingActivity(action, dispatch);
	                          return _context17.abrupt("break", 24);
	                        case 15:
	                          if (!_this22.isLivePersonChatActive) {
	                            _context17.next = 20;
	                            break;
	                          }
	                          // Change the composing state to pause before sending a message
	                          _this22.debouncedChatStateToPause.cancel({
	                            upcomingOnly: true
	                          });
	                          _this22.chatStateToPause();
	                          // Send the message text to LivePerson
	                          _this22.handleLivePersonSendMessage(action.payload.text);
	                          // Return early to prevent dispatching the action to next middleware or store
	                          return _context17.abrupt("return");
	                        case 20:
	                          // Refresh/Regenerate the token
	                          if (token) {
	                            cookieCreation = _this22.getAIChatDrawerCookieObject()[StorageKeys.tokenCreated];
	                            currentTime = Date.now() / 1000;
	                            if (currentTime - cookieCreation < _this22.refreshAfter) {
	                              _classPrivateFieldLooseBase(_this22, _refreshDirectLineToken)[_refreshDirectLineToken]();
	                            }
	                          } else {
	                            _classPrivateFieldLooseBase(_this22, _regenerateAIChatDrawerToken)[_regenerateAIChatDrawerToken]();
	                          }
	                          _this22.handleWebChatSendMessage(action);
	                          return _context17.abrupt("break", 24);
	                        case 23:
	                          return _context17.abrupt("break", 24);
	                        case 24:
	                          // Dispatch the action to next middleware or store
	                          result = next(action);
	                          return _context17.abrupt("return", result);
	                        case 26:
	                        case "end":
	                          return _context17.stop();
	                      }
	                    }, _callee17);
	                  }));
	                  return function (_x23) {
	                    return _ref5.apply(this, arguments);
	                  };
	                }();
	              };
	            });
	            this.directLine = window.WebChat.createDirectLine({
	              token: token,
	              webSocket: true
	            });

	            // Makes connection to Engine through direct line, with the defined actions and parameters
	            this.renderWebChat();
	          case 7:
	          case "end":
	            return _context18.stop();
	        }
	      }, _callee18, this);
	    }));
	    function initChat(_x22) {
	      return _initChat.apply(this, arguments);
	    }
	    return initChat;
	  }()
	  /**
	   * Sends an event to the Copilot Chatbot which will update its LivePerson feature flag
	   * to the current state of the client.
	   * @param {Function} dispatch - The dispatch function (Redux)
	   */
	  ;
	  _proto.sendLPFeatureFlagToBot = function sendLPFeatureFlagToBot(dispatch) {
	    dispatch({
	      type: 'DIRECT_LINE/POST_ACTIVITY',
	      meta: {
	        method: 'keyboard'
	      },
	      payload: {
	        activity: {
	          type: 'event',
	          name: 'livePersonFeatureFlagEvent',
	          value: {
	            livePersonFeatureFlag: this.isLivePersonChatFeatureEnabled
	          },
	          channelData: {
	            postBack: true
	          }
	        }
	      }
	    });
	  }

	  /**
	   * Split the transcript into chunks that are within the LivePerson message character limit.
	   *
	   * @param {string} transcript The transcript to split
	   * @returns {string[]} An array of transcript chunks
	   */;
	  _proto.splitTranscript = function splitTranscript(transcript) {
	    var chunks = [];
	    var startIndex = 0;
	    var continuedText = this.transcriptContinuedText + "\n\n";
	    var continuedTextLength = continuedText.length;
	    while (startIndex < transcript.length) {
	      var endIndex = startIndex + this.livePersonMessageCharLimit;
	      if (chunks.length > 0) {
	        endIndex -= continuedTextLength;
	      }
	      if (endIndex > transcript.length) {
	        endIndex = transcript.length;
	      } else {
	        // Ensure we don't split in the middle of a word
	        var lastSpaceIndex = transcript.lastIndexOf(' ', endIndex);
	        if (lastSpaceIndex > startIndex) {
	          endIndex = lastSpaceIndex;
	        }
	      }
	      var chunk = transcript.slice(startIndex, endIndex).trim();
	      if (chunks.length > 0) {
	        chunk = continuedText + chunk;
	      }
	      chunks.push(chunk);
	      startIndex = endIndex;
	    }
	    return chunks;
	  }

	  /**
	   * Send the chat transcript to LivePerson. If the transcript exceeds the character limit, split it into multiple messages.
	   *
	   * @returns {void}
	   */;
	  _proto.sendTranscriptToLivePerson = function sendTranscriptToLivePerson() {
	    var _this23 = this;
	    var messageBubbleElems = Array.from(this.webChatTranscriptElem.querySelectorAll(Selector$j.WEB_CHAT_BUBBLE));
	    if (!messageBubbleElems.length) {
	      console.error('No messages found in the WebChat transcript');
	      return;
	    }
	    var fullTranscript = this.transcriptIntroText + "\n\n";
	    messageBubbleElems.forEach(function (messageBubbleElem) {
	      var fromText = messageBubbleElem.classList.contains(Selector$j.WEB_CHAT_BUBBLE_FROM_USER.replace('.', '')) ? _this23.transcriptFromUserText : _this23.transcriptFromAssistantText;
	      var messageTextContent = messageBubbleElem.textContent.trim();
	      fullTranscript += fromText + " " + messageTextContent + "\n\n";
	    });
	    var fullTranscriptCharCount = fullTranscript.length;
	    if (fullTranscriptCharCount > this.livePersonMessageCharLimit) {
	      // Send multiple messages if the full transcript exceeds the character limit
	      var messages = this.splitTranscript(fullTranscript, this.livePersonMessageCharLimit);
	      messages.forEach( /*#__PURE__*/function () {
	        var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee19(message) {
	          return _regeneratorRuntime().wrap(function _callee19$(_context19) {
	            while (1) switch (_context19.prev = _context19.next) {
	              case 0:
	                _context19.next = 2;
	                return _this23.handleLivePersonSendMessage(message);
	              case 2:
	                _context19.next = 4;
	                return new Promise(function (resolve) {
	                  return setTimeout(resolve, 500);
	                });
	              case 4:
	              case "end":
	                return _context19.stop();
	            }
	          }, _callee19);
	        }));
	        return function (_x24) {
	          return _ref6.apply(this, arguments);
	        };
	      }());
	    } else {
	      // Send the full transcript as a single message
	      this.handleLivePersonSendMessage(fullTranscript);
	    }
	  }

	  /**
	   * Handle feedback event activity sent from the Copilot.
	   * Update accessibility properties for the feedback buttons.
	   * Add event listeners to feedback buttons.
	   * @param {Object} action - The action object (Redux)
	   * @param {Function} dispatch - The dispatch function (Redux)
	   */;
	  _proto.handleFeedbackRequestFromBot = function handleFeedbackRequestFromBot(action, dispatch) {
	    var _this24 = this;
	    var messageId = action.payload.activity.value;
	    var positiveActionSet = document.getElementById(messageId + "-positive");
	    var negativeActionSet = document.getElementById(messageId + "-negative");
	    if (positiveActionSet) {
	      var positiveButton = positiveActionSet.querySelector('button');
	      positiveButton.classList.add(ClassName$d.FEEDBACK_BUTTON);
	      positiveButton.setAttribute('aria-label', this.botFeedbackPositiveAriaLabel);
	      positiveButton.querySelector('div').setAttribute('aria-hidden', 'true');
	      positiveButton.addEventListener(EventName$k.CLICK, function () {
	        _this24.handleFeedbackButtonClick(dispatch, messageId, 'positive', positiveButton);
	      });
	      var positiveButtonImg = positiveButton.querySelector('img');
	      if (positiveButtonImg) {
	        positiveButtonImg.setAttribute('alt', '');
	      }
	    }
	    if (negativeActionSet) {
	      var negativeButton = negativeActionSet.querySelector('button');
	      negativeButton.classList.add(ClassName$d.FEEDBACK_BUTTON);
	      negativeButton.setAttribute('aria-label', this.botFeedbackNegativeAriaLabel);
	      negativeButton.querySelector('div').setAttribute('aria-hidden', 'true');
	      negativeButton.addEventListener(EventName$k.CLICK, function () {
	        _this24.handleFeedbackButtonClick(dispatch, messageId, 'negative', negativeButton);
	      });
	      var negativeButtonImg = negativeButton.querySelector('img');
	      if (negativeButtonImg) {
	        negativeButtonImg.setAttribute('alt', '');
	      }
	    }
	  }

	  /**
	   * Handle incoming adaptive card from the bot.
	   * Add a class to the follow-up bubble content to remove the background.
	   * Disable the deflection flow buttons after click.
	   *
	   * @param {Object} adaptiveCardData - The adaptive card data
	   */;
	  _proto.handleIncomingAdaptiveCard = function handleIncomingAdaptiveCard(adaptiveCardData) {
	    var _adaptiveCardData$id, _adaptiveCardData$bod;
	    if ((_adaptiveCardData$id = adaptiveCardData.id) != null && _adaptiveCardData$id.startsWith('follow-up')) {
	      var adaptiveCardId = adaptiveCardData.id;
	      // Use setTimeout to ensure the adaptive card is rendered before adding the class
	      window.setTimeout(function () {
	        var followUpAdaptiveCardElem = document.getElementById(adaptiveCardId);
	        if (followUpAdaptiveCardElem) {
	          // Add class to remove background from follow-up bubble content
	          var webChatBubbleContent = followUpAdaptiveCardElem.closest(Selector$j.WEB_CHAT_BUBBLE_CONTENT);
	          webChatBubbleContent.classList.add(ClassName$d.WEBCHAT_BUBBLE_CONTENT_FOLLOW_UP);
	        }
	      });
	    } else if ((_adaptiveCardData$bod = adaptiveCardData.body) != null && _adaptiveCardData$bod.length) {
	      var _loop = function _loop() {
	        var _bodyItem$id;
	        var bodyItem = _step6.value;
	        if ((_bodyItem$id = bodyItem.id) != null && _bodyItem$id.startsWith('deflection-')) {
	          var deflectionFlowId = bodyItem.id;
	          // Wait until deflection flow card is rendered using setTimeout
	          window.setTimeout(function () {
	            var _document$getElementB;
	            var deflectionFlowCardElem = (_document$getElementB = document.getElementById(deflectionFlowId)) == null ? void 0 : _document$getElementB.closest(Selector$j.ARTICLE);
	            if (deflectionFlowCardElem) {
	              var deflectionFlowButtons = deflectionFlowCardElem.querySelectorAll('button');
	              for (var _iterator7 = _createForOfIteratorHelperLoose(deflectionFlowButtons), _step7; !(_step7 = _iterator7()).done;) {
	                var button = _step7.value;
	                // Disable all buttons after any one of them is clicked
	                button.addEventListener(EventName$k.CLICK, function () {
	                  for (var _iterator8 = _createForOfIteratorHelperLoose(deflectionFlowButtons), _step8; !(_step8 = _iterator8()).done;) {
	                    var btn = _step8.value;
	                    btn.disabled = true;
	                  }
	                });
	              }
	            }
	          });
	          return "break"; // break out of loop after finding deflection flow item
	        }
	      };
	      for (var _iterator6 = _createForOfIteratorHelperLoose(adaptiveCardData.body), _step6; !(_step6 = _iterator6()).done;) {
	        var _ret = _loop();
	        if (_ret === "break") break;
	      }
	    }
	  }

	  /**
	   * Handle incoming activity from the WebChat store.
	   *
	   * @param {Object} action - The action object (Redux)
	   * @param {Function} dispatch - The dispatch function (Redux)
	   */;
	  _proto.handleIncomingActivity = function handleIncomingActivity(action, dispatch) {
	    var _activity$from, _activity$attachments, _activity$attachments2, _activity$from2;
	    var activity = action.payload.activity;
	    if (activity.type === 'message' && ((_activity$from = activity.from) == null ? void 0 : _activity$from.role) === 'bot' && (_activity$attachments = activity.attachments) != null && _activity$attachments.length && ((_activity$attachments2 = activity.attachments[0].content) == null ? void 0 : _activity$attachments2.type) === 'AdaptiveCard') {
	      var adaptiveCardData = activity.attachments[0].content;
	      this.handleIncomingAdaptiveCard(adaptiveCardData);
	    }
	    if (activity.type === 'message' && ((_activity$from2 = activity.from) == null ? void 0 : _activity$from2.role) === 'bot' && !this.isLivePersonChatActive) {
	      // emit an event that a message is received. Developers can listen to this event to perform additional actions, such as fire telemetry events.
	      var event = new Event(EventName$k.WEBCHAT_MESSAGE_RECEIVED);
	      window.dispatchEvent(event);
	    }
	    if (this.isLivePersonChatActive && activity.type === 'message') {
	      this.handleLivePersonIncomingActivity(activity);
	    }
	    if (activity.type === 'event' && activity.name === EventName$k.FEEDBACK_SENT) {
	      this.handleFeedbackRequestFromBot(action, dispatch);
	    }
	    if (activity.type === 'event' && activity.name === EventName$k.GENERATE_REIMAGINE_UMP) {
	      this.handleReimagineUMPRequest(action, dispatch);
	    }
	    if (activity.type === 'event' && activity.name === EventName$k.LIVEPERSON_CHAT_START && !Object.keys(this.lpOpenConvs).length) {
	      var _this$updateAIChatDra5;
	      this.skillId = activity.value.skillId;
	      this.accountId = activity.value.accountId;
	      this.isSendTranscript = activity.value.sendTranscript;

	      // If this "startLPChat" activity has already been seen (from bot chat history), don't start a new LivePerson chat
	      if (this.startLPChatActivityIds.includes(activity.id)) {
	        return;
	      }
	      this.startLPChatActivityIds.push(activity.id);
	      this.updateAIChatDrawerCookie((_this$updateAIChatDra5 = {}, _this$updateAIChatDra5[StorageKeys.startLPChatActivityIds] = this.startLPChatActivityIds, _this$updateAIChatDra5));
	      this.initLivePersonChat();
	    }
	  }

	  /*
	   * @returns {NodeList} - The list of elements that are part of the LivePerson chat intro messages and send transcript forms
	   */;
	  _proto.getLPIntroMessageElements = function getLPIntroMessageElements() {
	    return this.el.querySelectorAll("[id^=\"form-\"], [id^=\"greeting-\"], [id^=\"post-\"]");
	  }

	  /**
	   * Handle sending a message to the bot from the WebChat.
	   *
	   * @param {Object} action - The action object (Redux)
	   */;
	  _proto.handleWebChatSendMessage =
	  /*#__PURE__*/
	  function () {
	    var _handleWebChatSendMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee20(action) {
	      var _this25 = this;
	      return _regeneratorRuntime().wrap(function _callee20$(_context20) {
	        while (1) switch (_context20.prev = _context20.next) {
	          case 0:
	            if (document.activeElement === this.webChatTextarea) {
	              this.webChatTextAreaHadFocus = true;
	            }

	            // Ensure channelData exists and add pageUrl
	            action.payload = action.payload || {};
	            action.payload.channelData = Object.assign({}, action.payload.channelData, {
	              pageUrl: window.location.href
	            });
	            this.toggleWebChatDisabled(true);
	            this.messageWaitTimeout = setTimeout(function () {
	              _this25.toggleWebChatDisabled(false);
	            }, this.messageWaitTimeoutDuration);

	            // If source site has changed, send updated source site to bot, and update cookie
	            if (!(this.sourceSite !== this.getAIChatDrawerCookieObject()[StorageKeys.sourceSite])) {
	              _context20.next = 8;
	              break;
	            }
	            _context20.next = 8;
	            return this.updateSourceSite(this.sourceSite);
	          case 8:
	          case "end":
	            return _context20.stop();
	        }
	      }, _callee20, this);
	    }));
	    function handleWebChatSendMessage(_x25) {
	      return _handleWebChatSendMessage.apply(this, arguments);
	    }
	    return handleWebChatSendMessage;
	  }()
	  /**
	   * Update the chat state of the user in the LivePerson chat.
	   *
	   * @param {string} state The chat state
	   * @returns {Promise<void>} A promise that resolves when the chat state is updated
	   */
	  ;
	  _proto.chatStateTo =
	  /*#__PURE__*/
	  function () {
	    var _chatStateTo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee21(state) {
	      var conversationId;
	      return _regeneratorRuntime().wrap(function _callee21$(_context21) {
	        while (1) switch (_context21.prev = _context21.next) {
	          case 0:
	            conversationId = Object.keys(this.lpOpenConvs)[0];
	            return _context21.abrupt("return", this.lpWebsocket.publishEvent({
	              dialogId: this.lpOpenConvs[conversationId].activeDialogId,
	              conversationId: Object.keys(this.lpOpenConvs)[0],
	              event: {
	                type: 'ChatStateEvent',
	                chatState: state
	              }
	            }));
	          case 2:
	          case "end":
	            return _context21.stop();
	        }
	      }, _callee21, this);
	    }));
	    function chatStateTo(_x26) {
	      return _chatStateTo.apply(this, arguments);
	    }
	    return chatStateTo;
	  }()
	  /**
	   * Set the user's chat state to COMPOSING for LivePerson
	   */
	  ;
	  _proto.chatStateToComposing = function chatStateToComposing() {
	    try {
	      this.chatStateTo(livePersonChatStateTypes.COMPOSING);
	    } catch (error) {
	      console.error('Error setting user chat state to COMPOSING:', error);
	    }
	  }

	  /**
	   * Set the user's chat state to PAUSE for LivePerson
	   */;
	  _proto.chatStateToPause = function chatStateToPause() {
	    try {
	      this.chatStateTo(livePersonChatStateTypes.PAUSE);
	    } catch (error) {
	      console.error('Error setting user chat state to PAUSE:', error);
	    }
	  }

	  /**
	   * Returns whether the AI Chat Drawer is visually suppressed or not.
	   * The AI Chat Drawer is visually suppressed if the isHidden attribute is set to true.
	   * This is used in scenarios where the AI Chat Drawer should be rendered in HTML, but should not be (or become) visible to the user.
	   * @returns {boolean} - Whether the AI Chat Drawer is visually suppressed or not
	   */;
	  _proto.getIsHidden = function getIsHidden() {
	    return this.el.getAttribute(Attributes$a.IS_HIDDEN) !== null;
	  }

	  /**
	   * Debounce input event on WebChat textarea to set the user's chat state to COMPOSING and PAUSE for LivePerson.
	   */;
	  _proto.handleLpUserInput = function handleLpUserInput() {
	    this.debouncedChatStateToComposing();
	    this.debouncedChatStateToPause();
	  }

	  /**
	   * Handle sending message to LivePerson.
	   *
	   * @param {string} messageText The text to send to LivePerson
	   * @param {string} messageId The message ID (only used when retrying sending a message)
	   * @param {number} retryCount The current retry count
	   */;
	  _proto.handleLivePersonSendMessage = function handleLivePersonSendMessage(messageText, messageId, retryCount) {
	    var _this26 = this;
	    if (messageId === void 0) {
	      messageId = null;
	    }
	    if (retryCount === void 0) {
	      retryCount = 0;
	    }
	    var isTranscriptMessage = messageText.startsWith(this.transcriptIntroText) || messageText.startsWith(this.transcriptContinuedText);
	    messageText = new DOMParser().parseFromString(messageText, 'text/html').body.textContent;

	    // Generate a messageId if one wasn't provided, and immediately render the message in the
	    // WebChat UI with the generated messageId (if not a transcript message)
	    if (!messageId && !isTranscriptMessage) {
	      messageId = Math.floor(Math.random() * 1e9);

	      // Render the message in the WebChat UI with the generated messageId
	      var timestampString = new Date().toISOString();
	      var userId = _classPrivateFieldLooseBase(this, _getLivePersonIdFromJWT)[_getLivePersonIdFromJWT]();
	      this.webChatSendMessage(messageText, timestampString, 'user', userId, messageId, null);

	      // Preemptively set the dialog-id and sequence attributes on the message element
	      // This will prevent duplicate messages when LivePerson sends back a ContentEvent
	      setTimeout(function () {
	        var renderedMessageElem = _this26.webChatTranscriptElem.querySelector("[data-lp-message-id=\"" + messageId + "\"]");
	        if (renderedMessageElem) {
	          var _this26$lpOpenConvs$O;
	          var activeDialogId = (_this26$lpOpenConvs$O = _this26.lpOpenConvs[Object.keys(_this26.lpOpenConvs)[0]]) == null ? void 0 : _this26$lpOpenConvs$O.activeDialogId;
	          if (activeDialogId) {
	            renderedMessageElem.dataset.lpMessageDialogId = activeDialogId;
	            // We don't know the sequence yet, but we can use a placeholder that will prevent duplicates
	            renderedMessageElem.dataset.lpMessageSequence = 'pending';
	          }
	        }

	        // Dispatch event that LivePerson message is rendered
	        var event = new CustomEvent(EventName$k.LIVEPERSON_MESSAGE_RENDERED, {
	          detail: {
	            messageId: messageId
	          }
	        });
	        window.dispatchEvent(event);
	      }, 0);
	    }
	    var timeoutPromise = function timeoutPromise(ms) {
	      return new Promise(function (_, reject) {
	        return setTimeout(function () {
	          return reject(new LPError(LPErrorTypes.SEND_MESSAGE_TIMEOUT, 'Send message to LivePerson timed out', {
	            messageId: messageId
	          }));
	        }, ms);
	      });
	    };

	    // Resolve the promise that completes first
	    Promise.race([this.publishToLivePersonWebsocket(messageText, messageId), timeoutPromise(livePersonResponseTimeout)]).then(function (response) {
	      var _response$body;
	      _this26.handleLivePersonResponse(response);
	      var messageId = response.reqId;
	      var renderedMessageElem = _this26.webChatTranscriptElem.querySelector("[data-lp-message-id=\"" + messageId + "\"]");
	      if (renderedMessageElem && ((_response$body = response.body) == null ? void 0 : _response$body.sequence) >= 0) {
	        // Add data-lp-message-dialog-id and data-lp-message-sequence attributes to the found message element
	        renderedMessageElem.dataset.lpMessageDialogId = _this26.lpOpenConvs[Object.keys(_this26.lpOpenConvs)[0]].activeDialogId;
	        renderedMessageElem.dataset.lpMessageSequence = response.body.sequence;
	        // Update the message element to show the timestamp
	        _this26.markMessageAsSent(renderedMessageElem);
	      }
	    })["catch"](function (error) {
	      error.data.messageId = messageId;
	      _this26.handleLivePersonError(error, function (messageId, newRetryCount) {
	        return _this26.handleLivePersonSendMessage(messageText, messageId, newRetryCount);
	      }, retryCount);
	    });
	  }

	  /**
	   * Handle LivePerson incoming activity.
	   *
	   * @param {Object} activity - The activity for a LivePerson incoming message
	   */;
	  _proto.handleLivePersonIncomingActivity = function handleLivePersonIncomingActivity(activity) {
	    var _this27 = this;
	    var activityText = activity.text,
	      activityId = activity.id,
	      messageSequence = activity.sequence;
	    if (!activityText) {
	      console.error('No text found in LivePerson message activity');
	      return;
	    }

	    // Use MutationObserver to wait until message is rendered in the WebChat transcript
	    var observer = new MutationObserver(function (mutationsList, observer) {
	      for (var _iterator9 = _createForOfIteratorHelperLoose(mutationsList), _step9; !(_step9 = _iterator9()).done;) {
	        var mutation = _step9.value;
	        if (mutation.type === 'childList') {
	          for (var _iterator10 = _createForOfIteratorHelperLoose(mutation.addedNodes), _step10; !(_step10 = _iterator10()).done;) {
	            var node = _step10.value;
	            if (node.nodeType === Node.ELEMENT_NODE) {
	              var messageBubbleElem = node.querySelector(Selector$j.WEB_CHAT_BUBBLE);

	              /* eslint-disable max-depth */
	              if (messageBubbleElem && Util.normalizeText(messageBubbleElem.textContent) === Util.normalizeText(activityText)) {
	                var _activity$from3;
	                switch ((_activity$from3 = activity.from) == null ? void 0 : _activity$from3.role) {
	                  case 'lp-system':
	                    {
	                      // Add class to system message bubble to style it differently
	                      messageBubbleElem.classList.add(ClassName$d.WEBCHAT_BUBBLE_LP_SYSTEM_MESSAGE);
	                      // Add screen-reader-only class to timestamp to hide it visually
	                      var timestampElem = node.querySelector(Selector$j.WEB_CHAT_STATUS);
	                      timestampElem == null ? void 0 : timestampElem.classList.add(ClassName$d.SCREEN_READER_ONLY);
	                      break;
	                    }
	                  case 'user':
	                    {
	                      // Activity is from user, either from user sending a message, or from websocket event
	                      var articleElem = messageBubbleElem.closest(Selector$j.ARTICLE);
	                      if (articleElem) {
	                        // Add data-lp-message-id attribute to the article element
	                        articleElem.dataset.lpMessageId = activityId;
	                        if (messageSequence !== null && messageSequence !== undefined && messageSequence >= 0) {
	                          // Activity is from LivePerson data and has a sequence
	                          // Add data-lp-message-dialog-id and data-lp-message-sequence attributes to the article element
	                          articleElem.dataset.lpMessageDialogId = _this27.lpOpenConvs[Object.keys(_this27.lpOpenConvs)[0]].activeDialogId;
	                          articleElem.dataset.lpMessageSequence = messageSequence;
	                        } else if (!articleElem.dataset.lpMessageSequence || articleElem.dataset.lpMessageSequence === 'pending') {
	                          // Message from user is still pending
	                          _this27.markMessageAsSending(articleElem);
	                        }
	                      }
	                      break;
	                    }
	                  case 'bot':
	                    {
	                      // Message is from LivePerson bot
	                      var _articleElem = messageBubbleElem.closest(Selector$j.ARTICLE);
	                      if (_articleElem) {
	                        // Add data-lp-message-dialog-id attribute to the article element
	                        _articleElem.dataset.lpMessageDialogId = _this27.lpOpenConvs[Object.keys(_this27.lpOpenConvs)[0]].activeDialogId;
	                        // Add data-lp-message-sequence attribute to the article element
	                        _articleElem.dataset.lpMessageSequence = messageSequence;
	                      }
	                      break;
	                    }
	                  // No default
	                }

	                // Stop observing once the element is found and modified
	                observer.disconnect();
	                return;
	              }
	              /* eslint-enable max-depth */
	            }
	          }
	        }
	      }
	    });

	    // Start observing the target node for configured mutations
	    var targetNode = document.querySelector(Selector$j.WEB_CHAT_TRANSCRIPT);
	    var config = {
	      childList: true,
	      subtree: true
	    };
	    observer.observe(targetNode, config);
	  }

	  /**
	   * Handles the timeout for sending a message via LivePerson.
	   *
	   * This function is triggered when a message fails to send within a specified timeout period.
	   * It attempts to find the message element in the web chat transcript using the provided messageId.
	   * If the message element is found, it marks the message as failed to send.
	   *
	   * @param {string} messageId - The unique identifier of the message that failed to send.
	   */;
	  _proto.handleLivePersonSendMessageTimeout = function handleLivePersonSendMessageTimeout(messageId) {
	    var messageElem = this.webChatTranscriptElem.querySelector("[data-lp-message-id=\"" + messageId + "\"]");
	    if (!messageElem) {
	      console.error("Message element with messageId " + messageId + " not found");
	      return;
	    }

	    // Set the message sequence to -1 to indicate that the message failed to send
	    messageElem.dataset.lpMessageSequence = -1;
	    // Mark the message as failed to send
	    this.markMessageAsSendFailed(messageElem);
	  }

	  /**
	   * Creates a quick <universal-media-player> component and appends it to the associated Adaptive Card container's DOM
	   * then initializes the UMP with the provided data from the event action.
	   * @param {} action
	   */;
	  _proto.handleReimagineUMPRequest = function handleReimagineUMPRequest(action) {
	    // The UMP script and package should be added to pages already.
	    /* eslint-disable no-undef */
	    if (!ump) {
	      console.error('UMP is not defined');
	      return;
	    }
	    var _action$payload$activ = action.payload.activity.value,
	      dataVideo = _action$payload$activ.dataVideo,
	      messageId = _action$payload$activ.messageId;
	    var umpContainer = document.getElementById("" + messageId);
	    if (!umpContainer) {
	      console.error("UMP container with messageId " + messageId + " not found");
	      return;
	    }
	    umpContainer.innerHTML = _classPrivateFieldLooseBase(this, _UMP_HTML_TEMPLATE)[_UMP_HTML_TEMPLATE];
	    var umplayer = umpContainer.querySelector('universal-media-player');
	    ump(umplayer, dataVideo);
	    /* eslint-enable no-undef */
	  }

	  /*
	   * Handle feedback button click.
	   * Updates the icon to the filled svg icon.
	   * Post a 'feedback' event activity to the bot.
	   * @param {Function} dispatch - The dispatch function (Redux)
	   * @param {string} messageId - The message ID
	   * @param {string} interactionResult - The interaction result (positive/negative)
	   */;
	  _proto.handleFeedbackButtonClick = function handleFeedbackButtonClick(dispatch, messageId, interactionResult, thisButton) {
	    // Updates icon in the button
	    var iconSrc = thisButton.querySelector('img').src;
	    if (iconSrc && interactionResult === 'positive') {
	      thisButton.querySelector('img').setAttribute('src', FEEDBACK_ICON_SVGS.POSITIVE_FILLED);
	    } else if (iconSrc && interactionResult === 'negative') {
	      thisButton.querySelector('img').setAttribute('src', FEEDBACK_ICON_SVGS.NEGATIVE_FILLED);
	    }

	    // Send the event activity to the bot
	    dispatch({
	      type: 'DIRECT_LINE/POST_ACTIVITY',
	      meta: {
	        method: 'keyboard'
	      },
	      payload: {
	        activity: {
	          channelData: {
	            postBack: true
	          },
	          name: "feedback" + interactionResult + "Request",
	          type: 'event',
	          text: messageId,
	          value: {
	            sourceSite: this.sourceSite
	          }
	        }
	      }
	    });
	  }

	  /**
	   * Code to run while connecting to the bot. Dispatch a custom event to indicate that the WebChat
	   * connection is being initiated.
	   */;
	  _proto.handlePreConnect = function handlePreConnect() {
	    var event = new Event(EventName$k.WEBCHAT_CONNECT_INITIATED);
	    window.dispatchEvent(event);
	  }

	  /**
	   * Handle connect fulfilled event on the WebChat instance. Send a 'startConversation' event to the bot.
	   * @param {Function} dispatch - The dispatch function (Redux)
	   */;
	  _proto.handleConnectFulfilled = function handleConnectFulfilled(dispatch) {
	    dispatch({
	      meta: {
	        method: 'keyboard'
	      },
	      payload: {
	        activity: {
	          channelData: {
	            postBack: true,
	            pageUrl: window.location.href
	          },
	          name: 'startConversation',
	          type: 'event',
	          value: {
	            sourceSite: this.sourceSite,
	            leadId: this.getLeadId()
	          }
	        }
	      },
	      type: 'DIRECT_LINE/POST_ACTIVITY'
	    });
	    var event = new Event(EventName$k.WEBCHAT_CONNECT_FULFILLED);
	    window.dispatchEvent(event);
	  }

	  /**
	   * Handle post activity fulfilled event on the WebChat instance. If the activity is a 'startConversation' event, dispatch
	   * a custom event to send initial chat text to the bot.
	   * @param {Object} action - The action object (Redux)
	   * @param {string} initialChatText - Optional initial chat text to send to bot
	   */;
	  _proto.handlePostActivityFulfilled = function handlePostActivityFulfilled(action, initialChatText) {
	    var _action$payload$activ2 = action.payload.activity,
	      type = _action$payload$activ2.type,
	      name = _action$payload$activ2.name;
	    if (type === 'event' && name === 'startConversation') {
	      var event = new Event(EventName$k.START_CONVERSATION_FULFILLED);
	      event.data = initialChatText;
	      window.dispatchEvent(event);
	    }
	    if (type === 'event' && name === 'sourceSiteEvent') {
	      // Resolve the sourceSite update promise
	      this.resolveSourceSiteUpdate();
	    }
	  }

	  /**
	   * Set the isHidden attribute on the AI Chat Drawer. If true, the AI Chat Drawer will be visually suppressed and not shown to the user.
	   * @param {boolean} isHidden - Whether the AI Chat Drawer should be visually suppressed or not
	   */;
	  _proto.setIsHidden = function setIsHidden(isHidden) {
	    if (isHidden) {
	      this.el.setAttribute(Attributes$a.IS_HIDDEN, ''); // Set attribute with no value
	      this.showChatButton(false);
	    } else {
	      this.el.removeAttribute(Attributes$a.IS_HIDDEN);
	      // AI Chat Drawer is unhidden, need to add events for chat action type links
	      var eventsToAdd = this.addChatActionTypeLinkEvents();
	      if (eventsToAdd.length) {
	        Util$1.addEvents(eventsToAdd);
	      }
	    }
	  }

	  /**
	   * Marks a message as sending by appending a bulleted span to the status message.
	   *
	   * @param {HTMLElement} element - The HTML element representing the message to be marked as sending.
	   */;
	  _proto.markMessageAsSending = function markMessageAsSending(element) {
	    this.appendBulletedSpanToStatusMessage(element, this.livePersonSendingMessageText);
	  }

	  /**
	   * Marks a message as sent by removing the "* Sending" status message.
	   *
	   * @param {HTMLElement} element - The HTML element representing the message to be marked as sent.
	   */;
	  _proto.markMessageAsSent = function markMessageAsSent(element) {
	    // Remove * Sending from the status message
	    this.removeBulletedSpanFromStatusMessage(element);
	  }

	  /**
	   * Marks a message as failed to send and provides a retry option.
	   *
	   * @param {HTMLElement} element - The message element to mark as failed.
	   * @returns {void}
	   */;
	  _proto.markMessageAsSendFailed = function markMessageAsSendFailed(element) {
	    var _this28 = this;
	    if (!element) {
	      console.error('No message element found');
	      return;
	    }
	    var statusMessage = element.querySelector(Selector$j.WEB_CHAT_STATUS);
	    if (!statusMessage) {
	      console.error('No status message found in message element');
	      return;
	    }

	    // Clear existing HTML from statusMessage
	    statusMessage.innerHTML = '';
	    var sendFailedSpan = document.createElement('span');
	    sendFailedSpan.textContent = this.livePersonSendFailedText;
	    statusMessage.append(sendFailedSpan);

	    // Add retry button
	    var retryButton = document.createElement('a');
	    retryButton.setAttribute('role', 'button');
	    retryButton.setAttribute('href', '#');
	    retryButton.textContent = this.retryButtonText;
	    retryButton.dataset.biCompnm = 'AI Chat Drawer';
	    retryButton.dataset.biId = 'ai-chat-drawer';
	    retryButton.dataset.biCn = this.retryButtonText;
	    retryButton.dataset.biEcn = 'Retry';
	    var handleRetryButtonClick = function handleRetryButtonClick(event) {
	      event.preventDefault();
	      // Get the text content of the message bubble
	      var messageText = element.querySelector(Selector$j.WEB_CHAT_BUBBLE_CONTENT).textContent;
	      if (!messageText) {
	        console.error('No message text found in message bubble');
	        return;
	      }

	      // Send a new message to LivePerson with the same text
	      _this28.handleLivePersonSendMessage(messageText);
	    };
	    retryButton.addEventListener(EventName$k.CLICK, handleRetryButtonClick);
	    retryButton.addEventListener(EventName$k.KEYDOWN, function (event) {
	      if (event.key === 'Enter' || event.key === ' ') {
	        handleRetryButtonClick(event);
	      }
	    });
	    statusMessage.append(retryButton);
	  }

	  /**
	   * Mark the message as read in the WebChat transcript.
	   *
	   * @param {HTMLElement} element - The message element to mark as read
	   */;
	  _proto.markMessageAsRead = function markMessageAsRead(element) {
	    this.appendBulletedSpanToStatusMessage(element, this.livePersonReadText);
	  }

	  /**
	   * Appends a bulleted span with the specified text to the status message element within the given element.
	   *
	   * @param {HTMLElement} element - The parent element containing the status message element.
	   * @param {string} textToAppend - The text to append as a bulleted span.
	   */;
	  _proto.appendBulletedSpanToStatusMessage = function appendBulletedSpanToStatusMessage(element, textToAppend) {
	    var _statusMessage$textCo;
	    if (!element) {
	      return;
	    }
	    var statusMessage = element.querySelector(Selector$j.WEB_CHAT_STATUS);
	    if (!statusMessage) {
	      return;
	    }
	    var isAlreadyMarked = (_statusMessage$textCo = statusMessage.textContent) == null ? void 0 : _statusMessage$textCo.includes(textToAppend);
	    if (!isAlreadyMarked) {
	      var bulletedSpan = document.createElement('span');
	      bulletedSpan.innerHTML = "&bull; " + textToAppend;
	      statusMessage.append(bulletedSpan);
	    }
	  }

	  /**
	   * Removes any span elements that start with a bullet point (•) from the status message within the given element.
	   *
	   * @param {HTMLElement} element - The parent element containing the status message.
	   */;
	  _proto.removeBulletedSpanFromStatusMessage = function removeBulletedSpanFromStatusMessage(element) {
	    if (!element) {
	      return;
	    }
	    var statusMessage = element.querySelector(Selector$j.WEB_CHAT_STATUS);
	    if (!statusMessage) {
	      return;
	    }
	    var spans = statusMessage.querySelectorAll('span');
	    for (var _iterator11 = _createForOfIteratorHelperLoose(spans), _step11; !(_step11 = _iterator11()).done;) {
	      var span = _step11.value;
	      if (span.textContent.startsWith('•')) {
	        span.remove();
	      }
	    }
	  }

	  /**
	   * Code to run when the UHF header intersects with the viewport. Add/remove scroll listener to align chat drawer with bottom
	   * of UHF header, or top of viewport.
	   * @param {IntersectionObserverEntry[]} entries - Array of intersection observer entries
	   */;
	  _proto.onUhfHeaderIntersect = function onUhfHeaderIntersect(entries) {
	    var _this29 = this;
	    entries.forEach(function (entry) {
	      if (entry.isIntersecting) {
	        // UHF header is visible. Add scroll listener to align chat drawer with bottom of UHF header
	        _this29.uhfHeaderIsVisible = true;
	        document.addEventListener(EventName$k.SCROLL, _this29.boundOnScrollWithUhfVisible, false);
	        _this29.boundOnScrollWithUhfVisible();
	      } else {
	        // UHF header is not visible. Remove scroll listener, align chat drawer to top of viewport.
	        _this29.uhfHeaderIsVisible = false;
	        document.removeEventListener(EventName$k.SCROLL, _this29.boundOnScrollWithUhfVisible, false);
	        _this29.el.style.top = 0;
	        _this29.el.style.height = '100%';
	      }
	    });
	  }

	  /**
	   * Code to run when the sticky nav is stuck/unstuck. Align chat drawer with bottom of sticky nav when stuck, otherwise align
	   * to top of viewport.
	   * @param {MutationRecord[]} mutations - Array of mutation records
	   */;
	  _proto.onStickyNavMutation = function onStickyNavMutation(mutations) {
	    var _this30 = this;
	    mutations.forEach(function (mutation) {
	      var classHasChanged = mutation.target.getAttribute('class') !== mutation.oldValue;

	      // Ignore mutations that don't involve the sticky nav being stuck/unstuck
	      if (!classHasChanged || mutation.target.classList.contains(ClassName$d.GET_HEIGHT) || mutation.oldValue.includes(ClassName$d.GET_HEIGHT)) {
	        return;
	      }
	      var isStuck = mutation.target.classList.contains(ClassName$d.STUCK);
	      if (isStuck) {
	        // Sticky nav is stuck. Align chat drawer with bottom of sticky nav.
	        var stickyNavBottom = _this30.stickyNavElem.getBoundingClientRect().bottom;
	        _this30.el.style.top = stickyNavBottom + "px";
	        _this30.el.style.height = "calc(100% - " + stickyNavBottom + "px)";
	      } else if (_this30.uhfHeaderElem && _this30.uhfHeaderElem.getBoundingClientRect().bottom > 0) {
	        // When the sticky nav transitions from desktop to mobile and is in unstuck, it aligns to the top of the viewport.
	        // If the UHF header is still in view, align the chat drawer to the bottom of the UHF header.
	        _this30.onScrollWithUhfVisible();
	      } else {
	        // Sticky nav went from stuck to unstuck. Align chat drawer to top of viewport.
	        _this30.el.style.top = 0;
	        _this30.el.style.height = '100%';
	      }
	    });
	  }

	  /**
	   * Code to run when the page is scrolled and the UHF header is visible. Align chat drawer with bottom of UHF header.
	   */;
	  _proto.onScrollWithUhfVisible = function onScrollWithUhfVisible() {
	    var _this31 = this;
	    if (!this.uhfHeaderElem) {
	      return;
	    }
	    var ticking = false;
	    if (!ticking) {
	      window.requestAnimationFrame(function () {
	        var uhfHeaderBottom = _this31.uhfHeaderElem.getBoundingClientRect().bottom + uhfHeaderMarginBottomVal;
	        // At smaller viewports (<860px), the nav bar turns into a dropdown with position:absolute, and a margin-bottom is added to the header.
	        // Align the chat drawer below the dropdown to avoid overlapping the nav menu when it takes full width at VP1 (360px).
	        var marginBottom = parseFloat(window.getComputedStyle(_this31.uhfHeaderElem).marginBottom);
	        var totalUhfBottom = uhfHeaderBottom + marginBottom;
	        _this31.el.style.top = totalUhfBottom + "px";
	        _this31.el.style.height = "calc(100% - " + totalUhfBottom + "px)";
	        ticking = false;
	      });
	      ticking = true;
	    }
	  }

	  /**
	   * Code to run when the browser is resized, to adjust the chat drawer's position and related UI elements.
	   * - If the UHF header is visible, aligns the chat drawer with the bottom of the UHF header.
	   * - Toggles the UHF footer padding based on the chat button/drawer visibility.
	   */;
	  _proto.onBrowserResize = function onBrowserResize() {
	    if (this.uhfHeaderIsVisible) {
	      // If the UHF header is visible, align chat drawer with bottom of UHF header
	      this.onScrollWithUhfVisible();
	    }

	    // Toggle the UHF footer bottom padding based on whether the chat is hidden or not
	    this.toggleUHFBottomPadding(this.mediaQueryListChatHidden.matches);
	  }

	  /**
	   * Code to run when the media query list for chat hidden changes. Toggle the UHF footer padding based on whether the chat is
	   * hidden or not.
	   *
	   * @param {MediaQueryListEvent} event - The media query list event
	   */;
	  _proto.onMediaQueryListChatHiddenChange = function onMediaQueryListChatHiddenChange(event) {
	    this.toggleUHFBottomPadding(event.matches);
	  }

	  /**
	   * Handles changes to the media query list for modal dialog mode.
	   * Toggles modal dialog mode based on whether the media query matches.
	   *
	   * @param {MediaQueryListEvent} event - The event object representing the change in the media query list.
	   */;
	  _proto.onMediaQueryListModalDialogChange = function onMediaQueryListModalDialogChange(event) {
	    if (event.matches) {
	      // If the media query matches, enter modal dialog mode
	      this.toggleModalDialogMode(true);
	    } else {
	      // If the media query does not match, exit modal dialog mode
	      this.toggleModalDialogMode(false);
	    }
	  }

	  /**
	   * Toggles the modal dialog mode for the AI Chat Drawer.
	   *
	   * If the drawer is open, this method will:
	   * - Add or remove the 'overflow-hidden' class on the body element based on the modal dialog mode.
	   * - Set the 'aria-modal' attribute on the drawer element to indicate modal or non-modal state.
	   * - Set or unset the 'inert' attribute on the drawer's sibling elements for accessibility.
	   *
	   * @param {boolean} isModalDialogMode - Whether to enable (true) or disable (false) modal dialog mode.
	   */;
	  _proto.toggleModalDialogMode = function toggleModalDialogMode(isModalDialogMode) {
	    var isDrawerOpen = this.el.classList.contains(ClassName$d.SHOW);
	    if (!isDrawerOpen) {
	      // If the drawer is not open, set back to non-modal dialog mode
	      isModalDialogMode = false;
	    }

	    // Toggle overflow-hidden class on the body element
	    document.body.classList.toggle(ClassName$d.OVERFLOW_HIDDEN, isModalDialogMode);
	    // Toggle aria-modal to indicate that the AI Chat Drawer is a modal dialog or non-modal dialog
	    this.el.setAttribute('aria-modal', isModalDialogMode ? 'true' : 'false');
	    // Toggle AI Chat Drawer element siblings as inert
	    Util.toggleSiblingsInert(this.el, isModalDialogMode);
	  }

	  /**
	   * Toggles the visibility of the AI Chat Button component.
	   * If the Drawer is visibly suppressed, the chat button is not allowed to become visible by this method.
	   * @param {show} A boolean indicating whether to show or hide the chat button
	   */;
	  _proto.showChatButton = function showChatButton(show) {
	    if (this.getIsHidden()) {
	      return; // Do not allow the chat button to be changed to a visible state if the AI Chat Drawer is visually suppressed
	    }

	    this.aiChatButton.classList.toggle(ClassName$d.DISPLAY_NONE, !show); // Do allow hiding it though, roflcopter
	    this.aiChatButton.hidden = !show;
	  }

	  /**
	   * Toggle the UHF footer padding based on whether the chat is hidden or not.
	   * @param {boolean} isHidden - Whether the chat is hidden or not
	   */;
	  _proto.toggleUHFBottomPadding = function toggleUHFBottomPadding(isHidden) {
	    if (!this.uhfFooterElem) {
	      return;
	    }
	    this.uhfFooterElem.style.paddingBottom = isHidden ? this.uhfFooterOriginalPadding : this.aiChatButton.offsetHeight + "px";
	  }

	  /*
	   * Toggles the user text input and submit buttons for the WebChat
	   * @param {boolean} isDisabled - Whether to disable or enable the user text input and submit button
	   */;
	  _proto.toggleWebChatUserTextBoxDisabled = function toggleWebChatUserTextBoxDisabled(isDisabled) {
	    if (!this.webChatInstance) {
	      return;
	    }
	    this.webChatForm.ariaDisabled = isDisabled;
	    this.webChatTextarea.ariaDisabled = isDisabled;
	    this.webChatTextarea.readOnly = isDisabled;
	    this.webChatSendButton.ariaDisabled = isDisabled;
	  }

	  /**
	   * Disable/Enable web chat elements.
	   * @param {boolean} isDisabled - Whether to disable or enable web chat elements
	   */;
	  _proto.toggleWebChatDisabled = function toggleWebChatDisabled(isDisabled) {
	    // Toggle disabling AI Search Form
	    if (this.aiSearchFormComponent) {
	      this.aiSearchFormComponent.toggleDisabled(isDisabled);
	    }
	    this.toggleWebChatUserTextBoxDisabled(isDisabled);

	    // Toggle disabling all buttons in chat history
	    var actionSetButtons = this.webChatContainer.querySelectorAll(Selector$j.WEB_CHAT_ACTION_SET_BUTTONS);
	    for (var _iterator12 = _createForOfIteratorHelperLoose(actionSetButtons), _step12; !(_step12 = _iterator12()).done;) {
	      var _button$closest, _button$closest2;
	      var button = _step12.value;
	      var isStartLivePersonChatButton = ((_button$closest = button.closest(Selector$j.ARTICLE)) == null ? void 0 : _button$closest.querySelector(Selector$j.SEND_TRANSCRIPT_CHECKBOX_CONTAINER)) !== null;
	      var isDeflectionFlowButton = ((_button$closest2 = button.closest(Selector$j.ARTICLE)) == null ? void 0 : _button$closest2.querySelector(Selector$j.DEFLECTION_FLOW_ELEMENT)) !== null;
	      // Skip disabling/enabling "Continue" buttons that start a new chat with LivePerson or deflection flow buttons
	      if (isStartLivePersonChatButton || isDeflectionFlowButton) {
	        continue;
	      }
	      button.ariaDisabled = isDisabled;
	      button.classList.toggle(ClassName$d.DISABLED, isDisabled);
	      button.tabIndex = isDisabled ? -1 : 0;
	    }

	    // Update last focusable element in the chat drawer
	    if (isDisabled) {
	      var allFocusableDrawerElems = this.el.querySelectorAll(Selector$j.FOCUSABLE_ELEMENTS);
	      this.lastFocusableElem = allFocusableDrawerElems[allFocusableDrawerElems.length - 1];
	    } else {
	      this.lastFocusableElem = this.webChatSendButton;
	    }
	  }

	  /**
	   * Update the source site value. Dispatch a new activity to the bot with the updated source site value, and update cookies
	   * with the new source site. Wait for the source site update promise to resolve, then reset the source site update promise.
	   * @param {string} newSourceSite - The new source site value
	   */;
	  _proto.updateSourceSite =
	  /*#__PURE__*/
	  function () {
	    var _updateSourceSite = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee22(newSourceSite) {
	      var _this$updateAIChatDra6;
	      return _regeneratorRuntime().wrap(function _callee22$(_context22) {
	        while (1) switch (_context22.prev = _context22.next) {
	          case 0:
	            // Dispatch a new activity to the bot with the updated sourceSite value
	            this.store.dispatch({
	              type: 'DIRECT_LINE/POST_ACTIVITY',
	              meta: {
	                method: 'keyboard'
	              },
	              payload: {
	                activity: {
	                  type: 'event',
	                  name: 'sourceSiteEvent',
	                  value: {
	                    sourceSite: newSourceSite
	                  },
	                  channelData: {
	                    postBack: true
	                  }
	                }
	              }
	            });

	            // Update cookie with the new source site
	            this.updateAIChatDrawerCookie((_this$updateAIChatDra6 = {}, _this$updateAIChatDra6[StorageKeys.sourceSite] = newSourceSite, _this$updateAIChatDra6));
	            // Wait for the sourceSite update promise to resolve
	            _context22.next = 4;
	            return this.sourceSiteUpdatePromise;
	          case 4:
	            // Reset the sourceSite update promise
	            _classPrivateFieldLooseBase(this, _resetSourceSiteUpdatePromise)[_resetSourceSiteUpdatePromise]();
	          case 5:
	          case "end":
	            return _context22.stop();
	        }
	      }, _callee22, this);
	    }));
	    function updateSourceSite(_x27) {
	      return _updateSourceSite.apply(this, arguments);
	    }
	    return updateSourceSite;
	  }()
	  /**
	   * Get the AI Chat Drawer cookie object.
	   * @returns {Object | null} The AI Chat Drawer cookie object, or null if it cannot be parsed.
	   */
	  ;
	  _proto.getAIChatDrawerCookieObject = function getAIChatDrawerCookieObject() {
	    var cookieObj = null;
	    var cookieString = getCookie(StorageKeys.cookieName);
	    if (!cookieString) {
	      return null;
	    }
	    try {
	      cookieObj = JSON.parse(cookieString);
	    } catch (error) {
	      console.error('Failed to parse AI Chat Drawer cookie', error);
	    }
	    return cookieObj;
	  }

	  /**
	   * Update the AI Chat Drawer cookie with the new cookie object.
	   * @param {Object} newCookieObject The new cookie object to update the AI Chat Drawer cookie with.
	   */;
	  _proto.updateAIChatDrawerCookie = function updateAIChatDrawerCookie(newCookieObject) {
	    var existingCookieObject = this.getAIChatDrawerCookieObject();
	    var updatedCookieObject = Object.assign({}, existingCookieObject, newCookieObject);
	    setCookie(StorageKeys.cookieName, JSON.stringify(updatedCookieObject), CookieConstants.expiryDays, CookieConstants.domain);
	  }

	  /**
	   * Delete the AI Chat Drawer cookie.
	   */;
	  _proto.deleteAIChatDrawerCookie = function deleteAIChatDrawerCookie() {
	    // Set the Expiration to a negative value, so the browser auto-deletes the cookie.
	    setCookie(StorageKeys.cookieName, '', -1, CookieConstants.domain);
	  }

	  /**
	   * Remove event handlers.
	   * @this AIChatDrawer
	   */;
	  _proto.remove = function remove() {
	    var _this$uhfHeaderInters, _this$stickyNavMutati, _this$webChatTranscri, _this$webChatTextarea, _this$lpMutationObser2;
	    // remove events, intersection observer, etc.
	    Util$1.removeEvents(this.events);
	    document.removeEventListener(EventName$k.SCROLL, this.boundOnScrollWithUhfVisible);
	    (_this$uhfHeaderInters = this.uhfHeaderIntersectionObserver) == null ? void 0 : _this$uhfHeaderInters.disconnect();
	    (_this$stickyNavMutati = this.stickyNavMutationObserver) == null ? void 0 : _this$stickyNavMutati.disconnect();
	    (_this$webChatTranscri = this.webChatTranscriptMutationObserver) == null ? void 0 : _this$webChatTranscri.disconnect();
	    (_this$webChatTextarea = this.webChatTextarea) == null ? void 0 : _this$webChatTextarea.removeEventListener(EventName$k.INPUT, this.handleLpUserInput);
	    (_this$lpMutationObser2 = this.lpMutationObserver) == null ? void 0 : _this$lpMutationObser2.disconnect();

	    // remove this reference from array of instances
	    var index = aiChatDrawers.indexOf(this);
	    aiChatDrawers.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$k.ON_REMOVE] = new CustomEvent(EventName$k.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$k.ON_REMOVE]);
	  }

	  /**
	   * Get instances.
	   * @returns {Object} A object instance
	   */;
	  AIChatDrawer.getInstances = function getInstances() {
	    return aiChatDrawers;
	  };
	  return AIChatDrawer;
	}();
	function _setDefaultValuesInMarkup2() {
	  // Update drawer title text
	  this.updateDrawerTitleText(this.drawerTitleText);

	  // Set header controls aria label
	  if (this.headerControls) {
	    this.headerControls.setAttribute('aria-label', this.closeButtonAriaLabel);
	  }

	  // Update el's aria label
	  this.el.setAttribute('aria-label', this.chatDrawerAriaLabel);

	  // Update chat button's default values
	  _classPrivateFieldLooseBase(this, _setDefaultValuesAiChatButton)[_setDefaultValuesAiChatButton]();
	}
	function _setDefaultValuesAiChatButton2() {
	  // Return if there is no click group
	  if (!this.aiChatButton) {
	    return;
	  }

	  // Update the default theme-day
	  if (!this.aiChatButton.classList.contains('theme-day') && !this.aiChatButton.classList.contains('theme-night')) {
	    this.aiChatButton.classList.add('theme-day');
	  }

	  // Update the floating button header text
	  if (this.aiChatButtonHeader && !this.aiChatButtonHeader.textContent) {
	    this.aiChatButtonHeader.textContent = this.buttonTitleText;
	  }

	  // Update the floating badge aria label
	  if (this.aiChatButtonAnchor && !this.aiChatButtonAnchor.getAttribute('aria-label')) {
	    this.aiChatButtonAnchor.setAttribute('aria-label', 'Expand AI-powered assistant chat dialog');
	  }
	}
	function _addEventHandlers2() {
	  var _this32 = this;
	  this.events = [];
	  var elementsToBind = [this.closeButton, this.uhfNavMenuExpandElem];
	  // Hide the chat drawer when the close button and UHF nav menu expand button (at mobile viewport) are clicked
	  elementsToBind.forEach(function (element) {
	    if (element) {
	      _this32.events.push({
	        el: element,
	        handler: _this32.chatClose.bind(_this32),
	        type: EventName$k.CLICK
	      });
	    }
	  });
	  if (this.aiSearchFormComponent) {
	    this.events.push({
	      el: this.aiSearchFormComponent.el,
	      handler: this.onAiSearchFormSubmit.bind(this),
	      type: EventName$l.ON_AI_SEARCH_FORM_SUBMIT
	    });
	  }
	  if (this.aiChatButtonDataMount) {
	    this.events.push({
	      el: this.aiChatButtonDataMount,
	      handler: this.onAiChatButtonClick.bind(this),
	      type: EventName$k.CLICK
	    });
	    if (this.aiChatButtonDataMount.tagName !== 'BUTTON') {
	      this.events.push({
	        el: this.aiChatButtonDataMount,
	        handler: this.onAiChatButtonClick.bind(this),
	        type: EventName$k.KEYDOWN
	      });
	    }
	  }
	  if (!this.getIsHidden()) {
	    this.addChatActionTypeLinkEvents();
	  }
	  this.events.push({
	    el: this.el,
	    handler: this.onAIChatDrawerTransitionEnd.bind(this),
	    type: EventName$k.TRANSITION_END
	  }, {
	    el: this.el,
	    handler: this.onKeyDown.bind(this),
	    type: EventName$k.KEYDOWN
	  }, {
	    el: document,
	    handler: this.onDocumentKeyDown.bind(this),
	    type: EventName$k.KEYDOWN
	  }, {
	    el: window,
	    handler: this.onWebChatConnectFulfilled.bind(this),
	    type: EventName$k.WEBCHAT_CONNECT_FULFILLED
	  }, {
	    el: window,
	    handler: this.onStartConversationFulfilled.bind(this),
	    type: EventName$k.START_CONVERSATION_FULFILLED
	  }, {
	    el: window,
	    handler: debounce(this.debouncedResizeDelay, this.onBrowserResize.bind(this)),
	    type: EventName$k.RESIZE
	  }, {
	    el: this.mediaQueryListChatHidden,
	    handler: this.onMediaQueryListChatHiddenChange.bind(this),
	    type: EventName$k.CHANGE
	  }, {
	    el: this.mediaQueryListModalDialog,
	    handler: this.onMediaQueryListModalDialogChange.bind(this),
	    type: EventName$k.CHANGE
	  });
	  this.boundOnScrollWithUhfVisible = this.onScrollWithUhfVisible.bind(this);
	  Util$1.addEvents(this.events);
	}
	function _initUhfIntersectionObserver2() {
	  if (!this.uhfHeaderElem) {
	    return;
	  }
	  var options = {
	    rootMargin: "0px 0px " + uhfHeaderMarginBottomVal + "px 0px"
	  };
	  this.uhfHeaderIntersectionObserver = new IntersectionObserver(this.onUhfHeaderIntersect.bind(this), options);
	  this.uhfHeaderIntersectionObserver.observe(this.uhfHeaderElem);
	}
	function _initStickyNavMutationObserver2() {
	  if (!this.stickyNavElem) {
	    return;
	  }
	  var stickyParentElem = this.stickyNavElem.closest(Selector$j.STICKY);
	  this.stickyNavMutationObserver = new MutationObserver(this.onStickyNavMutation.bind(this));
	  this.stickyNavMutationObserver.observe(stickyParentElem, {
	    attributeFilter: ['class'],
	    attributeOldValue: true
	  });
	}
	function _initWebChatTranscriptObserver2() {
	  this.webChatTranscriptElem = this.el.querySelector(Selector$j.WEB_CHAT_TRANSCRIPT);
	  if (!this.webChatTranscriptElem) {
	    console.error('Web Chat transcript element not found.');
	    return;
	  }
	  this.webChatTranscriptMutationObserver = new MutationObserver(this.onWebChatTranscriptMutation.bind(this));
	  this.webChatTranscriptMutationObserver.observe(this.webChatTranscriptElem, {
	    subtree: true,
	    childList: true
	  });
	}
	function _positionAiChatButton2() {
	  if (!this.aiChatButton) {
	    return;
	  }
	  var uhfFooter = document.querySelector(Selector$j.UHF_FOOTER);
	  if (uhfFooter) {
	    // insert before the UHF footer
	    uhfFooter.insertAdjacentElement('beforebegin', this.aiChatButton);
	    this.showChatButton(true);
	  } else {
	    // insert before the closing body tag
	    document.body.insertAdjacentElement('beforeend', this.aiChatButton);
	    this.showChatButton(true);
	  }
	}
	function _positionAiChatDrawer2() {
	  var uhfFooter = document.querySelector(Selector$j.UHF_FOOTER);
	  if (uhfFooter) {
	    uhfFooter.insertAdjacentElement('beforebegin', this.el);
	  } else {
	    document.body.insertAdjacentElement('beforeend', this.el);
	  }
	  this.el.hidden = true;
	}
	function _getAISearchFormInstance2() {
	  var aiSearchFormInstances = AISearchForm.getInstances();
	  if (!aiSearchFormInstances.length) {
	    return null;
	  }

	  // There should only be one AI Search Form instance. Get the first one.
	  return aiSearchFormInstances[0];
	}
	function _resetSourceSiteUpdatePromise2() {
	  var _this33 = this;
	  this.sourceSiteUpdatePromise = new Promise(function (resolve) {
	    _this33.resolveSourceSiteUpdate = resolve;
	  });
	}
	function _regenerateAIChatDrawerToken2() {
	  return _regenerateAIChatDrawerToken3.apply(this, arguments);
	}
	function _regenerateAIChatDrawerToken3() {
	  _regenerateAIChatDrawerToken3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee23() {
	    return _regeneratorRuntime().wrap(function _callee23$(_context23) {
	      while (1) switch (_context23.prev = _context23.next) {
	        case 0:
	          this.deleteAIChatDrawerCookie();
	          _classPrivateFieldLooseBase(this, _generateDirectLineToken)[_generateDirectLineToken]();
	        case 2:
	        case "end":
	          return _context23.stop();
	      }
	    }, _callee23, this);
	  }));
	  return _regenerateAIChatDrawerToken3.apply(this, arguments);
	}
	function _generateDirectLineToken2() {
	  return _generateDirectLineToken3.apply(this, arguments);
	}
	function _generateDirectLineToken3() {
	  _generateDirectLineToken3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee24() {
	    var token, cookieObj, _cookieObject, requestOptions, res, _yield$res$json, directLineToken, expiration, cookieObject;
	    return _regeneratorRuntime().wrap(function _callee24$(_context24) {
	      while (1) switch (_context24.prev = _context24.next) {
	        case 0:
	          token = null;
	          cookieObj = this.getAIChatDrawerCookieObject();
	          if (typeof cookieObj === 'object' && cookieObj !== null) {
	            token = cookieObj[StorageKeys.token];
	          }
	          _context24.prev = 3;
	          if (this.hasValidToken()) {
	            _context24.next = 18;
	            break;
	          }
	          requestOptions = {
	            method: 'GET',
	            redirect: 'follow',
	            headers: {
	              'ms-cv': window.mscv
	            }
	          };
	          _context24.next = 8;
	          return fetch(this.tokenEndpoint, requestOptions);
	        case 8:
	          res = _context24.sent;
	          _context24.next = 11;
	          return res.json();
	        case 11:
	          _yield$res$json = _context24.sent;
	          directLineToken = _yield$res$json.token;
	          expiration = _yield$res$json.expires_in;
	          token = directLineToken;
	          cookieObject = (_cookieObject = {}, _cookieObject[StorageKeys.token] = token, _cookieObject[StorageKeys.tokenCreated] = Date.now() / 1000, _cookieObject[StorageKeys.tuid] = this.tuid, _cookieObject[StorageKeys.lpOpenConvs] = {}, _cookieObject[StorageKeys.startLPChatActivityIds] = [], _cookieObject);
	          this.updateAIChatDrawerCookie(cookieObject);
	          _classPrivateFieldLooseBase(this, _setRefreshTimer)[_setRefreshTimer](expiration);
	        case 18:
	          return _context24.abrupt("return", token);
	        case 21:
	          _context24.prev = 21;
	          _context24.t0 = _context24["catch"](3);
	          console.error('Error generating Direct Line token:', _context24.t0);
	          clearTimeout(this.messageWaitTimeout);
	          this.toggleWebChatDisabled(false);
	          // Display generic error notification if possible
	          this.setNotification(NotificationLevel.ERROR, this.livePersonGenericErrorText);
	          // TODO if drawer is not open, any way to notify user that the AI Chat Drawer won't work, refresh?
	        case 27:
	        case "end":
	          return _context24.stop();
	      }
	    }, _callee24, this, [[3, 21]]);
	  }));
	  return _generateDirectLineToken3.apply(this, arguments);
	}
	function _refreshDirectLineToken2() {
	  return _refreshDirectLineToken3.apply(this, arguments);
	}
	function _refreshDirectLineToken3() {
	  _refreshDirectLineToken3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee25() {
	    var _cookieObject2, requestOptions, res, _yield$res$json2, directLineToken, expiration, cookieObject;
	    return _regeneratorRuntime().wrap(function _callee25$(_context25) {
	      while (1) switch (_context25.prev = _context25.next) {
	        case 0:
	          _context25.prev = 0;
	          requestOptions = {
	            method: 'POST',
	            redirect: 'follow',
	            headers: {
	              authorization: "Bearer " + this.getAIChatDrawerCookieObject()[StorageKeys.token]
	            }
	          };
	          _context25.next = 4;
	          return fetch(this.refreshTokenUrl, requestOptions);
	        case 4:
	          res = _context25.sent;
	          _context25.next = 7;
	          return res.json();
	        case 7:
	          _yield$res$json2 = _context25.sent;
	          directLineToken = _yield$res$json2.token;
	          expiration = _yield$res$json2.expires_in;
	          cookieObject = (_cookieObject2 = {}, _cookieObject2[StorageKeys.token] = directLineToken, _cookieObject2[StorageKeys.tokenCreated] = Date.now() / 1000, _cookieObject2[StorageKeys.tuid] = this.tuid, _cookieObject2);
	          this.updateAIChatDrawerCookie(cookieObject);
	          _classPrivateFieldLooseBase(this, _setRefreshTimer)[_setRefreshTimer](expiration);
	          _context25.next = 20;
	          break;
	        case 15:
	          _context25.prev = 15;
	          _context25.t0 = _context25["catch"](0);
	          console.error('Error refreshing Direct Line token:', _context25.t0);
	          clearTimeout(this.messageWaitTimeout);
	          this.toggleWebChatDisabled(false);
	        case 20:
	        case "end":
	          return _context25.stop();
	      }
	    }, _callee25, this, [[0, 15]]);
	  }));
	  return _refreshDirectLineToken3.apply(this, arguments);
	}
	function _setRefreshTimer2(expiration) {
	  var _this34 = this;
	  var computedExpiration = 0;
	  if (expiration > this.refreshBefore) {
	    computedExpiration = (expiration - this.refreshBefore) * 1000;
	  } else {
	    throw new Error('Error refreshing Direct Line Token.');
	  }

	  // Set a timeout to refresh the token x mins before it expires
	  setTimeout(function () {
	    return _classPrivateFieldLooseBase(_this34, _refreshDirectLineToken)[_refreshDirectLineToken]();
	  }, computedExpiration);
	}
	function _getLocale2() {
	  // if document.documentElement.lang is in format 'll-CC', return it
	  // if (document.documentElement.lang?.includes('-')) {
	  //   return document.documentElement.lang;
	  // }

	  // return navigator.languages && navigator.languages.length
	  //   ? navigator.languages[0]
	  //   : navigator.language;

	  return 'en-US';
	}
	function _initializeJsonPollock2() {
	  return _initializeJsonPollock3.apply(this, arguments);
	}
	function _initializeJsonPollock3() {
	  _initializeJsonPollock3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee26() {
	    return _regeneratorRuntime().wrap(function _callee26$(_context26) {
	      while (1) switch (_context26.prev = _context26.next) {
	        case 0:
	          _context26.prev = 0;
	          _context26.next = 3;
	          return Util.loadScript(jsonPollockScriptSrc, 'body');
	        case 3:
	          if (window.JsonPollock) {
	            _context26.next = 6;
	            break;
	          }
	          console.error('JsonPollock not found.');
	          return _context26.abrupt("return");
	        case 6:
	          window.JsonPollock.init({
	            maxAllowedElements: 200,
	            onAfterElementRendered: this.onAfterElementRenderedHandler
	          });
	          _context26.next = 12;
	          break;
	        case 9:
	          _context26.prev = 9;
	          _context26.t0 = _context26["catch"](0);
	          console.error('Error loading JsonPollock:', _context26.t0);
	        case 12:
	        case "end":
	          return _context26.stop();
	      }
	    }, _callee26, this, [[0, 9]]);
	  }));
	  return _initializeJsonPollock3.apply(this, arguments);
	}
	function _handlePageOpenState2() {
	  try {
	    var cookieObject = this.getAIChatDrawerCookieObject();
	    var lastState = cookieObject ? cookieObject[StorageKeys.chatDrawerState] : null;
	    var isMobileViewport = window.matchMedia("(max-width: " + (ViewPort.MD - 0.2) + "px)").matches;

	    // If at mobile viewport and the chat drawer is open, set lastState to 'CLOSED' to close the chat drawer on navigated page.
	    if (isMobileViewport && lastState === 'OPEN') {
	      var _this$updateAIChatDra7;
	      this.updateAIChatDrawerCookie((_this$updateAIChatDra7 = {}, _this$updateAIChatDra7[StorageKeys.chatDrawerState] = 'CLOSED', _this$updateAIChatDra7));
	      lastState = 'CLOSED';
	    }
	    var token = cookieObject ? cookieObject[StorageKeys.token] : null;
	    // If the cookie exists and is still valid for the Direct Line, refresh it
	    if (token) {
	      var cookieCreation = this.getAIChatDrawerCookieObject()[StorageKeys.tokenCreated];
	      var currentTime = Date.now() / 1000;
	      if (currentTime - cookieCreation < this.refreshAfter) {
	        _classPrivateFieldLooseBase(this, _refreshDirectLineToken)[_refreshDirectLineToken]();
	      }
	    }
	    if (this.isChatPersistEnabled && lastState === 'OPEN' && this.hasValidToken()) {
	      this.chatOpenOrInit();
	    }
	  } catch (error) {
	    console.error('Failed to get chat drawer state from cookies', error);
	  }
	}
	function _getSourceSite2() {
	  try {
	    var url = new URL(window.location.href);
	    var domain = url.hostname;
	    var path = url.pathname.split('/');
	    var langLoc = document.documentElement.lang.toLowerCase();

	    // find index of langLoc in path
	    var langLocIndex = -1;

	    // Map of language locales to possible source sites.
	    // Special cases for Serbian language locales.
	    var langLocs = {
	      'sr-rs': ['sr-rs', 'sr-latn-rs', 'sr-cyrl-rs'],
	      "default": [langLoc]
	    };
	    var possibleLangLocs = langLocs[langLoc] || langLocs["default"];
	    langLocIndex = possibleLangLocs.map(function (loc) {
	      return path.indexOf(loc);
	    }).find(function (index) {
	      return index > -1;
	    });
	    if (domain === 'azure.microsoft.com' || url.pathname.startsWith('/content/azure/acom')) {
	      return 'azure';
	    }

	    // Example: www.microsoft.com/fr-fr/isv/offer-benefits => isv
	    if (langLocIndex > -1 && path.length > langLocIndex + 1) {
	      var siteNameWithoutHtmlExtension = path[langLocIndex + 1].replace('.html', '');
	      return siteNameWithoutHtmlExtension;
	    }
	  } catch (error) {
	    console.error('Failed to get source site:', error);
	  }
	  return 'azure'; // fallback
	}
	function _getLPEndpoint2(baseEndpoint, path) {
	  // passing in path such as 'lp/check'
	  var endpointURL = new URL(baseEndpoint);
	  endpointURL.pathname = path;
	  return endpointURL.href;
	}
	function _getLivePersonIdFromJWT2() {
	  try {
	    var payload = JSON.parse(atob(this.lpJWT.split('.')[1]));
	    return payload.sub;
	  } catch (error) {
	    console.error('Error decoding JWT:', error);
	    return null;
	  }
	}

	var instances$e = [];
	var Selector$i = {
	  DATA_MOUNT: '.alert-dismissible, [data-mount="alert-dismissible"]',
	  DISMISS: '[data-dismiss="alert"]'
	};
	var EventName$j = {
	  CLOSE: 'onClose',
	  CLOSED: 'onClosed',
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate'
	};
	var ClassName$c = {
	  FADE: 'fade',
	  SHOW: 'show'
	};
	function _removeElement$1(element) {
	  var _this = this;
	  element.classList.remove(ClassName$c.SHOW);
	  if (!element.classList.contains(ClassName$c.FADE)) {
	    _destroyElement$1.call(this, element);
	    return;
	  }
	  var transitionDuration = Util$1.getTransitionDurationFromElement(element);
	  element.addEventListener(Util$1.TRANSITION_END, function (event) {
	    return _destroyElement$1.call(_this, element, event);
	  }, {
	    once: true
	  });
	  Util$1.emulateTransitionEnd(element, transitionDuration);
	}
	function _destroyElement$1(element) {
	  // Create and dispatch custom event
	  this[EventName$j.CLOSED] = new CustomEvent(EventName$j.CLOSED);
	  element.dispatchEvent(this[EventName$j.CLOSED]);
	  element.remove();
	}
	var Alert = /*#__PURE__*/function () {
	  /**
	   * Create an Alert instance
	   * @param {Object} opts - the Alert options
	   * @param {HTMLElement} opts.el - the Alert container element
	   */
	  function Alert(opts) {
	    var _this2 = this;
	    this.el = opts.el;
	    this.dismiss = this.el.querySelector(Selector$i.DISMISS);

	    // Add event handlers
	    if (this.dismiss) {
	      this.events = [{
	        el: this.dismiss,
	        type: 'click',
	        handler: function handler() {
	          _this2.close();
	        }
	      }];
	      Util$1.addEvents(this.events);
	    }
	    instances$e.push(this);
	  }

	  /**
	   * Perform a close action
	   */
	  var _proto = Alert.prototype;
	  _proto.close = function close() {
	    var rootElement = this.el;

	    // Create and dispatch custom event
	    this[EventName$j.CLOSE] = new CustomEvent(EventName$j.CLOSE, {
	      cancelable: true
	    });
	    rootElement.dispatchEvent(this[EventName$j.CLOSE]);
	    if (this[EventName$j.CLOSE].defaultPrevented) {
	      return;
	    }
	    _removeElement$1.call(this, rootElement);
	  }

	  /**
	   * Update instance. Added for API consistency
	   */;
	  _proto.update = function update() {
	    // Create and dispatch custom event
	    this[EventName$j.ON_UPDATE] = new CustomEvent(EventName$j.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$j.ON_UPDATE]);
	  }

	  /**
	   * Remove the instance
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);
	    var index = instances$e.indexOf(this);
	    instances$e.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$j.ON_REMOVE] = new CustomEvent(EventName$j.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$j.ON_REMOVE]);
	  }

	  /**
	   * Get alert instances.
	   * @returns {Object[]} An array of alert instances
	   */;
	  Alert.getInstances = function getInstances() {
	    return instances$e;
	  };
	  return Alert;
	}();

	var instances$d = [];
	var Selector$h = {
	  DATA_MOUNT: '.alert-dismissible, [data-mount="ocr-alert-dismissible"]',
	  DISMISS: '[data-dismiss="alert"]'
	};
	var EventName$i = {
	  CLOSE: 'onClose',
	  CLOSED: 'onClosed',
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate'
	};
	var ClassName$b = {
	  FADE: 'fade',
	  SHOW: 'show'
	};
	function _removeElement(element) {
	  var _this = this;
	  element.classList.remove(ClassName$b.SHOW);
	  if (!element.classList.contains(ClassName$b.FADE)) {
	    _destroyElement.call(this, element);
	    return;
	  }
	  var transitionDuration = Util$1.getTransitionDurationFromElement(element);
	  element.addEventListener(Util$1.TRANSITION_END, function (event) {
	    return _destroyElement.call(_this, element, event);
	  }, {
	    once: true
	  });
	  Util$1.emulateTransitionEnd(element, transitionDuration);
	}
	function _destroyElement(element) {
	  // Create and dispatch custom event
	  this[EventName$i.CLOSED] = new CustomEvent(EventName$i.CLOSED);
	  element.dispatchEvent(this[EventName$i.CLOSED]);
	  element.remove();
	}
	var AlertExtension = /*#__PURE__*/function (_Alert) {
	  _inheritsLoose(AlertExtension, _Alert);
	  /**
	   * Create an Alert instance
	   * @param {Object} opts - the Alert options
	   * @param {HTMLElement} opts.el - the Alert container element
	   */
	  function AlertExtension(opts) {
	    var _this2;
	    _this2 = _Alert.call(this, opts) || this;
	    _this2.el = opts.el;
	    _this2.dismiss = _this2.el.querySelector(Selector$h.DISMISS);

	    // remove old event listeners
	    Util$1.removeEvents(_this2.events);

	    // Add event handlers
	    if (_this2.dismiss) {
	      // remove events
	      _this2.events = _this2.events.filter(function (event) {
	        return event.el !== _this2.dismiss;
	      });
	      var closeEvent = {
	        el: _this2.dismiss,
	        type: 'click',
	        handler: function handler() {
	          _this2.closeAlert();
	        }
	      };
	      _this2.events.push(closeEvent);
	      Util$1.addEvents(_this2.events);
	    }
	    instances$d.push(_assertThisInitialized(_this2));
	    return _this2;
	  }

	  /**
	   * Perform a close action
	   */
	  var _proto = AlertExtension.prototype;
	  _proto.closeAlert = function closeAlert() {
	    var rootElement = this.el;

	    // Create and dispatch custom event
	    this[EventName$i.CLOSE] = new CustomEvent(EventName$i.CLOSE, {
	      cancelable: true
	    });
	    rootElement.dispatchEvent(this[EventName$i.CLOSE]);
	    if (this[EventName$i.CLOSE].defaultPrevented) {
	      return;
	    }

	    // add text for a11y after close button
	    var dismissText = document.querySelector('[data-dismiss-text]').getAttribute('data-dismiss-text');
	    this.el.nextElementSibling.innerHTML = dismissText;
	    _removeElement.call(this, rootElement);
	    this.remove();
	  }

	  /**
	   * Update instance. Added for API consistency
	   */;
	  _proto.update = function update() {
	    // Create and dispatch custom event
	    this[EventName$i.ON_UPDATE] = new CustomEvent(EventName$i.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$i.ON_UPDATE]);
	  }

	  /**
	   * Remove the instance
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);
	    var index = instances$d.indexOf(this);
	    instances$d.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$i.ON_REMOVE] = new CustomEvent(EventName$i.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$i.ON_REMOVE]);
	  }

	  /**
	   * Get alert instances.
	   * @returns {Object[]} An array of alert instances
	   */;
	  AlertExtension.getInstances = function getInstances() {
	    return instances$d;
	  };
	  return AlertExtension;
	}(Alert);

	var Selector$g = {
	  DATA_MOUNT: '[data-mount="ocr-fixed-sticky"]',
	  SHOW_STUCK: '.sticky-show-stuck',
	  HIDE_STUCK: '.sticky-hide-stuck',
	  TABLE: '.ocr-table__table'
	};
	var ClassName$a = {
	  STICKY: 'fixed-sticky',
	  SENTINEL: 'sticky-sentinel',
	  STUCK: 'stuck',
	  GET_HEIGHT: 'get-height',
	  STICKY_TOP: 'sticky-direction-top',
	  STICKY_BOTTOM: 'sticky-direction-bottom'
	};
	var Attribute$3 = {
	  DATA_DIRECTION: 'data-direction',
	  DATA_OBSERVER_BEHAVIOR: 'data-observer-behavior',
	  DATA_SMOOTH_TRANSITION: 'data-smooth-transition',
	  ARIA_HIDDEN: 'aria-hidden'
	};
	var Direction$1 = {
	  TOP: 'top',
	  BOTTOM: 'bottom'
	};
	var EventName$h = {
	  ON_STUCK: 'onSticky',
	  ON_UNSTUCK: 'onStatic',
	  ON_UPDATE: 'onUpdate',
	  ON_REMOVE: 'onRemove',
	  FOCUS_IN: 'focusin',
	  RESIZE: 'resize'
	};
	var Default$1 = {
	  DIRECTION: 'top'
	};

	/**
	 * @enum {string}
	 */
	var ObserverBehavior$1 = {
	  ALWAYS: 'always',
	  OFF: 'off',
	  SIZE_AWARE: 'size-aware'
	};
	var stickies$1 = [];

	/**
	 * Private functions.
	 */

	/**
	 * Check for the `data-smooth-transition` attribute.
	 * Its presence makes this option `true` unless the value is specifically set to `false`
	 * @param {HTMLElement} node - The element to check for the attribute `data-smooth-transition`
	 * @returns {Boolean} return false if contentDivTarget is null
	 */
	function _hasSmoothTransition$1(node) {
	  if (node.hasAttribute(Attribute$3.DATA_SMOOTH_TRANSITION) && node.dataset.smoothTransition !== 'false') {
	    return true;
	  }
	  return false;
	}

	/**
	 * Get the direction of the sticky.
	 * @param {string} str - The string to parse.
	 * @param {string} [defaultValue=top] - The default value to fallback to.
	 * @returns {string} The direction of the sticky.
	 */
	function _getDirection$1(str, defaultValue) {
	  if (defaultValue === void 0) {
	    defaultValue = Default$1.DIRECTION;
	  }
	  switch (str) {
	    case 'top':
	    case 'bottom':
	      {
	        return str;
	      }
	    default:
	      {
	        return defaultValue;
	      }
	  }
	}

	/**
	 * Handle intersection observer
	 * @this FixedSticky
	 */
	function _onStickyChange$1() {
	  this.el.classList.toggle(ClassName$a.STUCK, this.isStuck);
	  _updateContentDivSpacing$1.bind(this)();
	  _updateScrollPadding$1.bind(this)();
	}

	/**
	 * Update margin spacing on the element before/after the sticky bar so that overlapping
	 * does not occur when the page bar is fixed. Remove property if it is not stuck
	 * @this FixedSticky
	 */
	function _updateContentDivSpacing$1() {
	  if (this.contentDivTarget === null) {
	    return;
	  }
	  var adjustNextElementSpacing = this.stickyElementHeight + this.contentDivTargetSpacing;
	  if (this.rootMarginOffset !== 0) {
	    adjustNextElementSpacing -= this.rootMarginOffset;
	  }
	  if (this.isStuck) {
	    this.contentDivTarget.style.setProperty(this.styleProp, adjustNextElementSpacing + 'px', 'important');
	  } else {
	    this.contentDivTarget.style.setProperty(this.styleProp, '');
	  }
	}

	/**
	 * Updates scroll padding so that elements scrolled into view don't stay behind
	 * @this FixedSticky
	 */
	function _updateScrollPadding$1(removeScrollPadding) {
	  var htmlElement = document.querySelector('html');
	  this.stickyElementHeight = this.el.getBoundingClientRect().height;
	  if (removeScrollPadding) {
	    htmlElement.style.scrollPaddingTop = '0';
	    htmlElement.style.scrollPaddingBottom = '0';
	  }
	  if (this.direction === Direction$1.TOP) {
	    if (this.isStuck) {
	      htmlElement.style.scrollPaddingTop = this.stickyElementHeight + this.extraScrollPaddingPx + 'px';
	    } else {
	      htmlElement.style.scrollPaddingTop = this.stickyElementHeight + this.rootMarginOffset + this.extraScrollPaddingPx + 'px';
	    }
	  } else if (this.direction === Direction$1.BOTTOM) {
	    if (this.isStuck) {
	      htmlElement.style.scrollPaddingBottom = this.stickyElementHeight + this.extraScrollPaddingPx + 'px';
	    } else {
	      htmlElement.style.scrollPaddingBottom = this.stickyElementHeight + this.rootMarginOffset + this.extraScrollPaddingPx + 'px';
	    }
	  }
	}

	/**
	 * Triggers a boundary check when focus changes to handle edge cases where Intersection Observer does not fire
	 * Uses focusin because focus does not bubble
	 * @this FixedSticky
	 */
	function _onFocusin$1() {
	  if (this.enableObserver) {
	    this.isStuck = this.doesSentinelExceedBoundary();
	    this.el.classList.toggle(ClassName$a.STUCK, this.isStuck);
	    _updateScrollPadding$1.bind(this)();
	  }
	}

	/**
	  Calculate whether the height of the sticky has exceeded 33% of the viewport height based on height of the sticky's hidden elements and the height of the sticky's visible elements.
	  @returns {boolean} Whether the height of the sticky has exceeded 33% of the viewport height.
	  @this FixedSticky
	*/
	function _stickyExceedsAcceptedHeight$1() {
	  // Subtracting two additional pixels based on a border that is toggled based on visibility.
	  return (this.hiddenElementsHeight + this.visibleElementsHeight - 2) / window.innerHeight > 0.33;
	}

	/**
	  Set the status of the sticky observer,
	  dependent on configuration and/or height condition
	  @this FixedSticky
	*/
	function _setObserver$1() {
	  switch (this.observerBehavior) {
	    case ObserverBehavior$1.OFF:
	      {
	        this.setObserverStatus(false);
	        break;
	      }
	    case ObserverBehavior$1.ALWAYS:
	      {
	        this.setObserverStatus(true);
	        break;
	      }
	    default:
	      {
	        if (_stickyExceedsAcceptedHeight$1.call(this)) {
	          this.setObserverStatus(false);
	        } else {
	          this.setObserverStatus(true);
	        }
	      }
	  }
	}

	/**
	 * Validate observer behavior or fall back to default
	 * @param {string} [option] - configuration for observerBehavior
	 * @returns {ObserverBehavior}
	 * @this FixedSticky
	 */
	function _getObserverBehavior$1(option) {
	  // TODO: remove in v2 - deprecated as of v1.14.0
	  // handle previous `enableObserver: false` and override
	  if (this.enableObserverInitial === false) {
	    return ObserverBehavior$1.OFF;
	  }
	  var isValid = function isValid(behavior) {
	    return Object.values(ObserverBehavior$1).includes(behavior);
	  };
	  if (option && isValid(option)) {
	    return option;
	  }
	  if (isValid(this.el.dataset.observerBehavior)) {
	    return this.el.dataset.observerBehavior;
	  }
	  return ObserverBehavior$1.SIZE_AWARE;
	}

	/**
	 * Generate child elements acting as sentinels based on the type of the parent element.
	 * @this FixedSticky
	 */
	function _generateSentinelElement() {
	  var tagName = this.fixedStickyInTable ? 'tr' : 'div';
	  var sentinel = document.createElement(tagName);
	  var childelements = this.el.children;
	  if (this.fixedStickyInTable) {
	    Array.from(childelements).forEach(function (el) {
	      var cellTagName = el.tagName === 'TH' ? 'th' : 'td';
	      var cloneCell = document.createElement(cellTagName);
	      cloneCell.ariaHidden = true;
	      cloneCell.style.display = 'none';
	      sentinel.append(cloneCell);
	    });
	  }
	  sentinel.classList.add(ClassName$a.SENTINEL);
	  sentinel.setAttribute(Attribute$3.ARIA_HIDDEN, true);
	  this.sentinel = sentinel;
	  this.el.insertAdjacentElement('beforebegin', this.sentinel);
	}

	/**
	  Calculate the combined height of all ".sticky-show-stuck" elements.
	  @returns {number} Combined height of all ".sticky-show-stuck" elements.
	  @this FixedSticky
	*/
	function _getShowStuckHeight$1() {
	  var _this = this;
	  var hiddenHeight = 0;
	  // Calculate the height of hidden elements when not stuck
	  var showStuck = this.el.querySelectorAll(Selector$g.SHOW_STUCK);
	  if (showStuck && showStuck instanceof NodeList) {
	    // Get the height of all hidden elements
	    showStuck.forEach(function (el, index, list) {
	      hiddenHeight += window.mwf.Util.getElementOuterHeight(el, {
	        cssSelectors: ['margin', 'padding']
	      });
	      // If this is the last item in the node list, remove the CSS hack that displays hidden elements
	      if (index === list.length - 1) {
	        _this.el.classList.remove(ClassName$a.GET_HEIGHT);
	      }
	    });
	  }
	  return hiddenHeight;
	}

	/**
	  Calculate the height of hidden and visible elements.
	  @returns {Object} Object containing height of hidden and visible elements.
	  @this FixedSticky
	*/
	function _calculateHeights$1() {
	  this.el.classList.add(ClassName$a.GET_HEIGHT);
	  var hiddenHeight = this.fixedStickyInTable ? this.el.offsetHeight : _getShowStuckHeight$1.call(this);
	  var visibleHeight = this.fixedStickyInTable ? 0 : this.el.offsetHeight;
	  this.el.classList.remove(ClassName$a.GET_HEIGHT);
	  return {
	    hidden: hiddenHeight,
	    visible: visibleHeight
	  };
	}

	/**
	 * Set value of instances members and DOM node properties depending on the direction instance member
	 * @this FixedSticky
	 */
	function _setDirectionalProps$1() {
	  if (this.direction === Direction$1.BOTTOM) {
	    this.el.style.top = null; // prevent interference
	    this.el.style.bottom = '0';
	    this.contentDivTarget = this.el.previousElementSibling;
	    this.contentDivTargetSpacing = this.contentDivTarget ? parseInt(getComputedStyle(this.contentDivTarget).paddingBottom, 10) + parseInt(getComputedStyle(this.contentDivTarget).marginBottom, 10) : 0;
	    this.styleProp = 'margin-bottom';
	    this.el.classList.add(ClassName$a.STICKY_BOTTOM);
	    this.el.classList.remove(ClassName$a.STICKY_TOP);
	  } else {
	    // Assume direction is Direction.TOP
	    this.el.style.bottom = null;
	    this.el.style.top = '0';
	    this.contentDivTarget = this.el.nextElementSibling;
	    this.contentDivTargetSpacing = this.contentDivTarget ? parseInt(getComputedStyle(this.contentDivTarget).paddingTop, 10) + parseInt(getComputedStyle(this.contentDivTarget).marginTop, 10) : 0;
	    this.styleProp = 'margin-top';
	    this.el.classList.add(ClassName$a.STICKY_TOP);
	    this.el.classList.remove(ClassName$a.STICKY_BOTTOM);
	  }
	}

	/**
	 * Create a new observer instance member, disconnecting the old one if present. Instance member sentinel must already exist
	 * @this FixedSticky
	 */
	function _createObserver$1() {
	  var _this2 = this;
	  if (this.observer) {
	    this.observer.disconnect();
	  }

	  // If smooth transition is enabled, the`rootMarginOffset` value should reflect the combined height
	  // of all elements hidden prior to the sticky becoming stuck. Adding this value to the rootMargin option
	  // of the intersection observer will allow for the sticky to activate sooner, resulting in a more
	  // seamless transition
	  var observerOptions = {
	    rootMargin: "-" + this.rootMarginOffset + "px 0px 0px 0px"
	  };
	  var onStickyChange = _onStickyChange$1.bind(this);
	  this.observer = new IntersectionObserver(function (entries) {
	    // fire onStickyChange if not in viewport
	    if (_this2.enableObserver) {
	      var prevState = _this2.isStuck;
	      _this2.isStuck = _this2.doesSentinelExceedBoundary() && !entries[0].isIntersecting;

	      // Check if sticky has changed state from unstuck to stuck and vice versa
	      // in order to trigger custom events
	      if (prevState !== undefined && prevState !== _this2.isStuck) {
	        if (_this2.isStuck) {
	          // Create and dispatch custom event
	          _this2[EventName$h.ON_STUCK] = new CustomEvent(EventName$h.ON_STUCK, {
	            bubbles: true
	          });
	          _this2.el.dispatchEvent(_this2[EventName$h.ON_STUCK]);
	        } else {
	          // Create and dispatch custom event
	          _this2[EventName$h.ON_UNSTUCK] = new CustomEvent(EventName$h.ON_UNSTUCK, {
	            bubbles: true
	          });
	          _this2.el.dispatchEvent(_this2[EventName$h.ON_UNSTUCK]);
	        }
	      }
	      onStickyChange();
	    }
	  }, observerOptions);
	  if (this.sentinel) {
	    this.observer.observe(this.sentinel);
	  }
	}

	/**
	 * Helper function to clear key properties of an instance
	 * @this FixedSticky
	 */
	function _teardownInstance$1() {
	  window.mwf.Util.removeEvents(this.events);

	  // remove the attribute from the element
	  this.el.classList.remove(ClassName$a.STICKY);
	  _updateScrollPadding$1.call(this, [true]);
	  // remove sticky-sentinel element
	  this.sentinel.remove();
	  // disconnect observer
	  this.observer.disconnect();
	}

	/**
	 * Class representing a Sticky Element.
	 */
	var OcrFixedSticky = /*#__PURE__*/function () {
	  /**
	   * Create the Sticky Element
	   * @param {Object} opts - The Sticky Element options.
	   * @param {HTMLElement} opts.el - The Sticky Element DOM node.
	   * @param {string} opts.direction - Whether the Sticky element sticks to the top when scrolled below a certain point (TOP) or sticks to the bottom when scrolled above a certain point (BOTTOM). If not defined, will attempt to read `data-direction` attribute, then defaults TOP
	   * @param {boolean} opts.enableSmoothTransition - Whether to enable a smoother transition to hiding/showing elements as the sticky become stuck. If not defined, will attempt to read `data-smooth-transition` attribute, defaults to false
	   * @param {boolean} opts.enableObserver - deprecated: enable the observer on initialization (defaults to true)
	   * @param {ObserverBehavior} opts.observerBehavior - the behavior of the intersection observer to toggle stuck/unstuck states
	   * @param {number} opts.extraScrollPaddingPx - Extra scroll padding to reduce crowding into sticky bars, defaults to 12px, same as minimal gutters
	   */
	  function OcrFixedSticky(opts) {
	    this.el = opts.el;
	    this.direction = _getDirection$1(opts.direction || this.el.dataset.direction);
	    this.enableSmoothTransition = typeof opts.enableSmoothTransition === 'boolean' ? opts.enableSmoothTransition : _hasSmoothTransition$1(this.el);
	    this.extraScrollPaddingPx = typeof opts.extraScrollPaddingPx === 'number' ? opts.extraScrollPaddingPx : 12;
	    this.enableObserver = opts.enableObserver !== false;
	    // Saves the initial value of enable observer status from construction. Is used to flag whether the sticky should be automatically disabled when the height of the sticky exceeds 33% of the viewport
	    // TODO: remove in v2 - deprecated as of v1.14.0
	    this.enableObserverInitial = this.enableObserver;
	    this.observerBehavior = _getObserverBehavior$1.call(this, opts.observerBehavior);

	    // Add "sticky" class only while initialized to attach style and functionality provided by CSS
	    // Set prior to all height calculations so that styles are applied first
	    this.el.classList.add(ClassName$a.STICKY);

	    // HTML element with the property data-mount="sticky"
	    // Create a property to hold the value for the sticky element height to be reused in both the _updateContentDivSpacing and _updateScrollPadding functions.
	    this.stickyElementHeight = 0;

	    // Set properties based on the anchor direction
	    this.contentDivTarget = null;
	    this.contentDivTargetSpacing = 0;
	    this.styleProp = '';
	    _setDirectionalProps$1.call(this);

	    // Add event handlers
	    this.events = [{
	      el: document.body,
	      type: EventName$h.FOCUS_IN,
	      handler: _onFocusin$1.bind(this)
	    }, {
	      el: window,
	      type: EventName$h.RESIZE,
	      handler: throttle(200, _updateScrollPadding$1.bind(this))
	    }, {
	      el: window,
	      type: EventName$h.RESIZE,
	      handler: debounce(300, _setObserver$1.bind(this)),
	      options: {
	        passive: true
	      }
	    }];
	    window.mwf.Util.addEvents(this.events);
	    this.fixedStickyInTable = this.el.closest(Selector$g.TABLE) !== null;
	    var _calculateHeights$cal = _calculateHeights$1.call(this),
	      hiddenElementsHeight = _calculateHeights$cal.hidden,
	      visibleElementsHeight = _calculateHeights$cal.visible;
	    // Adjusts where the sentinel to the intersection observer triggers. Expected to be 0 if smooth transition is disabled.
	    this.rootMarginOffset = this.enableSmoothTransition ? hiddenElementsHeight : 0;
	    this.hiddenElementsHeight = hiddenElementsHeight;
	    this.visibleElementsHeight = visibleElementsHeight;
	    _generateSentinelElement.call(this);
	    this.isStuck = false;
	    this.observer = null;
	    _createObserver$1.call(this);
	    _setObserver$1.call(this);
	    stickies$1.push(this);
	  }

	  /**
	   * Check if the sentinel Exceeds the boundary
	   * @returns {boolean} State of sentinel boundary
	   */
	  var _proto = OcrFixedSticky.prototype;
	  _proto.doesSentinelExceedBoundary = function doesSentinelExceedBoundary() {
	    var sentinelRect = this.sentinel.getBoundingClientRect();
	    var sentinelTop = sentinelRect.top - this.rootMarginOffset;
	    var sentinelBottom = sentinelRect.bottom;
	    if (this.direction === Direction$1.TOP && sentinelTop < 0) {
	      return true;
	    }
	    if (this.direction === Direction$1.BOTTOM && sentinelBottom > window.innerHeight) {
	      return true;
	    }
	    return false;
	  }

	  /**
	   * Set the status (enabled/disabled) of the intersection observer
	   * @param {boolean} status The status to set
	   */;
	  _proto.setObserverStatus = function setObserverStatus(status) {
	    if (this.doesSentinelExceedBoundary()) {
	      _updateScrollPadding$1.call(this);
	      if (status) {
	        this.el.classList.add(ClassName$a.STUCK);
	      } else {
	        this.el.classList.remove(ClassName$a.STUCK);
	      }
	    }
	    this.enableObserver = status;
	  }

	  /**
	   * Updates key aspects the instance
	   * @param {Object} opts - The Sticky options.
	   * @param {string} [opts.direction] - Whether the Sticky element sticks to the top when scrolled below a certain point (TOP) or sticks to the bottom when scrolled above a certain point (BOTTOM). If not defined, will maintain current setting
	   * @param {boolean} [opts.enableSmoothTransition] - Whether to enable a smoother transition to hiding/showing elements as the sticky become stuck. If not defined, will maintain current setting
	   * @param {number} [opts.extraScrollPaddingPx] - Extra scroll padding to reduce crowding into sticky bars. If not define, will maintain current setting
	   * @param {ObserverBehavior} [opts.observerBehavior] - the behavior of the intersection observer to toggle stuck/unstuck states
	   */;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    var updateDirection = typeof opts.direction === 'string' ? _getDirection$1(opts.direction) : this.direction;
	    var updateEnableSmoothTransition = typeof opts.enableSmoothTransition === 'boolean' ? opts.enableSmoothTransition : this.enableSmoothTransition;
	    var updateExtraScrollPaddingPx = typeof opts.extraScrollPaddingPx === 'number' ? opts.extraScrollPaddingPx : this.extraScrollPaddingPx;
	    var _calculateHeights$cal2 = _calculateHeights$1.call(this),
	      updateHiddenElementsHeight = _calculateHeights$cal2.hidden,
	      updateVisibleElementsHeight = _calculateHeights$cal2.visible;

	    // update visibleElementsHeight for future calculations
	    this.visibleElementsHeight = updateVisibleElementsHeight;

	    // Set properties based on the anchor direction if changed
	    if (this.direction !== updateDirection) {
	      this.direction = updateDirection;
	      _setDirectionalProps$1.call(this);

	      // need to update scroll padding if direction changes
	      this.extraScrollPaddingPx = updateExtraScrollPaddingPx;
	      _updateScrollPadding$1.call(this, [true]);
	    }

	    // update scroll padding if extraScrollPaddingPx updated but direction not updated
	    if (this.extraScrollPaddingPx !== updateExtraScrollPaddingPx) {
	      this.extraScrollPaddingPx = updateExtraScrollPaddingPx;
	      _updateScrollPadding$1.call(this, [true]);
	    }

	    // update observer if smooth transition has changed, or hiddenElementsHeight has changed
	    if (this.enableSmoothTransition !== updateEnableSmoothTransition || this.hiddenElementsHeight !== updateHiddenElementsHeight) {
	      this.enableSmoothTransition = updateEnableSmoothTransition;
	      this.hiddenElementsHeight = updateHiddenElementsHeight;
	      this.rootMarginOffset = this.enableSmoothTransition ? updateHiddenElementsHeight : 0;
	      _createObserver$1.call(this);
	    }
	    if (opts.observerBehavior) {
	      this.observerBehavior = _getObserverBehavior$1.call(this, opts.observerBehavior);
	    }
	    _setObserver$1.call(this);

	    // Create and dispatch custom event
	    this[EventName$h.ON_UPDATE] = new CustomEvent(EventName$h.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$h.ON_UPDATE]);
	    return this;
	  }

	  /**
	   * Remove the sticky.
	   */;
	  _proto.remove = function remove() {
	    _teardownInstance$1.call(this);
	    // remove this sticky reference from array of instances
	    var index = stickies$1.indexOf(this);
	    stickies$1.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$h.ON_REMOVE] = new CustomEvent(EventName$h.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$h.ON_REMOVE]);
	  }

	  /**
	   * Get an array of sticky instances.
	   * @returns {Object[]} Array of sticky instances.
	   */;
	  OcrFixedSticky.getInstances = function getInstances() {
	    return stickies$1;
	  };
	  return OcrFixedSticky;
	}();

	var $$1 = _export;
	var $findIndex = arrayIteration.findIndex;
	var addToUnscopables = addToUnscopables$4;

	var FIND_INDEX = 'findIndex';
	var SKIPS_HOLES = true;

	// Shouldn't skip holes
	// eslint-disable-next-line es/no-array-prototype-findindex -- testing
	if (FIND_INDEX in []) Array(1)[FIND_INDEX](function () { SKIPS_HOLES = false; });

	// `Array.prototype.findIndex` method
	// https://tc39.es/ecma262/#sec-array.prototype.findindex
	$$1({ target: 'Array', proto: true, forced: SKIPS_HOLES }, {
	  findIndex: function findIndex(callbackfn /* , that = undefined */) {
	    return $findIndex(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
	  }
	});

	// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
	addToUnscopables(FIND_INDEX);

	var instances$c = [];
	var DELAY_MS$4 = 100;

	/**
	 * CSS class names.
	 * @enum {string}
	 */
	var ClassName$9 = {
	  TABLE: "ocr-table__table",
	  WINDOW: "ocr-table__window",
	  SUBHEADING: "ocr-table-row--subheading",
	  COLUMN_SKU: "sku:not(:has(.sku))",
	  CELL_CONTENT: "ocr-table-cell__content",
	  TWO_COLUMN: "ocr-table--layout-cols-2",
	  CONTROLS: "ocr-table__controls",
	  STUCK: 'stuck',
	  STUCK_SHOW_COLUMN_TITLE: 'ocr-table-row--stuck-show-column-title',
	  STUCK_SHOW_HEAD_COLUMN_TITLE: 'ocr-table-row--stuck-show-head-column-title',
	  PLACEHOLDER_ROW: 'ocr-table-row--placeholder',
	  SHOW: 'show',
	  STICKY_SKU_CLASSES: 'sku sku--style-sticky-header-row',
	  TABLE_ROW_CSS_GRID_ALIGNMENT: 'ocr-table-row--sku-css-grid',
	  STICKY_HEADING: "ocr-table-row--sticky-heading",
	  COLLAPSE: 'collapse',
	  BTN_COLLAPSE: 'btn-collapse'
	};

	/**
	 * CSS Selectors.
	 * @enum {string}
	 */
	var Selector$f = {
	  DATA_MOUNT: '[data-mount="ocr-table"]',
	  TABLE: "." + ClassName$9.TABLE,
	  SCROLL_WINDOW: "." + ClassName$9.WINDOW,
	  COLUMN_SKU: "thead .ocr-table-cell__content ." + ClassName$9.COLUMN_SKU,
	  TABLE_CELL_CONTENT: "td ." + ClassName$9.CELL_CONTENT,
	  SUBHEADING: "." + ClassName$9.SUBHEADING,
	  STICKY_HEADING: "." + ClassName$9.STICKY_HEADING,
	  TWO_COLUMN: "." + ClassName$9.TWO_COLUMN,
	  PREV_BUTTON: "." + ClassName$9.CONTROLS + " .carousel__arrow-prev",
	  NEXT_BUTTON: "." + ClassName$9.CONTROLS + " .carousel__arrow-next",
	  HEAD_ROW: "thead .ocr-table-row",
	  HEAD_CELL: "thead th.ocr-table-cell",
	  HEAD_CELL_CONTENT: "thead td .ocr-table-cell__content",
	  HEAD_CELL_TEXT: "thead .ocr-table-row:first-of-type .ocr-table-cell__content h2",
	  TABLE_ROW_HEAD_CELL_CONTENT: "th .ocr-table-cell__content",
	  TABLE_ROW: "tbody tr",
	  TABLE_BODY: "tbody",
	  TABLE_THEAD: "thead",
	  TABLE_CELL: "td",
	  MODAL: '[data-mount="reimagine-modal"]',
	  STICKY_MODAL_HEADER: '.modal-header.sticky',
	  CSS_GRID_HEAD_ROW: "thead tr.ocr-table-row." + ClassName$9.TABLE_ROW_CSS_GRID_ALIGNMENT,
	  TAB_PANEL: '.tab-panel',
	  MULTI_COLLAPSE: '[data-mount="multi-collapse"]',
	  H2: 'h2'
	};

	/**
	 * Elements to be cloned for sticky header.
	 */
	var STICKY_HEAD_CLONE_ELEMENTS = [{
	  selector: '.sku__title',
	  containerClass: ''
	}, {
	  selector: '.sku__pricing',
	  containerClass: ''
	}, {
	  selector: '.sku__detail-recurrence',
	  containerClass: ''
	}, {
	  selector: '.sku__note',
	  containerClass: ''
	}, {
	  selector: '.sku__unavailable',
	  containerClass: ''
	}, {
	  selector: '.button-group',
	  containerClass: 'sku__buttons',
	  createNewContainer: true
	}];

	/**
	 * HTML Attributes.
	 * @enum {string}
	 */
	var Attributes$9 = {
	  DISABLED: 'disabled',
	  TABINDEX: 'tabindex',
	  ID: 'id',
	  ARIA_HIDDEN: 'aria-hidden',
	  ARIA_EXPANDED: 'aria-expanded',
	  DATA_TARGET: 'data-target',
	  DATA_EXPAND: 'data-expand'
	};

	/**
	 * String constants.
	 * @enum {string}
	 */
	var Strings$2 = {
	  EMPTY: ""
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$g = {
	  CLICK_DATA_API: 'click',
	  RESIZE_DATA_API: 'resize',
	  SCROLL_DATA_API: 'scroll',
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate',
	  ELEMENT_CLONED: 'elementCloned'
	};

	/**
	 * Get the current viewport size.
	 * Returns true for VP3/4, false for VP1/2.
	 * @returns {boolean}
	 */
	function _getIsLargeViewport() {
	  var viewportWidth = window.innerWidth;
	  return viewportWidth >= ViewPort.MD;
	}

	/**
	 * This function adds the header column SKU to the sticky heading cell.
	 * @param {HTMLTableElement} table
	 * @param {HTMLTableRowElement} stickyHeading
	 */
	function _addColumnSKUInfoToStickyHeadingCell(table, stickyHeading) {
	  var headerCells = table.querySelectorAll(Selector$f.COLUMN_SKU);
	  var stickyHeadingCells = stickyHeading.querySelectorAll(Selector$f.TABLE_CELL_CONTENT);
	  headerCells.forEach(function (headerCell, index) {
	    var stickyCell = stickyHeadingCells[index];
	    if (!stickyCell) return;
	    stickyCell.parentNode.removeAttribute(Attributes$9.ARIA_HIDDEN);
	    var wrapperDiv = document.createElement('div');
	    wrapperDiv.className = ClassName$9.STICKY_SKU_CLASSES;
	    STICKY_HEAD_CLONE_ELEMENTS.forEach(function (item) {
	      var elementsToClone = headerCell.querySelectorAll(item.selector);
	      elementsToClone.forEach(function (element) {
	        var clone = element.cloneNode(true);
	        if (item.createNewContainer) {
	          var container = document.createElement('div');
	          container.className = item.containerClass;
	          if (clone.getAttribute(Attributes$9.ID)) {
	            clone.removeAttribute(Attributes$9.ID);
	          }
	          container.append(clone);
	          wrapperDiv.append(container);
	        } else {
	          wrapperDiv.append(clone);
	        }
	      });
	    });
	    stickyCell.append(wrapperDiv);
	  });
	  // post message to AEM to display the cloned elements and bind events
	  window.postMessage(EventName$g.ELEMENT_CLONED);
	}

	/**
	 * For the subheading, we need to hide the cells for accessibility.
	 * @param {HTMLTableRowElement} subheading
	 */
	function _setAccessibilityAttributes(subheading) {
	  var subheadingCells = subheading.querySelectorAll(Selector$f.TABLE_CELL);
	  subheadingCells.forEach(function (cell) {
	    cell.ariaHidden = true;
	  });
	}

	/**
	 * This function returns an array of columns.
	 * @param {HTMLTableElement} table
	 * @returns {Array<Array<HTMLTableCellElement>>}
	 */
	function _getTableColumns(table) {
	  var columns = [];
	  var headCells = [];
	  var headCellsArr = table.querySelectorAll(Selector$f.HEAD_CELL);
	  var headCellsContentArr = table.querySelectorAll(Selector$f.HEAD_CELL_CONTENT);
	  if (headCellsArr.length === 0) {
	    headCellsContentArr.forEach(function (cellContent, index) {
	      // Since all table variant hides the first cell in table header,
	      // we can skip the first cell in table header.
	      if (index !== 0 && cellContent.parentNode) {
	        headCells.push(cellContent.parentNode);
	      }
	    });
	  } else {
	    headCells.push.apply(headCells, headCellsArr);
	  }
	  headCells.forEach(function (cell) {
	    columns.push([cell]);
	  });
	  var rows = table.querySelectorAll(Selector$f.TABLE_ROW);
	  rows.forEach(function (row) {
	    var cells = row.querySelectorAll(Selector$f.TABLE_CELL);
	    cells.forEach(function (cell, index) {
	      if (columns[index]) {
	        columns[index].push(cell);
	      }
	    });
	  });
	  return columns;
	}

	/**
	 * This function returns the column width and left from given columns.
	 * @param {<Array<HTMLTableCellElement>} column
	 * @returns {{offsetLeft: number, offsetWidth: number}}
	 */
	function _getColumnRect(column) {
	  // In somesitutation, the first three or four row cells have display:contents or display:none,
	  // so we will find the cell that not using thoes style in order to get correct offset value.
	  var cellIndex = 0;
	  cellIndex = column.findIndex(function (cell) {
	    return cell.style.display !== 'contents' && cell.style.display !== 'none';
	  });
	  var tableCell = column[cellIndex];
	  var offsetLeft = tableCell.offsetLeft,
	    offsetWidth = tableCell.offsetWidth;
	  return {
	    offsetLeft: offsetLeft,
	    offsetWidth: offsetWidth
	  };
	}

	/**
	 * Table component
	 */
	var Table = /*#__PURE__*/function () {
	  /**
	   * Create a Table instance
	   * @param {{el: HTMLDivElement}} opts - Options
	   */
	  function Table(_ref) {
	    var el = _ref.el;
	    /**
	     * Event bindings.
	     * @type {{ el: Element, handler: (...args: unknown[]) => unknown, type: string}[]} */
	    this.events = [];
	    /**
	     * Observers.
	     * @type {(ResizeObserver | IntersectionObserver | MutationObserver)[]}
	     */
	    this.observers = [];
	    this.el = el;
	    this.isRTL = document.dir === 'rtl';
	    /** Only enable scroll in small viewport */
	    this.scrollable = !_getIsLargeViewport();
	    /** @type {HTMLDivElement} */
	    this.scrollWindow = this.el.querySelector(Selector$f.SCROLL_WINDOW);
	    /** @type {HTMLTableElement} */
	    this.tableEl = this.el.querySelector(Selector$f.TABLE);
	    var subheading = this.el.querySelector(Selector$f.SUBHEADING);
	    if (subheading) {
	      _setAccessibilityAttributes(subheading);
	    }

	    /** @type {HTMLTableRowElement | null} */
	    this.stickyHeading = this.el.querySelector(Selector$g.DATA_MOUNT);
	    if (this.stickyHeading) {
	      this._initStickyHeading();
	    }

	    /** Only not 2 columns table enable scroll */
	    this.enableScroll = !this.el.classList.contains(ClassName$9.TWO_COLUMN);
	    if (this.enableScroll) {
	      this._initMobileScroll();
	    }

	    /** When the table is be used in a tab pannel */
	    this._syncStickyHeadingWhenTableVisible();

	    /** Align SKU content in table head */
	    this._alignSkuContent();

	    // Set aria-expanded attribute to the collapse triggers and show the target elements
	    this._updateCollapseTriggersAndShowTargets();
	    Util$1.addEvents(this.events);
	    instances$c.push(this);
	  }

	  /**
	   * Initialize the mobile scroll functionality.
	   */
	  var _proto = Table.prototype;
	  _proto._initMobileScroll = function _initMobileScroll() {
	    /** @type {HTMLButtonElement} */
	    this.prevButton = this.el.querySelector(Selector$f.PREV_BUTTON);
	    /** @type {HTMLButtonElement} */
	    this.nextButton = this.el.querySelector(Selector$f.NEXT_BUTTON);
	    this.columns = _getTableColumns(this.el);
	    this.isGridLayout = Boolean(this.el.querySelector(Selector$f.CSS_GRID_HEAD_ROW));
	    this.currentColumnIndex = 0;
	    if (this.scrollable) {
	      this._updateColumnIndex(0);
	      this._adaptScrollingEndPadding();
	    } else {
	      this._toggleScrollButtons();
	    }
	    this.events.push({
	      el: this.prevButton,
	      handler: this._handlePrevButtonClick.bind(this),
	      type: EventName$g.CLICK_DATA_API
	    }, {
	      el: this.nextButton,
	      handler: this._handleNextButtonClick.bind(this),
	      type: EventName$g.CLICK_DATA_API
	    }, {
	      el: this.scrollWindow,
	      handler: debounce(DELAY_MS$4, this._reCalculateColumnIndex.bind(this)),
	      type: EventName$g.SCROLL_DATA_API
	    });
	    var resizeObserver = new ResizeObserver(throttle(DELAY_MS$4, this._handleResize.bind(this)));
	    resizeObserver.observe(this.scrollWindow);
	    this.observers.push(resizeObserver);
	  }

	  /**
	   * Adjusts the sticky heading cells style when the visibility of the table in tab pannel is toggled.
	   */;
	  _proto._syncStickyHeadingWhenTableVisible = function _syncStickyHeadingWhenTableVisible() {
	    var _this = this;
	    this.tabPanel = this.el.closest(Selector$f.TAB_PANEL);
	    if (this.tabPanel) {
	      var tableMutationObserver = new MutationObserver(function (mutations) {
	        mutations.forEach(function (mutation) {
	          if (mutation.attributeName === 'class' && _this.tabPanel.classList.contains(ClassName$9.SHOW)) {
	            _this._adjustStuckStickyHeadingStyles();
	          }
	        });
	      });
	      tableMutationObserver.observe(this.tabPanel, {
	        attributes: true
	      });
	      this.observers.push(tableMutationObserver);
	    }
	  }

	  /**
	   * Adaptation to scrolling leads to one side of the padding becoming ineffective.
	   */;
	  _proto._adaptScrollingEndPadding = function _adaptScrollingEndPadding() {
	    var paddingInline = this._getPaddingInline(this.isRTL);
	    var tableBody = this.el.querySelector(Selector$f.TABLE_BODY);
	    var tableHead = this.el.querySelector(Selector$f.TABLE_THEAD);
	    tableBody.style.paddingInlineEnd = paddingInline;
	    if (tableHead) {
	      tableHead.style.paddingInlineEnd = paddingInline;
	    }
	  }

	  /**
	   * Generate placeholder elements to address the issue with nested tag rules.
	   */;
	  _proto._generatePlaceholderElement = function _generatePlaceholderElement() {
	    var placeholderRow = document.createElement('tr');
	    placeholderRow.setAttribute(Attributes$9.ARIA_HIDDEN, true);
	    Array.from(this.stickyHeading.children).forEach(function (el) {
	      var cellTagName = el.tagName === 'TH' ? 'th' : 'td';
	      var cloneCell = document.createElement(cellTagName);
	      cloneCell.ariaHidden = true;
	      cloneCell.style.display = 'none';
	      placeholderRow.append(cloneCell);
	    });
	    return placeholderRow;
	  }

	  /**
	   * Initialize the sticky heading functionality.
	   */;
	  _proto._initStickyHeading = function _initStickyHeading() {
	    var _this$stickyHeading,
	      _this2 = this,
	      _this$modal;
	    this.stickyInstance = this._getStickyInstance();
	    if (this.stickyHeading.classList.contains(ClassName$9.STUCK_SHOW_COLUMN_TITLE)) {
	      _addColumnSKUInfoToStickyHeadingCell(this.el, this.stickyHeading);
	      this.stickyInstance.update();
	    }
	    if (this.stickyHeading.classList.contains(ClassName$9.STUCK_SHOW_HEAD_COLUMN_TITLE)) {
	      _addColumnSKUInfoToStickyHeadingCell(this.el, this.stickyHeading);
	      var tableHeadFirstCellText = this.el.querySelector(Selector$f.HEAD_CELL_TEXT);
	      var stickyHeadingFirstCell = this.stickyHeading.querySelector(Selector$f.TABLE_ROW_HEAD_CELL_CONTENT);

	      // clone table header first cell text to the first sticky heading cell
	      if (tableHeadFirstCellText && stickyHeadingFirstCell) {
	        stickyHeadingFirstCell.append(tableHeadFirstCellText.cloneNode(true));
	        stickyHeadingFirstCell.querySelector(Selector$f.H2).setAttribute(Attributes$9.ARIA_HIDDEN, true);
	      }
	      this.stickyInstance.update();
	    }
	    this.isStickyHeaderGridLayout = Boolean((_this$stickyHeading = this.stickyHeading) == null ? void 0 : _this$stickyHeading.classList.contains(ClassName$9.TABLE_ROW_CSS_GRID_ALIGNMENT));
	    this.placeholderRow = this._generatePlaceholderElement();
	    this.placeholderRow.classList.add(ClassName$9.PLACEHOLDER_ROW);
	    this.stickyHeading.parentElement.insertBefore(this.placeholderRow, this.stickyHeading);
	    /** @type {HTMLDivElement | null} */
	    this.modal = this.el.closest(Selector$f.MODAL);
	    if (this.modal) {
	      // Although there are `shown` and `show` events for modal,
	      // but the `show` is called too early, and the `shown` is called too late,
	      // so we use mutation observer to detect the modal is shown or not.
	      // If the modal is shown, adjust the sticky heading width to make it align with table.
	      var modalMutationObserver = new MutationObserver(function (mutations) {
	        mutations.forEach(function (mutation) {
	          if (mutation.attributeName === 'class' && _this2.modal.classList.contains(ClassName$9.SHOW)) {
	            _this2._adjustStuckStickyHeadingStyles();
	          }
	        });
	      });
	      modalMutationObserver.observe(this.modal, {
	        attributes: true,
	        attributeFilter: ['class']
	      });
	      this.observers.push(modalMutationObserver);
	    }

	    /** @type {HTMLDivElement | null} */
	    this.stickyModalHeader = (_this$modal = this.modal) == null ? void 0 : _this$modal.querySelector(Selector$f.STICKY_MODAL_HEADER);
	    if (this.stickyModalHeader) {
	      // Use intersection observer to detect the sticky modal header is shown or not.
	      // If the sticky modal header is shown, adjust the sticky heading sentinel position to make it stuck under the modal header.
	      // Also, we need to set the sticky heading to unstuck state when the modal header is not shown.
	      var modalHeaderIntersectionObserver = new IntersectionObserver(function (entries) {
	        entries.forEach(function (entry) {
	          if (entry.isIntersecting) {
	            _this2._toggleFixedSticky(ObserverBehavior$1.SIZE_AWARE);
	            _this2.stickyInstance.sentinel.style.position = 'relative';
	            _this2.stickyInstance.sentinel.style.top = "-" + _this2.stickyModalHeader.clientHeight + "px";
	          } else {
	            _this2._toggleFixedSticky(ObserverBehavior$1.OFF);
	          }
	        });
	      });
	      modalHeaderIntersectionObserver.observe(this.stickyModalHeader);
	      this.observers.push(modalHeaderIntersectionObserver);
	    }

	    /**
	     * The IntersectionObserver is used to detect the sticky heading is in the scroll window or not.
	     * The `fixed-sticky` will only set sticky header stuck when scroll from top to bottom,
	     * The header will stuck based on the height of the heading and device even if we scroll down to out of the table.
	     * Add this intersection observer to handle this case,
	     * to trigger the stuck state manually.
	     */
	    var intersectionObserver = new IntersectionObserver(function (entries) {
	      entries.forEach(function (entry) {
	        if (entry.isIntersecting) {
	          _this2._toggleFixedSticky(ObserverBehavior$1.SIZE_AWARE);
	        } else {
	          _this2._toggleFixedSticky(ObserverBehavior$1.OFF);
	        }
	      });
	    });
	    intersectionObserver.observe(this.scrollWindow);
	    this.observers.push(intersectionObserver);

	    /**
	     * The MutationObserver is used to detect stuck state changes of the sticky heading.
	     * The 'fixed-sticky' library provides 'ON_STUCK' and 'ON_UNSTUCK' events,
	     * but these events will not trigger when scrolling from bottom to top,
	     * which triggered by the intersection observer.
	     * And the timing of the events and this observer is different,
	     * so we need to listen both of them to avoid browser re-flow,
	     * which will make sticky header flicker.
	     */
	    var mutationObserver = new MutationObserver(function (mutations) {
	      mutations.forEach(function (mutation) {
	        if (mutation.attributeName === 'class') {
	          var isStuck = _this2.stickyHeading.classList.contains(ClassName$9.STUCK);
	          var firstStickyCellTitle = _this2.stickyHeading.querySelector(Selector$f.TABLE_ROW_HEAD_CELL_CONTENT + " " + Selector$f.H2);
	          var collapseToggleButton = _this2.stickyHeading.querySelector(Selector$f.TABLE_ROW_HEAD_CELL_CONTENT + " ." + ClassName$9.BTN_COLLAPSE);
	          _this2._togglePlaceHolderRowHeight(isStuck);
	          _this2.stickyInstance.contentDivTarget.style.marginTop = Strings$2.EMPTY;
	          if (_this2.stickyModalHeader) {
	            _this2.stickyHeading.style.marginTop = isStuck ? _this2.stickyModalHeader.clientHeight + "px" : Strings$2.EMPTY;
	            _this2.stickyHeading.style.paddingInlineEnd = isStuck ? _this2.modal.offsetWidth - _this2.modal.clientWidth + "px" : Strings$2.EMPTY;
	          }
	          _this2._syncStickyHeadingWidth();
	          if (isStuck) {
	            _this2._syncStickyHeadingScrollPosition();
	          }

	          // toggle aria-hidden attributes
	          if (_this2.stickyHeading.classList.contains(ClassName$9.STUCK_SHOW_HEAD_COLUMN_TITLE)) {
	            _this2._updateAriaHiddenAttributes(isStuck, firstStickyCellTitle, collapseToggleButton);
	          }
	        }
	      });
	    });
	    mutationObserver.observe(this.stickyHeading, {
	      attributes: true,
	      attributeFilter: ['class']
	    });
	    this.observers.push(mutationObserver);
	    this.events.push({
	      el: document.defaultView,
	      handler: throttle(DELAY_MS$4, function () {
	        _this2._adjustStuckStickyHeadingStyles();
	        _this2._syncStickyHeadingScrollPosition();
	        _this2._syncStickyHeadingWidth();
	      }),
	      type: EventName$g.RESIZE_DATA_API
	    }, {
	      el: this.stickyHeading,
	      handler: function handler() {
	        _this2._adjustStuckStickyHeadingStyles();
	        _this2._togglePlaceHolderRowHeight(true);
	      },
	      type: EventName$h.ON_STUCK
	    }, {
	      el: this.stickyHeading,
	      handler: function handler() {
	        _this2._togglePlaceHolderRowHeight(false);
	      },
	      type: EventName$h.ON_UNSTUCK
	    }, {
	      el: this.scrollWindow,
	      handler: function handler() {
	        _this2._syncStickyHeadingScrollPosition();
	      },
	      type: EventName$g.SCROLL_DATA_API
	    });
	  }

	  /**
	   * This function aligns the SKU content in the table header
	   * @returns {void}
	   */;
	  _proto._alignSkuContent = function _alignSkuContent() {
	    var tableHeaderCellsWithSku = this.tableEl.querySelectorAll('thead .ocr-table-cell:has(.sku)');
	    if (!tableHeaderCellsWithSku || tableHeaderCellsWithSku.length === 0) return;
	    var isLargeViewport = _getIsLargeViewport();
	    var stickyHeader = this.el.querySelector(Selector$f.STICKY_HEADING);
	    var tags = this.tableEl.querySelectorAll('thead .ocr-table-cell .tag');

	    // Handle sticky state
	    if (stickyHeader != null && stickyHeader.classList.contains(ClassName$9.STUCK)) {
	      tableHeaderCellsWithSku.forEach(function (cell) {
	        var sku = cell.querySelector('.sku');
	        if (sku) {
	          requestAnimationFrame(function () {
	            sku.style.marginTop = '0px';
	          });
	        }
	      });
	      return;
	    }

	    // Adjust for mobile: reset bottom margins for .tag elements
	    if (!isLargeViewport) {
	      tableHeaderCellsWithSku.forEach(function (cell) {
	        var tag = cell.querySelector('.tag');
	        if (tag) {
	          requestAnimationFrame(function () {
	            tag.style.marginBottom = '0px';
	          });
	        }
	      });
	    }

	    // Calculate maximum height for .tag elements
	    var maxHeight = 0;
	    tags.forEach(function (tag) {
	      var tagHeight = tag.offsetHeight;
	      if (tagHeight > maxHeight) {
	        maxHeight = tagHeight;
	      }
	    });

	    // Get the gap between .ocr-table-cell__content elements
	    var cellContent = tableHeaderCellsWithSku[0].querySelector('.ocr-table-cell__content');
	    var gapComputedStyle = getComputedStyle(cellContent);
	    var skuCellGapValue = gapComputedStyle.getPropertyValue('gap');

	    // Adjust alignment for .sku and .tag elements
	    tableHeaderCellsWithSku.forEach(function (cell) {
	      var tag = cell.querySelector('.tag');
	      if (tag) {
	        requestAnimationFrame(function () {
	          if (tag.offsetHeight < maxHeight) {
	            var heightDiff = maxHeight - tag.offsetHeight;
	            tag.style.marginBottom = heightDiff + "px";
	          }
	        });
	      } else {
	        var sku = cell.querySelector('.sku');
	        if (sku) {
	          requestAnimationFrame(function () {
	            var adjustedMarginTop = maxHeight + parseFloat(skuCellGapValue);
	            sku.style.marginTop = adjustedMarginTop + "px";
	          });
	        }
	      }
	    });
	  }

	  /**
	   * Recalculate current column index,
	   * based on the scroll position of the scroll window.
	   * @returns {void}
	   */;
	  _proto._reCalculateColumnIndex = function _reCalculateColumnIndex() {
	    var _this3 = this;
	    var _this$scrollWindow = this.scrollWindow,
	      scrollWindowLeft = _this$scrollWindow.scrollLeft,
	      scrollWindowWidth = _this$scrollWindow.clientWidth;
	    var scrollWindowPadding = parseFloat(getComputedStyle(this.scrollWindow).paddingInlineStart);
	    var currentIndex = 0;
	    this.columns.forEach(function (column, index) {
	      var _getColumnRect2 = _getColumnRect(column),
	        offsetLeft = _getColumnRect2.offsetLeft,
	        offsetWidth = _getColumnRect2.offsetWidth;
	      var isInScrollWindow = false;
	      var precision = 1;
	      if (_this3.isRTL) {
	        // In RTL mode, the current column is the last column which left edge is in the scrollWindow.
	        isInScrollWindow = offsetLeft - scrollWindowLeft + scrollWindowPadding >= -precision;
	      } else {
	        // In LTR mode, the current column is the last column which right edge is in the scrollWindow.
	        isInScrollWindow = offsetLeft + offsetWidth - scrollWindowLeft - scrollWindowWidth <= precision;
	      }
	      if (isInScrollWindow) {
	        currentIndex = index;
	      }
	    });
	    if (this.currentColumnIndex !== currentIndex) {
	      this._updateColumnIndex(currentIndex);
	    }
	  }

	  /**
	   * Update current column index.
	   * Will update the focus state of the column,
	   * and toggle the disabled attribute of the scroll buttons.
	   * @param {number} currentIndex
	   */;
	  _proto._updateColumnIndex = function _updateColumnIndex(currentIndex) {
	    var _this4 = this;
	    this.columns.forEach(function (column, index) {
	      _this4._toggleColumnFocus(column, index === currentIndex);
	    });
	    this.currentColumnIndex = currentIndex;
	    this._toggleScrollButtons();
	  }

	  /**
	   * Get the document paddingInline value.
	   * @param {isRTL} dir
	   * @returns {String}
	   */;
	  _proto._getPaddingInline = function _getPaddingInline(isRTL) {
	    var _this$tableEl$getBoun = this.tableEl.getBoundingClientRect(),
	      left = _this$tableEl$getBoun.left,
	      right = _this$tableEl$getBoun.right;
	    return isRTL ? document.documentElement.clientWidth - right + "px" : left + "px";
	  }

	  /**
	   * Toggle buttons disabled attribute based on current column index.
	   * @returns {void}
	   */;
	  _proto._toggleScrollButtons = function _toggleScrollButtons() {
	    if (!this.prevButton || !this.nextButton) return;
	    if (this.currentColumnIndex === 0) {
	      this.prevButton.setAttribute(Attributes$9.DISABLED, true);
	    } else {
	      this.prevButton.removeAttribute(Attributes$9.DISABLED);
	    }
	    if (this.currentColumnIndex === this.columns.length - 1) {
	      this.nextButton.setAttribute(Attributes$9.DISABLED, true);
	    } else {
	      this.nextButton.removeAttribute(Attributes$9.DISABLED);
	    }
	  }

	  /**
	   * Toggle column focusable state.
	   * In small viewport, only the current column is focusable.
	   * @param {HTMLElement[]} column
	   * @param {boolean} enableFocus
	   */;
	  _proto._toggleColumnFocus = function _toggleColumnFocus(column, enableFocus) {
	    column.forEach(function (cell) {
	      Util$1.getTabbableElements(cell).forEach(function (el) {
	        if (enableFocus) {
	          el.removeAttribute(Attributes$9.TABINDEX);
	        } else {
	          el.setAttribute(Attributes$9.TABINDEX, -1);
	        }
	      });
	    });
	  }

	  /**
	   * Make all columns focusable.
	   * In large viewport, all columns are focusable.
	   * @returns {void}
	   */;
	  _proto._resetColumnFocus = function _resetColumnFocus() {
	    Util$1.getTabbableElements(this.el).forEach(function (el) {
	      el.removeAttribute(Attributes$9.TABINDEX);
	    });
	  };
	  _proto._handlePrevButtonClick = function _handlePrevButtonClick() {
	    var prevColumnIndex = this.currentColumnIndex - 1;
	    if (prevColumnIndex < 0) return;
	    this._updateColumnIndex(prevColumnIndex);
	    this._handleScroll();
	  };
	  _proto._handleNextButtonClick = function _handleNextButtonClick() {
	    var nextColumnIndex = this.currentColumnIndex + 1;
	    if (nextColumnIndex >= this.columns.length) return;
	    this._updateColumnIndex(nextColumnIndex);
	    this._handleScroll();
	  };
	  _proto._handleScroll = function _handleScroll() {
	    var targetColumn = this.columns[this.currentColumnIndex];
	    var _getColumnRect3 = _getColumnRect(targetColumn),
	      offsetLeft = _getColumnRect3.offsetLeft,
	      offsetWidth = _getColumnRect3.offsetWidth;
	    var tablePadding = parseFloat(getComputedStyle(this.tableEl).paddingInlineStart);
	    var offset = this.isRTL ? this.tableEl.offsetWidth - offsetWidth - tablePadding : tablePadding;
	    this.scrollWindow.scrollTo({
	      behavior: 'smooth',
	      left: offsetLeft - offset
	    });
	  };
	  _proto._handleResize = function _handleResize() {
	    var nextScrollable = !_getIsLargeViewport();

	    // Align SKU content in table head
	    this._alignSkuContent();
	    if (nextScrollable) {
	      this._reCalculateColumnIndex();
	      this._adaptScrollingEndPadding();
	    }
	    if (nextScrollable === this.scrollable) {
	      // If the viewport doesn't change from large to small or small to large,
	      // no need to do the following.
	      return;
	    }
	    this.scrollable = nextScrollable;
	    if (!this.scrollable) {
	      this._resetColumnFocus();
	    }
	  }

	  /**
	   * Get the sticky instance.
	   * @returns {FixedStickyExtension | null}
	   */;
	  _proto._getStickyInstance = function _getStickyInstance() {
	    var _this5 = this;
	    return OcrFixedSticky.getInstances().find(function (instance) {
	      return instance.el === _this5.stickyHeading;
	    });
	  }

	  /**
	   * Toggle the sticky heading sticky behavior.
	   * @param {FixedStickyObserverBehavior} observerBehavior
	   */;
	  _proto._toggleFixedSticky = function _toggleFixedSticky(observerBehavior) {
	    if (this.stickyInstance.observerBehavior !== observerBehavior) {
	      this.stickyInstance.update({
	        observerBehavior: observerBehavior
	      });
	    }
	  }

	  /**
	   * Adjusts the sticky heading cells width.
	   * If the sticky heading is stuck,
	   * the width of the sticky heading cells should be the same as the normal row cells to align with the table.
	   */;
	  _proto._adjustStuckStickyHeadingStyles = function _adjustStuckStickyHeadingStyles() {
	    var isLargeViewport = _getIsLargeViewport();
	    if (isLargeViewport) {
	      var _this$tableEl$getBoun2 = this.tableEl.getBoundingClientRect(),
	        left = _this$tableEl$getBoun2.left,
	        right = _this$tableEl$getBoun2.right;
	      this.stickyHeading.style.paddingInlineStart = (this.isRTL ? document.documentElement.clientWidth - right : left) + "px";
	    } else {
	      var paddingInline = this._getPaddingInline(this.isRTL);
	      this.stickyHeading.style.paddingInline = paddingInline;
	    }
	    var stickyHeadingCells = this.stickyHeading.children;
	    var normalRowCells = this.stickyHeading.classList.contains(ClassName$9.STUCK_SHOW_HEAD_COLUMN_TITLE) ? this.el.querySelector(Selector$f.HEAD_ROW).children : this.stickyHeading.nextElementSibling.children;
	    if (this.isStickyHeaderGridLayout) {
	      var gridTemplateColumnsValue = Array.from(stickyHeadingCells).map(function (cell, index) {
	        var normalRowCell = normalRowCells[index];
	        return !isLargeViewport && index === 0 ? '0px' : normalRowCell.offsetWidth + "px";
	      }).join(' ');
	      this.stickyHeading.style.gridTemplateColumns = gridTemplateColumnsValue;
	    } else {
	      Array.from(stickyHeadingCells).forEach(function (cell, index) {
	        var normalRowCell = normalRowCells[index];
	        cell.style.flexBasis = normalRowCell.offsetWidth + "px";
	      });
	    }
	  }

	  /**
	   * Sync the sticky heading scroll position with the scroll window.
	   */;
	  _proto._syncStickyHeadingScrollPosition = function _syncStickyHeadingScrollPosition() {
	    this.stickyHeading.scrollLeft = this.scrollWindow.scrollLeft;
	  }

	  /**
	   * Synchronizes the width of the sticky heading with the width of the modal.
	   * If the modal has scrollbar,
	   * we need to adjust the sticky heading width to make it align with the modal.
	   */;
	  _proto._syncStickyHeadingWidth = function _syncStickyHeadingWidth() {
	    if (this.modal) {
	      this.stickyHeading.style.width = this.stickyInstance.isStuck ? Math.floor(this.modal.clientWidth) + "px" : Strings$2.EMPTY;
	    }
	  }

	  /**
	   * Toggle the placeholder row height,
	   * We need a extra spacing in the table when sticky heading stuck,
	   * the fixed-sticky is using margin-top to make this spacing,
	   * but the margin not work for the table layout,
	   * so we need adjust this extra element's height to make this spacing.
	   * @param {boolean} isStuck
	   */;
	  _proto._togglePlaceHolderRowHeight = function _togglePlaceHolderRowHeight(isStuck) {
	    this.placeholderRow.style.height = isStuck ? this.stickyInstance.stickyElementHeight + "px" : Strings$2.EMPTY;
	  }

	  /**
	   * Update the ARIA hidden attributes for elements within the sticky heading.
	   * When the sticky heading is stuck, the title becomes visible, and the collapse toggle button is hidden.
	   * When the sticky heading is unstuck, the title is hidden, and the collapse toggle button becomes visible.
	   * @param {boolean} isStuck - whether the sticky heading is currently stuck or not.
	   * @param {HTMLElement} firstStickyCellTitle - The title text in the first sticky cell.
	   * @param {HTMLElement} collapseToggleButton - The collapse toggle button element in the first sticky cell.
	   */;
	  _proto._updateAriaHiddenAttributes = function _updateAriaHiddenAttributes(isStuck, firstStickyCellTitle, collapseToggleButton) {
	    if (firstStickyCellTitle) {
	      if (isStuck) {
	        firstStickyCellTitle.removeAttribute(Attributes$9.ARIA_HIDDEN);
	      } else {
	        firstStickyCellTitle.setAttribute(Attributes$9.ARIA_HIDDEN, true);
	      }
	    }
	    if (collapseToggleButton) {
	      if (isStuck) {
	        collapseToggleButton.setAttribute(Attributes$9.ARIA_HIDDEN, true);
	      } else {
	        collapseToggleButton.removeAttribute(Attributes$9.ARIA_HIDDEN);
	      }
	    }
	  }

	  /**
	   * Update the aria-expanded attributes for collapse triggers and show the target elements.
	   */;
	  _proto._updateCollapseTriggersAndShowTargets = function _updateCollapseTriggersAndShowTargets() {
	    var collapseTriggers = this.el.querySelectorAll(Selector$f.MULTI_COLLAPSE);
	    var targetIdSet = new Set();
	    collapseTriggers.forEach(function (trigger) {
	      var _trigger$getAttribute;
	      var expand = trigger.getAttribute(Attributes$9.DATA_EXPAND) || 'true';
	      if (expand) {
	        trigger.setAttribute(Attributes$9.ARIA_EXPANDED, expand.toString());
	      }
	      var targetIdsString = (_trigger$getAttribute = trigger.getAttribute(Attributes$9.DATA_TARGET)) == null ? void 0 : _trigger$getAttribute.replace(/#/g, '');
	      targetIdsString == null ? void 0 : targetIdsString.split(',').forEach(function (id) {
	        targetIdSet.add([id.trim(), expand]);
	      });
	    });
	    targetIdSet.forEach(function (_ref2) {
	      var id = _ref2[0],
	        expand = _ref2[1];
	      var targetElement = document.getElementById(id);
	      if (targetElement) {
	        targetElement.classList.add(ClassName$9.COLLAPSE);
	        if (expand.toString() === 'true') {
	          targetElement.classList.add(ClassName$9.SHOW);
	        } else {
	          targetElement.classList.remove(ClassName$9.SHOW);
	        }
	      }
	    });
	  }

	  /**
	   * Update the instance.
	   * Not currently used, but required by API standards.
	   */;
	  _proto.update = function update() {
	    // Create and dispatch custom event
	    this[EventName$g.ON_UPDATE] = new CustomEvent(EventName$g.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$g.ON_UPDATE]);
	  }

	  /**
	   * Remove the instance
	   */;
	  _proto.remove = function remove() {
	    this.observers.forEach(function (observer) {
	      observer.disconnect();
	    });
	    Util$1.removeEvents(this.events);
	    this[EventName$g.ON_REMOVE] = new CustomEvent(EventName$g.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$g.ON_REMOVE]);
	    var index = instances$c.indexOf(this);
	    instances$c.splice(index, 1);
	  }

	  /**
	   * Get table instances.
	   * @returns {Table[]} An array of instances
	   */;
	  Table.getInstances = function getInstances() {
	    return instances$c;
	  };
	  return Table;
	}();

	var Selector$e = {
	  DATA_MOUNT: "[data-mount='proactive-chat']",
	  CLOSE_BUTTON: '.proactive-chat__header .btn',
	  CANCEL_LINK: '.proactive-chat__body .link-inline',
	  OPEN_CHAT_BUTTON: '.proactive-chat__body .btn',
	  HEADER_TITLE: '.proactive-chat__header__title',
	  BLOCK_FEATURE_TITLE: '.proactive-chat__body .block-feature__title'
	};
	var Attributes$8 = {
	  POPUP_DELAY: 'data-popup-delay'
	};
	var EventName$f = {
	  ON_REMOVE: 'onRemove',
	  CLICK: 'click',
	  KEYDOWN: 'keydown'
	};

	/**
	 * ProactiveChat instances
	 */
	var instances$b = [];

	/**
	 * Filters through all the AIChatDrawer instances and returns the one that matches the one on the page
	 * @returns {AIChatDrawer} - The AIChatDrawer instance that is closest to the ProactiveChat instance
	 */
	function _getAIChatDrawerInstance() {
	  var _window$m, _window$m$AIChatDrawe;
	  var aiChatDrawer = document.querySelector(Selector$j.DATA_MOUNT);

	  // Filter through all the AIChatDrawer instances and return the one that matches
	  var ocrAiChatDrawer = AIChatDrawer.getInstances().find(function (instance) {
	    return instance.el === aiChatDrawer;
	  });
	  if (ocrAiChatDrawer) return ocrAiChatDrawer;

	  // If there is no reimagine AI Chat Drawer, check for an m365 one
	  return (_window$m = window.m365) == null ? void 0 : (_window$m$AIChatDrawe = _window$m.AIChatDrawer) == null ? void 0 : _window$m$AIChatDrawe.getInstances().find(function (instance) {
	    return instance.el === aiChatDrawer;
	  });
	}

	/**
	 * Set the aria-controls attribute on the Proactive Chat's elements
	 */
	function _setAriaControls() {
	  var aiChatDrawer = this.aiChatDrawer,
	    openChatButton = this.openChatButton,
	    cancelLink = this.cancelLink,
	    closeButton = this.closeButton,
	    el = this.el;

	  // Set the aria-controls attribute
	  openChatButton.setAttribute('aria-controls', aiChatDrawer.el.id);
	  cancelLink.setAttribute('aria-controls', el.id);
	  closeButton.setAttribute('aria-controls', el.id);
	}

	/**
	 * Update the texts on the Proactive Chat in case they weren't initialized due to a CF error
	 * Currently only supports Option 1
	 */
	function _updateTexts() {
	  var isOptionTwo = this.isOptionTwo,
	    headerTitle = this.headerTitle,
	    blockFeatureTitle = this.blockFeatureTitle,
	    openChatButtonTextElement = this.openChatButtonTextElement,
	    cancelLinkTextElement = this.cancelLinkTextElement,
	    closeButton = this.closeButton,
	    closeButtonAriaLabel = this.closeButtonAriaLabel;

	  // Only option 1 is supported right now
	  if (isOptionTwo) return;

	  // Update the texts
	  headerTitle.textContent = this.headerTitleText;
	  blockFeatureTitle.textContent = this.blockFeatureTitleText;
	  if (openChatButtonTextElement) openChatButtonTextElement.textContent = this.openChatButtonText;
	  if (cancelLinkTextElement) cancelLinkTextElement.textContent = this.cancelLinkText;

	  // Update aria-label
	  closeButton.setAttribute('aria-label', closeButtonAriaLabel);
	}
	var ProactiveChat = /*#__PURE__*/function () {
	  function ProactiveChat(opts) {
	    var _this$cancelLink,
	      _this$openChatButton,
	      _this$blockFeatureTit,
	      _this$cancelLinkTextE,
	      _this$closeButton,
	      _this$headerTitle,
	      _this$openChatButtonT,
	      _this = this;
	    this.el = opts.el;

	    // #region opts and properties
	    this.aiChatDrawer = opts.aiChatDrawer || _getAIChatDrawerInstance.call(this);
	    this.blockFeatureTitle = opts.blockFeatureTitle || this.el.querySelector(Selector$e.BLOCK_FEATURE_TITLE);
	    this.cancelLink = opts.cancelLink || this.el.querySelector(Selector$e.CANCEL_LINK);
	    this.cancelLinkTextElement = (_this$cancelLink = this.cancelLink) == null ? void 0 : _this$cancelLink.querySelector('.link__text');
	    this.closeButton = opts.closeButton || this.el.querySelector(Selector$e.CLOSE_BUTTON);
	    this.headerTitle = opts.headerTitle || this.el.querySelector(Selector$e.HEADER_TITLE);
	    this.isOptionTwo = this.el.classList.contains('proactive-chat--option-2');
	    this.popupDelay = this.el.getAttribute(Attributes$8.POPUP_DELAY) || 15000;
	    this.openChatButton = opts.openChatButton || this.el.querySelector(Selector$e.OPEN_CHAT_BUTTON);
	    this.openChatButtonTextElement = (_this$openChatButton = this.openChatButton) == null ? void 0 : _this$openChatButton.querySelector('.btn__text');
	    // #endregion

	    // #region String Defaults
	    // Get and set the texts
	    this.blockFeatureTitleText = ((_this$blockFeatureTit = this.blockFeatureTitle) == null ? void 0 : _this$blockFeatureTit.textContent) || 'AI-powered assistant is available 24x7.';
	    this.cancelLinkText = ((_this$cancelLinkTextE = this.cancelLinkTextElement) == null ? void 0 : _this$cancelLinkTextE.textContent) || 'No thanks';
	    this.closeButtonAriaLabel = ((_this$closeButton = this.closeButton) == null ? void 0 : _this$closeButton.getAttribute('aria-label')) || 'Close this popup';
	    this.headerTitleText = ((_this$headerTitle = this.headerTitle) == null ? void 0 : _this$headerTitle.textContent) || 'Can we help you?';
	    this.openChatButtonText = ((_this$openChatButtonT = this.openChatButtonTextElement) == null ? void 0 : _this$openChatButtonT.textContent) || 'Chat now';
	    _updateTexts.call(this);

	    // #endregion

	    // Show the popup after the delay, but only if the drawer is not visually suppressed
	    this.popupTimeout = setTimeout(function () {
	      _this.showHidePopup(true);
	    }, this.popupDelay);

	    // Add event listeners
	    this.events = [{
	      el: this.closeButton,
	      type: EventName$f.CLICK,
	      handler: function handler(e) {
	        return _this.hidePopover(e);
	      }
	    }, {
	      el: this.cancelLink,
	      type: EventName$f.CLICK,
	      handler: function handler(e) {
	        return _this.hidePopover(e);
	      }
	    }, {
	      el: this.cancelLink,
	      type: EventName$f.KEYDOWN,
	      handler: function handler(e) {
	        return _this.hidePopover(e);
	      }
	    }, {
	      el: this.openChatButton,
	      type: EventName$f.CLICK,
	      handler: function handler(e) {
	        return _this.openChat(e);
	      }
	    }];
	    Util$1.addEvents(this.events);

	    // Set the aria-controls attribute
	    _setAriaControls.call(this);
	    instances$b.push(this);
	  }

	  /**
	   * Hides the popover and sets the cookie to never show the popup again
	   * @param {Event} e
	   */
	  var _proto = ProactiveChat.prototype;
	  _proto.hidePopover = function hidePopover(e) {
	    var aiChatDrawer = this.aiChatDrawer;

	    // Check if the event type is keydown and the key is neither Spacebar nor Enter
	    if (e.type === 'keydown' && e.key !== ' ' && e.key !== 'Enter') {
	      return;
	    }

	    // Set the cookie to never show the popup again
	    aiChatDrawer.updateAIChatDrawerCookie({
	      hideProactiveChat: true
	    });
	    this.showHidePopup(false, e);
	  }

	  /**
	   * Opens the chat and hides the popup
	   */;
	  _proto.openChat = function openChat(e) {
	    var aiChatDrawer = this.aiChatDrawer;
	    this.showHidePopup(false);
	    aiChatDrawer.isInstantiatedByProactiveChat = true;
	    aiChatDrawer.onAiChatButtonClick(e);
	  }

	  /**
	   * Show or hides the popup based on the show parameter
	   * and if the chat has been initialized, if proactive chat has been hidden,
	   * and if the drawer is surpressed
	   * @param {boolean} show
	   * @param {Event} e - The event object
	   */;
	  _proto.showHidePopup = function showHidePopup(show, e) {
	    var el = this.el,
	      aiChatDrawer = this.aiChatDrawer;
	    e == null ? void 0 : e.preventDefault();
	    e == null ? void 0 : e.stopPropagation();

	    // Get the hideProactiveChat cookie
	    var cookie = aiChatDrawer.getAIChatDrawerCookieObject();
	    var hideProactiveChat = cookie == null ? void 0 : cookie.hideProactiveChat;

	    // If the Drawer is visually suppressed; the Proactive Chat should also remain invisible. We do not want to allow the Proactive Chat to change the drawer's state via user interaction with Proactive Chat
	    var isDrawerSuppressed = this.aiChatDrawer.getIsHidden();

	    // Only show if the chat has not been initialized, if the hideProactiveChat cookie is false, and if the chat drawer is not surpressed
	    show = show && !aiChatDrawer.chatInitialized && !hideProactiveChat && !isDrawerSuppressed;

	    // Show the popup and hide the chat button and vice-versa
	    el.classList.toggle('d-none', !show);
	    aiChatDrawer.showChatButton(!show);
	  }

	  /**
	   * Remove the event handlers and the pagination instance
	   */;
	  _proto.remove = function remove() {
	    // Remove event handlers, observers, etc.
	    Util$1.removeEvents(this.events);
	    clearTimeout(this.popupTimeout);

	    // Remove this reference from the array of instances.
	    var index = instances$b.indexOf(this);
	    instances$b.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$f.ON_REMOVE] = new CustomEvent(EventName$f.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$f.ON_REMOVE]);
	  }

	  /**
	   * Update instance. Added for API consistency
	   * @param opts - update options
	   */;
	  _proto.update = function update() {}

	  /**
	   * @returns {ProactiveChat[]} - All the ProactiveChat instances
	   */;
	  ProactiveChat.getInstances = function getInstances() {
	    return instances$b;
	  };
	  return ProactiveChat;
	}();

	/** Breadcrumbs START */

	var instances$a = [];

	/**
	 * HTML Attributes.
	 * @enum {string}
	 */
	var Attributes$7 = {
	  ARIA_CURRENT: 'aria-current',
	  ARIA_CURRENT_VALUE: 'page'
	};

	/**
	 * CSS Classes.
	 * @enum {string}
	 */
	var ClassName$8 = {
	  BREADCRUMBS_LIST: 'breadcrumbs__list',
	  BREADCRUMBS_ITEMS: 'breadcrumbs__item',
	  BREADCRUMBS_COLLAPSED: 'breadcrumbs--collapsed',
	  BREADCRUMBS_COLLAPSED_ITEMS: 'breadcrumbs__collapsed-item',
	  BREADCRUMBS_EXPAND: 'breadcrumbs__btn-expand',
	  BREADCRUMBS_HIDE: 'breadcrumbs__item--d-none',
	  BREADCRUMBS_LINK_TEXT: 'link__text',
	  D_NONE: 'd-none'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$e = {
	  CLICK_DATA_API: 'click',
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate'
	};

	/**
	 * CSS selector.
	 * @enum {string}
	 */
	var Selector$d = {
	  BREADCRUMBS_LIST: "." + ClassName$8.BREADCRUMBS_LIST,
	  BREADCRUMBS_ITEMS: "." + ClassName$8.BREADCRUMBS_ITEMS,
	  BREADCRUMBS_COLLAPSED_ITEMS: "." + ClassName$8.BREADCRUMBS_COLLAPSED_ITEMS,
	  BREADCRUMBS_BTN_EXPAND: "." + ClassName$8.BREADCRUMBS_EXPAND + " .btn",
	  DATA_MOUNT: "[data-mount=\"ocr-breadcrumbs\"]",
	  LINK_TAG: "a",
	  BREADCRUMBS_LINK_TEXT: "." + ClassName$8.BREADCRUMBS_LINK_TEXT,
	  HERO_MEDIA_HAS_BREADCRUMBS: ".hero-media",
	  HERO_MEDIA_MEDIA_SLOT: ".hero-media__media .media__slot",
	  SECTION_MASTER_BREADCRUMBS_CONTAINER: ".section-master__breadcrumbs",
	  HERO_ARTICLE_BREADCRUMBS_CONTAINER: ".hero-article__breadcrumbs"
	};
	var MAX_BREADCRUMBS_BEFORE_COLLAPSE = 3;
	var MIN_COUNT_OF_NONEMPTYSTRING_LABEL = 2;
	var HERO_MEDIA_BREADCRUMBS_HEIGHT_VARIABLE = '--breadcrumbs-height';
	var Breadcrumbs = /*#__PURE__*/function () {
	  /**
	   * Initializes a new instance of the Breadcrumbs component.
	   * @param {{ el: HTMLElement }} opts Initialization options.
	   */
	  function Breadcrumbs(opts) {
	    /**
	     * Breadcrumb's List Element.
	     * @type {HTMLDivElement}
	     */
	    this.breadcrumbsList = void 0;
	    /**
	     * Root element.
	     * @type {HTMLElement}
	     */
	    this.el = void 0;
	    /**
	     * resize observer
	     * @type {ResizeObserver}
	     */
	    this.resizeObserver = void 0;
	    /**
	     * Event bindings.
	     * @type {{ el: Element, handler: (...args: unknown[]) => unknown, type: string}[]} */
	    this.events = [];
	    this.el = opts.el;
	    this.breadcrumbsList = this.el.querySelector(Selector$d.BREADCRUMBS_LIST);
	    this.breadcrumbItems = this.breadcrumbsList.querySelectorAll(Selector$d.BREADCRUMBS_ITEMS);
	    this.collapsedViewItems = this.breadcrumbsList.querySelectorAll(Selector$d.BREADCRUMBS_COLLAPSED_ITEMS);
	    this.breadcrumbsBtnExpand = this.breadcrumbsList.querySelector(Selector$d.BREADCRUMBS_BTN_EXPAND);
	    this.currentPageLink = this.breadcrumbItems[this.breadcrumbItems.length - 1].querySelector(Selector$d.LINK_TAG);
	    this.currentPageLink.setAttribute(Attributes$7.ARIA_CURRENT, Attributes$7.ARIA_CURRENT_VALUE);
	    this.events.push({
	      el: this.breadcrumbsBtnExpand,
	      type: EventName$e.CLICK_DATA_API,
	      handler: this.showAllBreadcrumbs.bind(this)
	    }, {
	      el: this.currentPageLink,
	      type: EventName$e.CLICK_DATA_API,
	      handler: function handler(e) {
	        e.preventDefault();
	      }
	    });
	    if (this.getCountOfNonEmptyStringLabel() > MAX_BREADCRUMBS_BEFORE_COLLAPSE) {
	      this.createCollapsedView();
	    }
	    this.setBreadcrumbHrefs();
	    var heroMedia = this.el.closest(Selector$d.HERO_MEDIA_HAS_BREADCRUMBS);
	    if (heroMedia) {
	      this.resizeObserver = new ResizeObserver(this.handleResizeObserver.bind(this));
	      this.resizeObserver.observe(this.el);
	    }
	    if (this.getCountOfNonEmptyStringLabel() < MIN_COUNT_OF_NONEMPTYSTRING_LABEL) {
	      this.hideBreadcrumbs();
	      this.hideBreadcrumbs(Selector$d.SECTION_MASTER_BREADCRUMBS_CONTAINER);
	      this.hideBreadcrumbs(Selector$d.HERO_ARTICLE_BREADCRUMBS_CONTAINER);
	      if (heroMedia) {
	        heroMedia.style.setProperty(HERO_MEDIA_BREADCRUMBS_HEIGHT_VARIABLE, '0px');
	      }
	    }
	    Util$1.addEvents(this.events);
	    instances$a.push(this);
	  }

	  /**
	   * resizeObserverCallback
	   * @param {ResizeObserverEntry[]} entries
	   */
	  var _proto = Breadcrumbs.prototype;
	  _proto.handleResizeObserver = function handleResizeObserver(entries) {
	    if (entries && entries.length > 0) {
	      for (var _iterator = _createForOfIteratorHelperLoose(entries), _step; !(_step = _iterator()).done;) {
	        var entry = _step.value;
	        if (entry.contentRect) {
	          var heroMedia = entry.target.closest(Selector$d.HERO_MEDIA_HAS_BREADCRUMBS);
	          if (heroMedia && !entry.target.classList.contains(ClassName$8.D_NONE)) {
	            var breadcrumbsComputedStyle = window.getComputedStyle(entry.target);
	            var breadcrumbsHeight = this.computeElementContentHeightValue(breadcrumbsComputedStyle);
	            heroMedia.style.setProperty(HERO_MEDIA_BREADCRUMBS_HEIGHT_VARIABLE, breadcrumbsHeight + 'px');
	          }
	        }
	      }
	      // Other logic can put here
	    }
	  }

	  /**
	   *
	   * @param {CSSStyleDeclaration} computedStyle
	   */;
	  _proto.computeElementContentHeightValue = function computeElementContentHeightValue(computedStyle) {
	    if (computedStyle.boxSizing === 'border-box') {
	      return parseInt(computedStyle.height, 10);
	    }
	    var height = computedStyle.height,
	      paddingTop = computedStyle.paddingTop,
	      paddingBottom = computedStyle.paddingBottom,
	      borderTop = computedStyle.borderTop,
	      borderBottom = computedStyle.borderBottom;
	    return parseInt(height, 10) + parseInt(paddingTop, 10) + parseInt(borderTop, 10) + parseInt(paddingBottom, 10) + parseInt(borderBottom, 10);
	  }

	  /**
	   * Set target breadcrumbs to display: none using d-none classname and customized selector
	   * @param {String} selector
	   */;
	  _proto.hideBreadcrumbs = function hideBreadcrumbs(selector) {
	    if (selector === void 0) {
	      selector = Selector$d.DATA_MOUNT;
	    }
	    var breadcrumbs = document.querySelector(selector);
	    if (breadcrumbs && !breadcrumbs.classList.contains(ClassName$8.D_NONE)) {
	      breadcrumbs.classList.add(ClassName$8.D_NONE);
	    }
	  }

	  /**
	   * We have logic in AEM that adding d-none class for Empty Label
	   */;
	  _proto.getCountOfNonEmptyStringLabel = function getCountOfNonEmptyStringLabel() {
	    var breadcrumbItems = this.breadcrumbItems;
	    if (!breadcrumbItems) {
	      return 0;
	    }
	    return Array.from(breadcrumbItems).filter(function (item) {
	      return !item.classList.contains(ClassName$8.D_NONE);
	    }).length;
	  };
	  _proto.createCollapsedView = function createCollapsedView() {
	    var el = this.el,
	      breadcrumbItems = this.breadcrumbItems,
	      collapsedViewItems = this.collapsedViewItems;
	    breadcrumbItems.forEach(function (item, index) {
	      if (index < breadcrumbItems.length - 2) {
	        item.classList.add(ClassName$8.BREADCRUMBS_HIDE);
	      }
	    });
	    collapsedViewItems.forEach(function (item) {
	      item.classList.remove(ClassName$8.BREADCRUMBS_HIDE);
	    });
	    el.classList.add(ClassName$8.BREADCRUMBS_COLLAPSED);
	  }

	  /**
	   * Set HREFs for all breadcrumb items on load.
	   */;
	  _proto.setBreadcrumbHrefs = function setBreadcrumbHrefs(currentPageURL) {
	    if (currentPageURL === void 0) {
	      currentPageURL = window.location.href;
	    }
	    var splitURL = currentPageURL.split('?')[0].split('/');
	    if (splitURL[splitURL.length - 1] === '') {
	      splitURL.pop();
	    }
	    for (var i = this.breadcrumbItems.length - 1; i >= 0; i--) {
	      var indexOffset = this.breadcrumbItems.length - 1 - i;
	      var link = this.breadcrumbItems[i].querySelector(Selector$d.LINK_TAG);
	      if (link && splitURL.length - indexOffset >= 0) {
	        link.href = splitURL.slice(0, splitURL.length - indexOffset).join('/');
	      }
	    }
	  }

	  /*
	   * Show all breadcrumbs on click
	   */;
	  _proto.showAllBreadcrumbs = function showAllBreadcrumbs(e) {
	    var _this = this;
	    if (e) {
	      e.preventDefault();
	    }
	    this.collapsedViewItems.forEach(function (item) {
	      item.classList.add(ClassName$8.BREADCRUMBS_HIDE);
	    });
	    this.breadcrumbItems.forEach(function (item, index) {
	      if (index < _this.breadcrumbItems.length - 2) {
	        item.classList.remove(ClassName$8.BREADCRUMBS_HIDE);
	      }
	    });
	    this.el.classList.remove(ClassName$8.BREADCRUMBS_COLLAPSED);
	    this.breadcrumbItems[1].querySelector(Selector$d.LINK_TAG).focus();
	  }

	  /**
	   * Update the instance.
	   * Not currently used, but required by API standards.
	   */;
	  _proto.update = function update() {
	    this.el.dispatchEvent(this[EventName$e.ON_UPDATE]);
	  }

	  /**
	   * Remove the instance
	   */;
	  _proto.remove = function remove() {
	    if (this.resizeObserver) {
	      this.resizeObserver.disconnect();
	    }
	    Util$1.removeEvents(this.events);
	    var index = instances$a.indexOf(this);
	    instances$a.splice(index, 1);
	    this[EventName$e.ON_REMOVE] = new CustomEvent(EventName$e.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$e.ON_REMOVE]);
	  }

	  /**
	   * Get Breadcrumbs instances.
	   * @returns {Breadcrumbs[]} An array of Breadcrumbs instances
	   */;
	  Breadcrumbs.getInstances = function getInstances() {
	    return instances$a;
	  };
	  return Breadcrumbs;
	}();

	/** Breadcrumbs END */

	var instances$9 = [];

	/**
	 * CSS selector.
	 * @enum {string}
	 */
	var Selector$c = {
	  DATA_MOUNT: '[data-mount="oc-rolling-text"]',
	  ROLL_TEXT_SR_ONLY: '.rolling-text__sr-only',
	  ROLLING_TEXT_AFTER: '.block-heading__rolling-text--after',
	  ROLLING_TEXT_BEFORE: '.block-heading__rolling-text--before',
	  ROLLING_TEXT_BUTTON: '.block-heading__rolling-text-button button',
	  ROLLING_TEXT_CONTAINER: '.block-heading__rolling-text--dynamic-container',
	  ROLLING_TEXT_ELEMENTS: '.block-heading__rolling-text--dynamic',
	  ROLLING_TEXT_STATIC: '.block-heading__rolling-text--static'
	};

	/**
	 * CSS Classes.
	 * @enum {string}
	 */
	var ClassName$7 = {
	  ICON_PLAY_SOLID: 'glyph-prepend-play-solid',
	  ICON_PAUSE_SOLID: 'glyph-prepend-pause',
	  ROLL_TEXT_SR_ONLY: 'rolling-text__sr-only',
	  ROLLING_TEXT_AFTER: 'block-heading__rolling-text--after',
	  ROLLING_TEXT_BEFORE: 'block-heading__rolling-text--before',
	  ROLLING_TEXT_CONTAINER: 'block-heading__rolling-text--dynamic-container',
	  ROLLING_TEXT_ELEMENT: 'block-heading__rolling-text--dynamic',
	  ROLLING_TEXT_GRADIENT: "fg--special-strong-gradient-1",
	  ROLLING_TEXT_STATIC: 'block-heading__rolling-text--static'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$d = {
	  ON_CLICK: 'click',
	  ON_INIT: 'onInit',
	  ON_UPDATE: 'onUpdate',
	  ON_REMOVE: 'onRemove'
	};

	/**
	 * HTML Attributes.
	 * @enum {string}
	 */
	var Attributes$6 = {
	  ARIA_SELECTED: 'aria-selected',
	  DATA_PAUSE_ARIA_LABEL: 'data-pause-aria-label',
	  DATA_PLAY_ARIA_LABEL: 'data-play-aria-label',
	  DATA_ROLLING_TEXT: 'data-rolling-text',
	  DISABLED: 'disabled',
	  TABINDEX: 'tabindex'
	};
	var RollingText = /*#__PURE__*/function () {
	  /**
	   * Initializes a new instance of the Dynamic Content component.
	   * @param {{ el: HTMLDivElement }} opts Initialization options.
	   */

	  function RollingText(opts) {
	    this.el = opts.el;
	    this.rollingTextString = this.escapeHtmlTags(this.el.getAttribute(Attributes$6.DATA_ROLLING_TEXT) || '');
	    this.rollingTextContainer = this.el.querySelector(Selector$c.ROLLING_TEXT_CONTAINER);
	    this.rollingTextElements = [];
	    this.screenReaderRollingTextHelper = this.el.querySelector(Selector$c.ROLL_TEXT_SR_ONLY);

	    // Parse the rolling text string and create dynamic elements
	    this.parseRollingTextString();
	    this.animationControl = RollingText.AnimationControls.PLAYING;
	    this.animationTimeout = null;
	    this.currentElementIndex = 0;
	    this.rollingTextContainerFocused = false;
	    this.buttonDisabled = false;

	    // Store bound event handlers for proper cleanup
	    this.boundHandlePlayPauseClick = this.handlePlayPauseClick.bind(this);
	    this.boundHandleFocusIn = this.handleFocusIn.bind(this);
	    this.boundHandleBlur = this.handleBlur.bind(this);

	    // Find the matched play/pause button for this component by the component's ID.
	    this.playPauseButton = this.el.querySelector(Selector$c.ROLLING_TEXT_BUTTON);
	    if (this.playPauseButton) {
	      this.playPauseButtonIcon = this.playPauseButton.querySelector('span');

	      // Get aria-label values from data attributes
	      this.playAriaLabel = this.el.getAttribute(Attributes$6.DATA_PLAY_ARIA_LABEL) || 'Play rolling text';
	      this.pauseAriaLabel = this.el.getAttribute(Attributes$6.DATA_PAUSE_ARIA_LABEL) || 'Pause rolling text';

	      // Initialize button state
	      this.playPauseButton.setAttribute('data-state', 'play');
	      // Set initial icon to pause (since animation starts playing)
	      this.updateButtonIcon('pause');
	    } else {
	      console.warn('No play/pause button found for this rolling text component.');
	      this.animationControl = RollingText.AnimationControls.PAUSED; // Default to paused if no button
	    }

	    // Bind event listeners
	    this.bindEvents();

	    // Start animations
	    this.startAnimation();

	    // Add this instance to the instances array
	    instances$9.push(this);
	  }

	  /**
	   * Escape HTML tags from a string, leaving only the text content
	   * @param {string} str - The string that may contain HTML tags
	   * @returns {string} The string with HTML tags removed
	   */
	  var _proto = RollingText.prototype;
	  _proto.escapeHtmlTags = function escapeHtmlTags(str) {
	    if (!str) return '';

	    // Create a temporary DOM element to parse and extract text content
	    var tempDiv = document.createElement('div');
	    tempDiv.innerHTML = str;
	    return tempDiv.textContent || tempDiv.innerText || '';
	  }

	  /**
	   * Parse the rolling text string and create dynamic elements
	   */;
	  _proto.parseRollingTextString = function parseRollingTextString() {
	    var _this = this;
	    if (!this.rollingTextString || !this.rollingTextContainer) {
	      return;
	    }

	    // Find all semicolon positions
	    var semicolonPositions = [];
	    for (var i = 0; i < this.rollingTextString.length; i++) {
	      if (this.rollingTextString[i] === ';') {
	        semicolonPositions.push(i);
	      }
	    }
	    if (semicolonPositions.length === 0) {
	      // No semicolons found, treat entire string as start text
	      this.createStaticElement('before', this.rollingTextString.trim());
	      return;
	    }

	    // Extract start text (everything before first semicolon)
	    var startText = this.rollingTextString.slice(0, semicolonPositions[0]).trim();
	    if (startText) {
	      this.createStaticElement('before', startText);
	    }

	    // Extract end text (everything after last semicolon)
	    var endText = this.rollingTextString.slice(semicolonPositions[semicolonPositions.length - 1] + 1).trim();
	    if (endText) {
	      this.createStaticElement('after', endText);
	    }

	    // Extract rolling text elements (text between semicolons)
	    var rollingTexts = [];

	    // Determine how many pairs we can process
	    var pairCount = Math.floor(semicolonPositions.length / 2);

	    // Warn if we have an odd number of semicolons
	    if (semicolonPositions.length % 2 !== 0) {
	      console.warn('Odd number of semicolons detected in rolling text string. The last unpaired semicolon will be ignored.');
	    }

	    // Process all complete pairs
	    for (var _i = 0; _i < pairCount; _i++) {
	      var startPos = semicolonPositions[_i * 2] + 1;
	      var endPos = semicolonPositions[_i * 2 + 1];
	      var rollingText = this.rollingTextString.slice(startPos, endPos).trim();
	      if (rollingText) {
	        rollingTexts.push(rollingText);
	      }
	    }

	    // Create rolling text elements
	    rollingTexts.forEach(function (text, index) {
	      _this.createRollingTextElement(text, index);
	    });
	  }

	  /**
	   * Create a static text element (before or after)
	   * @param {string} position - 'before' or 'after'
	   * @param {string} text - The text content
	   */;
	  _proto.createStaticElement = function createStaticElement(position, text) {
	    var staticElement = document.createElement('div');
	    staticElement.className = ClassName$7.ROLLING_TEXT_STATIC + " " + (position === 'before' ? ClassName$7.ROLLING_TEXT_BEFORE : ClassName$7.ROLLING_TEXT_AFTER);
	    staticElement.textContent = text;
	    if (position === 'before') {
	      this.rollingTextContainer.parentNode.insertBefore(staticElement, this.rollingTextContainer);
	    } else {
	      this.rollingTextContainer.parentNode.insertBefore(staticElement, this.rollingTextContainer.nextSibling);
	    }
	  }

	  /**
	   * Create a rolling text element
	   * @param {string} text - The text content
	   */;
	  _proto.createRollingTextElement = function createRollingTextElement(text) {
	    var rollingElement = document.createElement('div');
	    rollingElement.className = ClassName$7.ROLLING_TEXT_ELEMENT;
	    rollingElement.classList.add(ClassName$7.ROLLING_TEXT_GRADIENT);
	    rollingElement.textContent = text;
	    rollingElement.setAttribute('aria-hidden', 'true');
	    this.rollingTextContainer.append(rollingElement);
	    this.rollingTextElements.push(rollingElement);
	  }

	  /**
	   * Bind event listeners
	   */;
	  _proto.bindEvents = function bindEvents() {
	    if (this.playPauseButton) {
	      this.playPauseButton.addEventListener('click', this.boundHandlePlayPauseClick);
	    }
	    if (this.rollingTextContainer) {
	      this.rollingTextContainer.addEventListener('focusin', this.boundHandleFocusIn);
	      this.rollingTextContainer.addEventListener('blur', this.boundHandleBlur);
	    }
	  }

	  /**
	   * Handle play/pause button click
	   */;
	  _proto.handlePlayPauseClick = function handlePlayPauseClick() {
	    // Ignore clicks if button is disabled
	    if (this.buttonDisabled) {
	      return;
	    }
	    switch (this.animationControl) {
	      case RollingText.AnimationControls.PLAYING:
	        {
	          this.disableButton();
	          this.playPauseButton.setAttribute('data-state', 'pause');
	          this.updateButtonIcon('play');
	          this.pauseAnimation();
	          break;
	        }
	      case RollingText.AnimationControls.PAUSED:
	        {
	          this.disableButton();
	          this.playPauseButton.setAttribute('data-state', 'play');
	          this.updateButtonIcon('pause');
	          this.resumeAnimation();
	          break;
	        }
	    }
	  }

	  /**
	   * Handle focus in event on rolling text container
	   */;
	  _proto.handleFocusIn = function handleFocusIn() {
	    this.rollingTextContainerFocused = true;

	    // Set aria-live for screen reader
	    if (this.screenReaderRollingTextHelper) {
	      this.screenReaderRollingTextHelper.setAttribute('aria-live', 'polite');
	    }
	    this.pauseAnimation();
	  }

	  /**
	   * Handle blur event on rolling text container
	   */;
	  _proto.handleBlur = function handleBlur() {
	    var _this2 = this;
	    this.rollingTextContainerFocused = false;

	    // Remove aria-live for screen reader
	    if (this.screenReaderRollingTextHelper) {
	      this.screenReaderRollingTextHelper.removeAttribute('aria-live');
	    }

	    // Only resume if the play/pause button is in 'play' state.
	    var buttonState = this.playPauseButton ? this.playPauseButton.getAttribute('data-state') : 'pause';
	    if (buttonState === 'play' && this.animationControl === RollingText.AnimationControls.PAUSING) {
	      // Timing fix: The Animation System is "PAUSING", so we can't immediately resume.
	      // Wait for the animation to finish before resuming
	      this.animationTimeout = setTimeout(function () {
	        _this2.resumeAnimation();
	      }, 750);
	    } else if (buttonState === 'play') {
	      this.resumeAnimation();
	    }
	  }

	  /**
	   * Start the animation system
	   */;
	  _proto.startAnimation = function startAnimation() {
	    if (this.rollingTextElements.length === 0) return;
	    this.animationControl = RollingText.AnimationControls.PLAYING;
	    this.animateNext();
	  }

	  /**
	   * Animate to the next element
	   */;
	  _proto.animateNext = function animateNext() {
	    var _this3 = this;
	    if (this.animationControl !== RollingText.AnimationControls.PLAYING && this.animationControl !== RollingText.AnimationControls.PAUSING) {
	      return;
	    }
	    var buttonState = this.playPauseButton ? this.playPauseButton.getAttribute('data-state') : 'pause';

	    // Clear animation classes from all elements
	    this.clearAllAnimationClasses();
	    var currentElement = this.rollingTextElements[this.currentElementIndex];

	    // We paused the animation due to focus or button state
	    if (this.animationControl === RollingText.AnimationControls.PAUSING && (this.rollingTextContainerFocused || buttonState === 'pause')) {
	      // Add animate-in class and set to paused
	      currentElement.classList.add('animate-in');

	      // Update screen reader with current text
	      this.updateScreenReaderText(currentElement.textContent);
	      this.animationTimeout = setTimeout(function () {
	        _this3.animationControl = RollingText.AnimationControls.PAUSED;
	        _this3.enableButton();
	      }, 400); // animate-in duration
	    } else {
	      // If we were "PAUSING" due to container focus state, but are no longer focused, reset state
	      if (this.animationControl === RollingText.AnimationControls.PAUSING && !this.rollingTextContainerFocused && buttonState === 'play') {
	        this.animationControl = RollingText.AnimationControls.PLAYING;
	      }

	      // Add animate-full class and continue to next element
	      currentElement.classList.add('animate-full');

	      // Update screen reader with current text
	      this.updateScreenReaderText(currentElement.textContent);
	      this.animationTimeout = setTimeout(function () {
	        _this3.moveToNextElement();
	        _this3.animateNext();
	      }, 1500); // animate-full duration
	    }
	  }

	  /**
	   * Move to the next element in the sequence
	   */;
	  _proto.moveToNextElement = function moveToNextElement() {
	    this.currentElementIndex = (this.currentElementIndex + 1) % this.rollingTextElements.length;
	  }

	  /**
	   * Pause the animation system
	   */;
	  _proto.pauseAnimation = function pauseAnimation() {
	    if (this.animationControl === RollingText.AnimationControls.PLAYING) {
	      this.animationControl = RollingText.AnimationControls.PAUSING;
	      // The actual pausing logic is handled in animateNext()
	    }
	  }

	  /**
	   * Resume the animation system
	   */;
	  _proto.resumeAnimation = function resumeAnimation() {
	    var _this4 = this;
	    if (this.animationControl === RollingText.AnimationControls.PAUSED) {
	      this.animationControl = RollingText.AnimationControls.RESUMING;
	      var currentElement = this.rollingTextElements[this.currentElementIndex];
	      this.clearAnimationClasses(currentElement);
	      currentElement.classList.add('animate-out');
	      this.animationTimeout = setTimeout(function () {
	        _this4.clearAnimationClasses(currentElement);
	        _this4.moveToNextElement();
	        _this4.animationControl = RollingText.AnimationControls.PLAYING;
	        _this4.enableButton();
	        _this4.animateNext();
	      }, 400); // animate-out duration
	    }
	  }

	  /**
	   * Remove animation classes from all rolling text elements.
	   */;
	  _proto.clearAllAnimationClasses = function clearAllAnimationClasses() {
	    var _this5 = this;
	    this.rollingTextElements.forEach(function (element) {
	      _this5.clearAnimationClasses(element);
	    });
	  }

	  /**
	   * Remove animation classes from the given element.
	   * @param {HTMLElement} element
	   */;
	  _proto.clearAnimationClasses = function clearAnimationClasses(element) {
	    element.classList.remove('animate-in', 'animate-full', 'animate-out');
	  }

	  /**
	   * Disable the play/pause button
	   */;
	  _proto.disableButton = function disableButton() {
	    this.buttonDisabled = true;
	    if (this.playPauseButton) {
	      this.playPauseButton.disabled = true;
	    }
	  }

	  /**
	   * Enable the play/pause button
	   */;
	  _proto.enableButton = function enableButton() {
	    this.buttonDisabled = false;
	    if (this.playPauseButton) {
	      this.playPauseButton.disabled = false;
	    }
	  }

	  /**
	   * Update the button icon based on the current state
	   * @param {string} state - 'play' or 'pause'
	   */;
	  _proto.updateButtonIcon = function updateButtonIcon(state) {
	    if (!this.playPauseButtonIcon) return;

	    // Remove existing icon classes
	    this.playPauseButtonIcon.classList.remove(ClassName$7.ICON_PLAY_SOLID, ClassName$7.ICON_PAUSE_SOLID);

	    // Add the appropriate icon class and update aria-label
	    if (state === 'play') {
	      this.playPauseButtonIcon.classList.add(ClassName$7.ICON_PLAY_SOLID);
	      this.playPauseButton.setAttribute('aria-label', this.playAriaLabel);
	    } else if (state === 'pause') {
	      this.playPauseButtonIcon.classList.add(ClassName$7.ICON_PAUSE_SOLID);
	      this.playPauseButton.setAttribute('aria-label', this.pauseAriaLabel);
	    }
	  }

	  /**
	   * Update the screen reader helper with the current text
	   * @param {string} text - The text to announce to screen readers
	   */;
	  _proto.updateScreenReaderText = function updateScreenReaderText(text) {
	    if (this.screenReaderRollingTextHelper && text) {
	      this.screenReaderRollingTextHelper.textContent = text.trim();
	    }
	  }

	  /**
	   * Update the instance.
	   * Not currently used, but required by API standards.
	   */;
	  _proto.update = function update() {
	    // no-op; Included for API completeness

	    this.el.dispatchEvent(new CustomEvent(EventName$d.ON_UPDATE, {
	      bubbles: true
	    }));
	  }

	  /**
	   * Remove the instance
	   */;
	  _proto.remove = function remove() {
	    // Clear any running timeouts
	    if (this.animationTimeout) {
	      clearTimeout(this.animationTimeout);
	    }

	    // Remove event listeners
	    if (this.playPauseButton) {
	      this.playPauseButton.removeEventListener('click', this.boundHandlePlayPauseClick);
	    }
	    if (this.rollingTextContainer) {
	      this.rollingTextContainer.removeEventListener('focusin', this.boundHandleFocusIn);
	      this.rollingTextContainer.removeEventListener('blur', this.boundHandleBlur);
	    }
	    var index = instances$9.indexOf(this);
	    if (index > -1) {
	      instances$9.splice(index, 1);
	    }
	    this.el.dispatchEvent(new CustomEvent(EventName$d.ON_REMOVE, {
	      bubbles: true
	    }));
	  }

	  /**
	   * Get instances.
	   * @returns {RollingText[]} An array of instances
	   */;
	  RollingText.getInstances = function getInstances() {
	    return instances$9;
	  };
	  return RollingText;
	}();
	RollingText.AnimationControls = {
	  PLAYING: 'playing',
	  PAUSING: 'pausing',
	  PAUSED: 'paused',
	  RESUMING: 'resuming'
	};

	var instances$8 = [];
	var Selector$b = {
	  DATA_MOUNT: '[data-mount="selector-slider"]',
	  RANGE_SLIDER: '.selector-slider__input',
	  DRAG_PILL: 'selector-slider__drag-pill',
	  INDICATOR_WRAPPER: 'selector-slider__indicators-wrapper',
	  INDICATOR: 'selector-slider__indicator',
	  MAXTEXT: 'maxtext',
	  MINTEXT: 'mintext',
	  VALUETEXT: 'valuetext',
	  DRAG_PILL_COUNT: '--selector-slider-item-count'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$c = {
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate',
	  ON_INPUT: 'input',
	  ON_CHANGE: 'change',
	  ON_RESIZE: 'resize',
	  ON_SELECTOR_SLIDER_CHANGE: 'onSelectorSliderChange'
	};

	/**
	 * Returns the value text based on the current value of the selector slider.
	 * If the value is equal to the minimum or maximum value, it returns the corresponding text.
	 * Otherwise, it returns the value text or the value itself if no value text is provided.
	 *
	 * @param {string|number} value - The current value of the selector slider.
	 * @returns {string} - The value text.
	 */
	function _getValueText(value) {
	  var templates = _getValueTextTemplates.call(this);
	  if (this.selectorSlider.value === this.selectorSlider.min && templates[Selector$b.MINTEXT]) {
	    return Util$1.interpolateString(templates[Selector$b.MINTEXT], {
	      value: value
	    });
	  }
	  if (this.selectorSlider.value === this.selectorSlider.max && templates[Selector$b.MAXTEXT]) {
	    return Util$1.interpolateString(templates[Selector$b.MAXTEXT], {
	      value: value
	    });
	  }
	  if (templates[Selector$b.VALUETEXT]) {
	    return Util$1.interpolateString(templates[Selector$b.VALUETEXT], {
	      value: value
	    });
	  }
	  return value;
	}

	/**
	 * Returns an object containing the value text templates for the minimum, maximum, and value text.
	 *
	 * @returns {Object} - An object containing the value text templates.
	 */
	function _getValueTextTemplates() {
	  var templates = {};
	  templates[Selector$b.VALUETEXT] = this.selectorSlider.dataset[Selector$b.VALUETEXT] || null;
	  templates[Selector$b.MINTEXT] = this.selectorSlider.dataset[Selector$b.MINTEXT] || null;
	  templates[Selector$b.MAXTEXT] = this.selectorSlider.dataset[Selector$b.MAXTEXT] || null;
	  return templates;
	}

	/**
	 * Handles changes to the value of the selector slider.
	 * If a value is provided, this function updates the 'aria-valuetext' attribute
	 * of the selector slider with the new value. It also creates and dispatches a
	 * custom event to signal that the value of the selector slider has changed.
	 *
	 * @param {string|number} value - The new value of the selector slider.
	 */
	function _valueChanged(value, index) {
	  if (value) {
	    this.selectorSlider.setAttribute('aria-valuetext', _getValueText.call(this, value));

	    // Create and dispatch custom event to signal value change
	    this[EventName$c.ON_SELECTOR_SLIDER_CHANGE] = new CustomEvent(EventName$c.ON_SELECTOR_SLIDER_CHANGE, {
	      bubbles: true,
	      detail: {
	        value: value,
	        index: index
	      }
	    });
	    this.selectorSlider.dispatchEvent(this[EventName$c.ON_SELECTOR_SLIDER_CHANGE]);
	  }
	}

	/**
	 * Creates a draggable pill element and appends it to the selector slider.
	 *
	 * @returns {Object} - An object containing the wrapper and span elements of the draggable pill.
	 */
	function _createDragPill() {
	  var wrapper = document.createElement('div');
	  var span = document.createElement('span');
	  wrapper.classList.add(Selector$b.DRAG_PILL);
	  wrapper.setAttribute('aria-hidden', 'true');
	  wrapper.append(span);
	  this.selectorSlider.before(wrapper);
	  return {
	    wrapper: wrapper,
	    span: span
	  };
	}

	/**
	 * Updates the draggable pill based on the current value of the selector slider.
	 * It sets the active class for the corresponding indicator, updates the text content of the draggable pill,
	 * and adjusts its position.
	 */
	var _updateDragPill = debounce(200, function () {
	  var _this = this;
	  // set indicator active class
	  var indicators = this.el.querySelectorAll("." + Selector$b.INDICATOR);
	  var indicatorWrapper = this.el.querySelector("." + Selector$b.INDICATOR_WRAPPER);
	  indicators.forEach(function (indicator, i) {
	    if (i !== _this.selectorSlider.value - 1) {
	      indicator.classList.remove('active');
	    }
	  });
	  indicators[this.selectorSlider.value - 1].classList.add('active');
	  var ratio = (this.selectorSlider.value - this.selectorSlider.min) / (this.selectorSlider.max - this.selectorSlider.min);
	  var thumbWidth = 64; // Shadow DOM
	  var inputWidth = this.selectorSlider.offsetWidth;
	  this.dragPill.span.textContent = this.stepValueList.children[this.selectorSlider.value - 1].innerHTML;
	  _valueChanged.call(this, this.stepValueList.children[this.selectorSlider.value - 1].innerHTML, this.selectorSlider.value - 1);
	  var spanWidth = this.dragPill.span.offsetWidth;
	  var offset = ratio * (inputWidth - thumbWidth) - spanWidth / 2 + thumbWidth / 2;
	  var direction = Util$1.isBiDirectional() ? 'right' : 'left';
	  this.dragPill.span.style[direction] = offset + "px";
	  indicatorWrapper.style.width = offset + thumbWidth + (ratio === 1 ? 0 : 4) + "px";
	  if (this.selectorSlider.hasAttribute('disabled')) {
	    this.selectorSlider.parentElement.classList.add('disabled');
	  } else {
	    this.selectorSlider.parentElement.classList.remove('disabled');
	  }
	});

	/**
	 * Creates slider indicators and appends them to the selector slider.
	 *
	 * @returns {HTMLElement} - The wrapper element containing the slider indicators.
	 */
	function _createSliderIndicators() {
	  var wrapper = document.createElement('div');
	  wrapper.classList.add(Selector$b.INDICATOR_WRAPPER);
	  wrapper.setAttribute('aria-hidden', 'true');
	  var sliderStop = (this.selectorSlider.max - this.selectorSlider.min) / this.selectorSlider.step;
	  for (var i = 0; i < sliderStop + 1; i++) {
	    var indicatorSpan = document.createElement('span');
	    indicatorSpan.classList.add(Selector$b.INDICATOR);
	    wrapper.append(indicatorSpan);
	  }
	  this.selectorSlider.before(wrapper);
	  return wrapper;
	}

	/**
	 * Updates the positions of the slider indicators based on the current value of the selector slider.
	 * It also calls the _updateDragPill function to update the draggable pill.
	 */
	function _updateSliderIndicators() {
	  var sliderStop = (this.selectorSlider.max - this.selectorSlider.min) / this.selectorSlider.step;
	  var indicators = this.el.querySelectorAll("." + Selector$b.INDICATOR);
	  for (var i = 0; i < sliderStop + 1; i++) {
	    var ratio = (i + 1 - this.selectorSlider.min) / (this.selectorSlider.max - this.selectorSlider.min);
	    var thumbWidth = 24; // Shadow DOM
	    var inputWidth = this.selectorSlider.offsetWidth;
	    var indicatorWidth = 6; // 6px of indicator width
	    var boundaryIndicatorOffset = 0;
	    // move boundary indicators to the center of the thumb
	    if (i === 0) {
	      boundaryIndicatorOffset = 16;
	    } else if (i === sliderStop) {
	      boundaryIndicatorOffset = -16;
	    }
	    var offset = ratio * (inputWidth - thumbWidth) - indicatorWidth / 2 + thumbWidth / 2 + boundaryIndicatorOffset;
	    var direction = Util$1.isBiDirectional() ? 'right' : 'left';
	    indicators[i].style[direction] = offset + "px";
	  }
	  _updateDragPill.call(this);
	}

	/**
	 * Constructor for the SelectorSlider class.
	 * Initializes the SelectorSlider instance with the provided options and sets up event handlers.
	 *
	 * @param {Object} opts - The options for initializing the SelectorSlider instance.
	 */
	var SelectorSlider = /*#__PURE__*/function () {
	  function SelectorSlider(opts) {
	    this.el = opts.el;
	    this.selectorSlider = opts.selectorSlider || this.el.querySelector(Selector$b.RANGE_SLIDER);
	    this.stepValueList = opts.stepValueList || this.el.querySelector("#" + this.selectorSlider.id + "-step-values");
	    this.sliderIndicators = opts.sliderIndicators || _createSliderIndicators.call(this);
	    this.onInput = opts.onInput || _updateDragPill.bind(this);
	    this.dragPill = opts.dragPill || _createDragPill.call(this);
	    this.updateSliderIndicators = opts.updateSliderIndicators || _updateSliderIndicators.bind(this);

	    // Set drag pill count variable for setting the width of the slider in CSS
	    this.el.style.setProperty(Selector$b.DRAG_PILL_COUNT, this.sliderIndicators.querySelectorAll("." + Selector$b.INDICATOR).length);
	    if (this.dragPill) {
	      // Perform initial DragPill setup
	      this.updateSliderIndicators();

	      // Add dragPill event handlers
	      this.selectorSliderEvents = {
	        inputEvent: {
	          el: this.el,
	          type: EventName$c.ON_INPUT,
	          handler: this.onInput
	        },
	        changeEvent: {
	          el: this.el,
	          type: EventName$c.ON_CHANGE,
	          handler: this.onInput
	        },
	        // Required for iOS/VoiceOver
	        windowEvent: {
	          el: window,
	          type: EventName$c.ON_RESIZE,
	          handler: throttle(200, this.updateSliderIndicators)
	        }
	      };
	      var observer = new IntersectionObserver(this.updateSliderIndicators);
	      observer.observe(this.el);
	      Util$1.addEvents(Object.values(this.selectorSliderEvents));
	    }
	    instances$8.push(this);
	  }

	  /**
	   * Update the selector slider.
	   * @param {Object} [opts] - The slider options.
	   * @param {Function} [opts.onInput] - Function to override the slider input handler.
	   * @param {Function} [opts.updateSliderIndicators] - Function that udpates the slider indicators.
	   * @param {Function} [opts.updateSliderIndicators] - Function that udpates the slider drag pill.
	   * @param {Object} [opts.dragPill] - Object containing references to two Nodes: the drag pill wrapper and span (text container).
	   */
	  var _proto = SelectorSlider.prototype;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    // Only update the input event handler if the drag pill exists
	    if (opts.onInput && this.dragPill) {
	      Util$1.removeEvents(Object.values(this.selectorSliderEvents));
	      this.onInput = opts.onInput;
	      this.selectorSliderEvents = {
	        inputEvent: {
	          el: this.el,
	          type: EventName$c.ON_INPUT,
	          handler: this.onInput
	        },
	        changeEvent: {
	          el: this.el,
	          type: EventName$c.ON_CHANGE,
	          handler: this.onInput
	        },
	        // Required for iOS/VoiceOver
	        windowEvent: {
	          el: window,
	          type: EventName$c.ON_RESIZE,
	          handler: throttle(200, this.updateSliderIndicators)
	        }
	      };
	      Util$1.addEvents(Object.values(this.selectorSliderEvents));
	    }
	    if (opts.selectorSlider) {
	      this.selectorSlider = opts.selectorSlider;
	    }
	    if (opts.stepValueList) {
	      this.stepValueList = opts.stepValueList;
	    }
	    if (opts.dragPill === null || opts.dragPill) {
	      if (opts.dragPill === null) {
	        // Remove the drag pill DOM node and event listeners
	        this.dragPill.wrapper.remove();
	        Util$1.removeEvents(Object.values(this.selectorSliderEvents));
	      }
	      this.dragPill = opts.dragPill;
	    }
	    if (opts.sliderIndicators === null || opts.sliderIndicators) {
	      if (opts.sliderIndicators === null) {
	        // Remove the drag pill DOM node and event listeners
	        this.sliderIndicators.wrapper.remove();
	        Util$1.removeEvents(Object.values(this.selectorSliderEvents));
	      }
	      this.sliderIndicators = opts.sliderIndicators;
	    }
	    if (this.dragPill) {
	      // Min and max may have changed, perform drag pill setup again
	      this.updateSliderIndicators();
	    }

	    // Set the initial aria-valuetext
	    _valueChanged.call(this);

	    // Create and dispatch custom event
	    this[EventName$c.ON_UPDATE] = new CustomEvent(EventName$c.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$c.ON_UPDATE]);
	  }

	  /**
	   * Remove the slider.
	   */;
	  _proto.remove = function remove() {
	    if (this.dragPill) {
	      Util$1.removeEvents(Object.values(this.selectorSliderEvents));
	    }
	    var index = instances$8.indexOf(this);
	    instances$8.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$c.ON_REMOVE] = new CustomEvent(EventName$c.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$c.ON_REMOVE]);
	  };
	  SelectorSlider.getInstances = function getInstances() {
	    return instances$8;
	  };
	  return SelectorSlider;
	}();

	var instances$7 = [];
	var Selector$a = {
	  DATA_MOUNT: '[data-mount="card-stat"]',
	  RANGE_SLIDER: '.selector-slider__input',
	  DROPDOWN_RADIO_BTN: '.dropdown-bar .menu-list__list-item .ocr-input__input[type="radio"]',
	  DROPDOWN_MENULIST_BTN: '.dropdown-bar .menu-list__item-radio',
	  DROPDOWN_LABEL: '.dropdown-bar .button-dropdown-item--label',
	  STAT: '.card-horizontal__content .block-feature__title'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$b = {
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate',
	  ON_SELECTOR_SLIDER_CHANGE: 'onSelectorSliderChange',
	  ON_CHECKBOX_CHECKED: 'onCheckboxChecked',
	  ON_CHECKBOX_UNCHECKED: 'onCheckboxUnchecked',
	  ON_RADIO_BUTTON_SELECTED: 'radioButtonSelected',
	  ON_CLICK: 'click',
	  KEY_DOWN: 'keydown'
	};

	/**
	 * Element Attribute name.
	 * @enum {string}
	 */
	var Attributes$5 = {
	  LI_VALUE: 'value',
	  ARIA_CHECKED: 'aria-checked',
	  UNSELECTED_DISABLED: 'unselected-disabled'
	};

	/**
	 * String constants.
	 * @enum {string}
	 */
	var Strings$1 = {
	  EMPTY: ''
	};

	/**
	 * CSS classes.
	 * @enum {string}
	 */
	var Classes$1 = {
	  SELECTED: 'selected'
	};

	/**
	 * Constructor for the CardStat class.
	 * Initializes the CardStat instance with the provided options and sets up event handlers.
	 *
	 * @param {Object} opts - The options for initializing the CardStat instance.
	 */
	var CardStat = /*#__PURE__*/function () {
	  function CardStat(opts) {
	    var _this = this;
	    /**
	     * Updates the stat.
	     * Calculates the new stat value based on the slider value and the dropdown value, and updates the stat element's text.
	     */
	    this.updateStat = debounce(200, function () {
	      // check if the dropdown value has commar or not
	      // if yes, get the stat value in the dropdown values with the index
	      if (this.dropdownValue.includes(',')) {
	        var dropdownValues = this.dropdownValue.split(',');
	        this.statValue = parseInt(parseFloat(dropdownValues[this.selectorSliderIndex]), 10);
	      }
	      // else, calculate the stat value as the slider value * dropdown value
	      else {
	        this.statValue = parseInt(parseFloat(this.selectorSliderValue) * parseFloat(this.dropdownValue), 10);
	      }
	      this.statElement.innerHTML = this.statValue.toLocaleString() + " " + this.statSuffix;
	    });
	    this.events = [];
	    this.el = opts.el;
	    this.selectorSlider = document.getElementById(this.el.dataset.selectorSliderId);
	    this.dropdownRadioBtns = this.el.querySelectorAll(Selector$a.DROPDOWN_RADIO_BTN);
	    this.dropdownMenulistBtns = this.el.querySelectorAll(Selector$a.DROPDOWN_MENULIST_BTN);
	    this.statElement = this.el.querySelector(Selector$a.STAT);
	    this.statValue = null;
	    this.selectorSliderValue = null;
	    this.selectorSliderIndex = null;
	    this.dropdownValue = null;
	    this.dropdownLabel = this.el.querySelector(Selector$a.DROPDOWN_LABEL);
	    this.statSuffix = this.el.dataset.statSuffix;
	    if (this.selectorSlider) {
	      this.events.push({
	        el: this.selectorSlider,
	        handler: this.getStatSliderValue.bind(this),
	        type: EventName$b.ON_SELECTOR_SLIDER_CHANGE
	      });
	      if (this.dropdownRadioBtns && this.dropdownRadioBtns.length > 0) {
	        this.dropdownRadioBtns.forEach(function (radioButton) {
	          _this.events.push({
	            el: radioButton,
	            handler: _this.getStatRadioValue.bind(_this),
	            type: EventName$b.ON_RADIO_BUTTON_SELECTED
	          });
	        });
	        if (!this.dropdownValue) {
	          this.initializeStat();
	        }
	      } else if (this.dropdownMenulistBtns) {
	        this.dropdownMenulistBtns.forEach(function (li) {
	          li.setAttribute(Attributes$5.UNSELECTED_DISABLED, Strings$1.EMPTY);
	          if (li.hasAttribute(Attributes$5.LI_VALUE)) {
	            _this.events.push({
	              el: li,
	              handler: _this.getStatMenulistItemValue.bind(_this),
	              type: EventName$b.ON_CLICK
	            }, {
	              el: li,
	              handler: _this.getStatMenulistItemValue.bind(_this),
	              type: EventName$b.KEY_DOWN
	            });
	          }
	        });
	        if (!this.dropdownValue) {
	          this.initializeStatWithMenuList();
	        }
	      }
	    }
	    Util$1.addEvents(this.events);
	    instances$7.push(this);
	  }

	  /**
	   * Initializes the stat.
	   * Sets the dropdown value to the first radio button's value, sets the dropdown label to the first radio button's label,
	   * checks the first radio button, and sets the stat element to be an aria-live region.
	   */
	  var _proto = CardStat.prototype;
	  _proto.initializeStat = function initializeStat() {
	    this.dropdownValue = this.dropdownRadioBtns[0].value;
	    this.dropdownRadioBtns[0].checked = true;
	    this.dropdownLabel.textContent = this.dropdownRadioBtns[0].nextElementSibling.textContent;
	    this.updateStat();
	  }

	  /**
	   * Initializes the stat.
	   * Sets the dropdown value to the first menu list item's value, sets the dropdown label to the first menu list item's label,
	   * checks the first menu list item, and sets the stat element to be an aria-live region.
	   */;
	  _proto.initializeStatWithMenuList = function initializeStatWithMenuList() {
	    this.dropdownValue = this.dropdownMenulistBtns[0].getAttribute(Attributes$5.LI_VALUE);
	    this.dropdownMenulistBtns[0].setAttribute(Attributes$5.ARIA_CHECKED, 'true');
	    this.dropdownMenulistBtns[0].classList.add(Classes$1.SELECTED);
	    this.dropdownLabel.textContent = this.dropdownMenulistBtns[0].textContent;
	    this.updateStat();
	  }

	  /**
	   * Handles the change event of the slider.
	   * Sets the slider value to the new value and updates the stat.
	   *
	   * @param {Event} event - The change event.
	   */;
	  _proto.getStatSliderValue = function getStatSliderValue(event) {
	    this.selectorSliderValue = event.detail.value;
	    this.selectorSliderIndex = event.detail.index;
	    this.updateStat();
	  }

	  /**
	   * Handles the change event of the radio buttons.
	   * Sets the dropdown value to the new value, sets the dropdown label to the label of the selected radio button,
	   * and updates the stat.
	   *
	   * @param {Event} event - The change event.
	   */;
	  _proto.getStatRadioValue = function getStatRadioValue(event) {
	    this.dropdownValue = event.detail;
	    this.dropdownLabel.innerHTML = event.currentTarget.nextElementSibling.innerHTML;
	    this.updateStat();
	  }

	  /**
	   * Handles the change event of the menu list items.
	   * Sets the dropdown value to the new value, sets the dropdown label to the label of the selected menu list item,
	   * and updates the stat.
	   *
	   * @param {Event} event - The change event.
	   */;
	  _proto.getStatMenulistItemValue = function getStatMenulistItemValue(event) {
	    if (event.type === EventName$b.ON_CLICK) {
	      event.currentTarget.focus();
	      this.dropdownValue = event.currentTarget.getAttribute(Attributes$5.LI_VALUE);
	      this.dropdownLabel.textContent = event.currentTarget.textContent;
	      this.updateStat();
	    } else if (event.type === EventName$b.KEY_DOWN) {
	      event.currentTarget.focus();
	      if (event.keyCode === 13 || event.keyCode === 32) {
	        this.dropdownValue = event.currentTarget.getAttribute(Attributes$5.LI_VALUE);
	        this.dropdownLabel.textContent = event.currentTarget.textContent;
	        this.updateStat();
	      }
	    }
	  };
	  /**
	   * Dispatches the update event.
	   */
	  _proto.update = function update() {
	    this.el.dispatchEvent(CardStat[EventName$b.ON_UPDATE]);
	  }

	  /**
	   * Removes the CardStat instance.
	   * Removes the event handlers, removes the instance from the instances array, and dispatches the remove event.
	   */;
	  _proto.remove = function remove() {
	    var index = this.constructor.getInstances().indexOf(this);
	    Util$1.removeEvents(this.events);
	    this.constructor.getInstances().splice(index, 1);
	    this.el.dispatchEvent(CardStat[EventName$b.ON_REMOVE]);
	  };
	  CardStat.getInstances = function getInstances() {
	    return instances$7;
	  };
	  return CardStat;
	}();

	var tabs = [];
	var EventName$a = {
	  HIDE: 'onHide',
	  HIDDEN: 'onHidden',
	  SHOW: 'onShow',
	  SHOWN: 'onShown',
	  CLICK_DATA_API: 'click',
	  KEYDOWN_DATA_API: 'keydown',
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate',
	  POP_STATE: 'popstate',
	  FOCUS: 'focus',
	  BLUR: 'blur',
	  MOUSE_ENTER: 'mouseenter',
	  MOUSE_LEAVE: 'mouseleave',
	  RESIZE: 'resize'
	};
	var Attribute$2 = {
	  HIDDEN: 'hidden',
	  SHARED_LABEL_CONTAINER: 'data-shared-label-container'
	};
	var ClassName$6 = {
	  DROPDOWN_MENU: 'dropdown-menu',
	  ACTIVE: 'active',
	  DISABLED: 'disabled',
	  FADE: 'fade',
	  SHOW: 'show'
	};
	var Selector$9 = {
	  NAV_LIST_GROUP: '.nav, .list-group, .tab-group',
	  ACTIVE: '.active',
	  ACTIVE_UL: 'li .active',
	  DATA_MOUNT: '[data-mount="ocr-tabs"]',
	  BACK_TO_TABS: '[data-focus="back-to-tabs"]',
	  ROLE_TAB: '[role="tab"]',
	  TAB_CONTENT: '.tab-content, .tab-panel-group',
	  TAB_LABEL: '[data-tab-label]',
	  UMP_VIDEO: 'universal-media-player',
	  TAB_BADGES: '.tabs__slider.tabs--type-badge',
	  CONTAINER: '.container'
	};
	var DELAY_MS$3 = 100;

	// Private

	/**
	 * Activate tab.
	 * @param {HTMLElement} element - Tab element.
	 * @param {HTMLElement} container - Tab container element.
	 * @param {Function} callback - Function to run after transition ends.
	 * @this OcrTab
	 */
	function _activate(element, container, callback) {
	  var _this = this,
	    _this$el$querySelecto;
	  var activeElements;
	  if (container && (container.nodeName === 'UL' || container.nodeName === 'OL')) {
	    activeElements = container.querySelector(Selector$9.ACTIVE_UL);
	  } else {
	    // make sure that any selected tab panel .active element is a direct descendant of the tab panel container
	    activeElements = [].slice.call(container.children).filter(function (e) {
	      return e.classList.contains(ClassName$6.ACTIVE);
	    });
	  }
	  var active = activeElements[0];
	  var isTransitioning = callback && active && active.classList.contains(ClassName$6.FADE);
	  var complete = function complete() {
	    return _transitionComplete.call(_this, element, active, callback);
	  };
	  if (active && isTransitioning) {
	    var transitionDuration = Util$1.getTransitionDurationFromElement(active);
	    active.classList.remove(ClassName$6.SHOW);
	    active.addEventListener(Util$1.TRANSITION_END, complete, {
	      once: true
	    });
	    Util$1.emulateTransitionEnd(active, transitionDuration);
	  } else {
	    complete();
	  }
	  _setSharedLabel(this.sharedLabelEl, (_this$el$querySelecto = this.el.querySelector(Selector$9.TAB_LABEL)) == null ? void 0 : _this$el$querySelecto.textContent);

	  // Due to what appears to be a bug in MWF, active contains the active element for normal tabs
	  // but activeElements contains the active element for list tabs.
	  if (active) {
	    _pauseVideos$1(active);
	  } else {
	    _pauseVideos$1(activeElements);
	  }
	}
	function _getSharedLabelEl() {
	  var targetSelector = this.listGroup.hasAttribute(Attribute$2.SHARED_LABEL_CONTAINER) && this.listGroup.dataset.sharedLabelContainer;
	  var target;
	  if (targetSelector) target = document.querySelector("#" + targetSelector);
	  return target;
	}
	function _setSharedLabel(sharedLabel, input) {
	  if (sharedLabel && input) {
	    sharedLabel.textContent = input;
	  }
	}

	/**
	 * Pauses all videos playing in the tab.
	 * @param {HTMLElement} tabElement - The element for the tab that is having its video paused.
	 */
	function _pauseVideos$1(tabElement) {
	  var videos = tabElement.querySelectorAll(Selector$9.UMP_VIDEO);
	  if (videos) {
	    for (var _iterator = _createForOfIteratorHelperLoose(videos), _step; !(_step = _iterator()).done;) {
	      var video = _step.value;
	      video.pause();
	    }
	  }
	}

	/**
	 * Callback for completed tab transitions.
	 * @param {HTMLElement} element - Newly selected tab element.
	 * @param {HTMLElement} active - Previously active tab element.
	 * @param {Function} callback - Function to run after transition ends.
	 * @this OcrTab
	 */
	function _transitionComplete(element, active, callback) {
	  if (active) {
	    active.classList.remove(ClassName$6.ACTIVE);
	    if (active.getAttribute('role') === 'tab') {
	      active.setAttribute('aria-selected', 'false');
	      active.setAttribute('tabindex', '-1');
	    } else if (active.getAttribute('role') === 'tabpanel') {
	      active.hidden = true;
	    }
	  }
	  element.classList.add(ClassName$6.ACTIVE);
	  if (element.getAttribute('role') === 'tab') {
	    element.setAttribute('aria-selected', 'true');
	    element.setAttribute('tabindex', '0');
	  } else if (element.getAttribute('role') === 'tabpanel') {
	    element.removeAttribute(Attribute$2.HIDDEN);

	    // Scroll back to top of panel if necessary
	    var activePanelTop = element.getBoundingClientRect().top;
	    var documentElementNode = document.documentElement;
	    var documentScrollPaddingTop = 0;
	    if (documentElementNode.style.scrollPaddingTop) {
	      documentScrollPaddingTop = parseInt(documentElementNode.style.scrollPaddingTop, 10);
	    }
	    if (activePanelTop < 0) {
	      var scrollOffset = activePanelTop - documentElementNode.getBoundingClientRect().top - documentScrollPaddingTop;
	      window.scrollTo(0, scrollOffset);
	    }
	    if (this.backToTabs && this.backToTabs instanceof HTMLAnchorElement) {
	      var _this$backToTabs$focu;
	      (_this$backToTabs$focu = this.backToTabs.focusControls) == null ? void 0 : _this$backToTabs$focu.remove();
	      this.backToTabs.href = "#" + element.id + "-tab";
	      this.backToTabs.focusControls = new Util$1.FocusControls({
	        el: this.backToTabs
	      });
	    }
	  }
	  Util$1.reflow(element);
	  if (element.classList.contains(ClassName$6.FADE)) {
	    element.classList.add(ClassName$6.SHOW);
	  }
	  if (callback) {
	    callback();
	  }
	}

	/**
	 * Callback function for all key events on tabs.
	 * Facilitates left <-> right focus movement between tabs recommended by W3C: https://www.w3.org/TR/wai-aria-practices-1.1/examples/tabs/tabs-2/tabs.html
	 * @param {KeyboardEvent} event - Keyboard event.
	 * @this OcrTab
	 */
	function _onKeycodeEvent(event) {
	  var keycode = Util$1.getKeyCode(event);
	  switch (keycode) {
	    case Util$1.keyCodes.SPACE:
	    case Util$1.keyCodes.ENTER:
	      {
	        event.preventDefault();
	        this.show(event);
	        break;
	      }
	    case Util$1.keyCodes.HOME:
	      {
	        event.preventDefault();
	        this.listNodeList[0].focus();
	        break;
	      }
	    case Util$1.keyCodes.END:
	      {
	        event.preventDefault();
	        this.listNodeList[this.listNodeList.length - 1].focus();
	        break;
	      }
	    case Util$1.keyCodes.ARROW_LEFT:
	      {
	        // stop default "scroll" behavior in overflowed containers
	        event.preventDefault();
	        if (this.isRTL) {
	          _onKeycodeRight.call(this);
	        } else {
	          _onKeycodeLeft.call(this);
	        }
	        break;
	      }
	    case Util$1.keyCodes.ARROW_RIGHT:
	      {
	        // stop default "scroll" behavior in overflowed containers
	        event.preventDefault();
	        if (this.isRTL) {
	          _onKeycodeLeft.call(this);
	        } else {
	          _onKeycodeRight.call(this);
	        }
	        break;
	      }
	  }
	}

	/**
	 * Callback function for arrow-left key.
	 * @this OcrTab
	 */
	function _onKeycodeLeft() {
	  var lastTab = this.listNodeList[this.listNodeList.length - 1];
	  var previousTab = this.listNodeList[this.tabIndex - 1];
	  if (this.tabIndex === 0) {
	    return lastTab.focus();
	  }
	  return previousTab.focus();
	}

	/**
	 * Callback function for arrow-right key.
	 * @this OcrTab
	 */
	function _onKeycodeRight() {
	  var firstTab = this.listNodeList[0];
	  var nextTab = this.listNodeList[this.tabIndex + 1];
	  if (this.tabIndex === this.listNodeList.length - 1) {
	    return firstTab.focus();
	  }
	  return nextTab.focus();
	}
	function _onFocus() {
	  var _this$el$querySelecto2;
	  var input = (_this$el$querySelecto2 = this.el.querySelector(Selector$9.TAB_LABEL)) == null ? void 0 : _this$el$querySelecto2.textContent;
	  if (this.sharedLabelEl && input) {
	    _setSharedLabel(this.sharedLabelEl, input);
	  }
	}
	function _onBlur() {
	  var _this$listGroup, _this$listGroup$query, _this$listGroup$query2;
	  // check if active tab has shared label input
	  var input = (_this$listGroup = this.listGroup) == null ? void 0 : (_this$listGroup$query = _this$listGroup.querySelector(Selector$9.ACTIVE)) == null ? void 0 : (_this$listGroup$query2 = _this$listGroup$query.querySelector(Selector$9.TAB_LABEL)) == null ? void 0 : _this$listGroup$query2.textContent;
	  if (this.sharedLabelEl && input) {
	    _setSharedLabel(this.sharedLabelEl, input);
	  }
	}
	function _onPopState() {
	  var _this2 = this;
	  var hash = window.location.hash;

	  // Check if hash matches the id of the tab panel or a tab panel child and show.
	  // If no hash assume the default Tab panel should be shown.
	  if (hash) {
	    if (hash === "#" + this.tabPanel.id) {
	      this.show();
	      this.tabContent.addEventListener(Util$1.TRANSITION_END, function () {
	        _this2.el.scrollIntoView(true);
	        _this2.el.focus();
	      }, {
	        once: true
	      });
	    } else {
	      var tabPanelChild = this.tabPanel.querySelector("[id=\"" + hash.slice(1) + "\"]");
	      if (tabPanelChild) {
	        this.show();
	        this.tabContent.addEventListener(Util$1.TRANSITION_END, function () {
	          tabPanelChild.scrollIntoView(true);
	          tabPanelChild.focus();
	        }, {
	          once: true
	        });
	      }
	    }
	  } else if (this.tabIndex === this.defaultTabIndex) {
	    this.show();
	  }
	}
	var OcrTab = /*#__PURE__*/function () {
	  /**
	   * Create an OcrTab instance
	   * @param {Object} opts - Tab options.
	   * @param {HTMLElement} opts.el - Tab element.
	   * @param {(HTMLElement|null)} [opts.sharedLabelEl] - Element tabs will target for shared label variant.
	   * @param {Boolean} [opts.addUrlToHistory=false] - Use pushState instead of replaceState, defaults to false.
	   * @param {Number} [opts.defaultTabIndex=0] - Index of default tab in list group. Defaults to first tab with class active or 0.
	   */
	  function OcrTab(_ref) {
	    var el = _ref.el,
	      _ref$sharedLabelEl = _ref.sharedLabelEl,
	      sharedLabelEl = _ref$sharedLabelEl === void 0 ? null : _ref$sharedLabelEl,
	      _ref$addUrlToHistory = _ref.addUrlToHistory,
	      addUrlToHistory = _ref$addUrlToHistory === void 0 ? false : _ref$addUrlToHistory,
	      _ref$defaultTabIndex = _ref.defaultTabIndex,
	      defaultTabIndex = _ref$defaultTabIndex === void 0 ? 0 : _ref$defaultTabIndex;
	    this.el = el;
	    this.listGroup = this.el.closest(Selector$9.NAV_LIST_GROUP);
	    this.targetSelector = Util$1.getSelectorFromElement(this.el);
	    this.tabPanel = document.querySelector(this.targetSelector);
	    this.tabContent = this.tabPanel.closest(Selector$9.TAB_CONTENT);
	    this.isRTL = document.dir === 'rtl';
	    this.backToTabs = [].concat(Array.from(this.tabContent.children), Array.from(this.tabContent.parentNode.children)).find(function (el) {
	      return el.dataset.focus === 'back-to-tabs';
	    });
	    this.sharedLabelEl = sharedLabelEl || _getSharedLabelEl.call(this);

	    // set back to tab href to active tab's id
	    if (this.el.classList.contains(ClassName$6.ACTIVE) && this.backToTabs && this.backToTabs instanceof HTMLAnchorElement) {
	      this.backToTabs.href = "#" + this.el.id;
	      this.backToTabs.focusControls = new Util$1.FocusControls({
	        el: this.backToTabs
	      });
	    }

	    // prevents error if tab is not within a list group
	    if (this.listGroup) {
	      this.listNodeList = this.listGroup.querySelectorAll(Selector$9.ROLE_TAB) || [];
	      this.nodeListArray = [].slice.call(this.listNodeList);
	      this.tabIndex = this.nodeListArray.indexOf(this.el);
	      this.addUrlToHistory = addUrlToHistory || this.listGroup.dataset.addUrlToHistory !== undefined;
	      var activeTab = this.listGroup.querySelector(Selector$9.ACTIVE);
	      var activeIndex = this.nodeListArray.indexOf(activeTab) > -1 ? this.nodeListArray.indexOf(activeTab) : null;
	      this.defaultTabIndex = defaultTabIndex || activeIndex || 0;
	    }

	    // enable deep linking
	    _onPopState.call(this);
	    if (this.sharedLabelEl && this.el.classList.contains(ClassName$6.ACTIVE)) {
	      var _this$el$querySelecto3;
	      _setSharedLabel(this.sharedLabelEl, (_this$el$querySelecto3 = this.el.querySelector(Selector$9.TAB_LABEL)) == null ? void 0 : _this$el$querySelecto3.textContent);
	    }

	    // attach event listeners
	    this.events = [{
	      el: this.el,
	      type: EventName$a.CLICK_DATA_API,
	      handler: this.show.bind(this)
	    }, {
	      el: this.el,
	      type: EventName$a.KEYDOWN_DATA_API,
	      handler: _onKeycodeEvent.bind(this)
	    }, {
	      el: this.el,
	      type: EventName$a.FOCUS,
	      handler: _onFocus.bind(this)
	    }, {
	      el: this.el,
	      type: EventName$a.MOUSE_ENTER,
	      handler: _onFocus.bind(this)
	    }, {
	      el: this.el,
	      type: EventName$a.MOUSE_LEAVE,
	      handler: _onBlur.bind(this)
	    }, {
	      el: this.el,
	      type: EventName$a.BLUR,
	      handler: _onBlur.bind(this)
	    }, {
	      el: window,
	      type: EventName$a.POP_STATE,
	      handler: _onPopState.bind(this)
	    }];

	    // tab badges resize dealing
	    var tabBadges = this.el.closest(Selector$9.TAB_BADGES);
	    if (tabBadges) {
	      this.handleBadgeResize();
	      this.events.push({
	        el: window,
	        type: EventName$a.RESIZE,
	        handler: throttle(DELAY_MS$3, this.handleBadgeResize.bind(this))
	      });
	    }

	    // add event listeners
	    Util$1.addEvents(this.events);
	    tabs.push(this);
	  }

	  // Public

	  /**
	   * Shows a tab panel based on the tab clicked and hides other panels.
	   * @param {Event} [event] - Event trigger.
	   * @this OcrTab
	   */
	  var _proto = OcrTab.prototype;
	  _proto.show = function show(event) {
	    var _this3 = this;
	    if (event) {
	      event.preventDefault();
	    }
	    var hasParentEl = this.el.parentNode && this.el.parentNode.nodeType === Node.ELEMENT_NODE;
	    var isActive = this.el.classList.contains(ClassName$6.ACTIVE);
	    var isDisabled = this.el.classList.contains(ClassName$6.DISABLED);
	    if (hasParentEl && isActive || isDisabled) {
	      return;
	    }
	    var target = this.tabPanel;
	    var previous;
	    var listElement = this.listGroup || this.el.closest(Selector$9.NAV_LIST_GROUP);
	    if (listElement) {
	      var isList = listElement.nodeName === 'UL' || listElement.nodeName === 'OL';
	      var itemSelector = isList ? Selector$9.ACTIVE_UL : Selector$9.ACTIVE;
	      previous = this.el.parentNode.querySelector(itemSelector);
	    }
	    var hideEvent = new CustomEvent(EventName$a.HIDE, {
	      detail: {
	        relatedTarget: this.el
	      }
	    });
	    var showEvent = new CustomEvent(EventName$a.SHOW, {
	      detail: {
	        relatedTarget: previous
	      }
	    });
	    if (previous) {
	      previous.dispatchEvent(hideEvent);
	    }
	    this.el.dispatchEvent(showEvent);
	    if (showEvent.defaultPrevented || hideEvent.defaultPrevented) {
	      return;
	    }
	    _activate.call(this, this.el, listElement);
	    var complete = function complete() {
	      var hiddenEvent = new CustomEvent(EventName$a.HIDDEN, {
	        detail: {
	          relatedTarget: _this3.el
	        }
	      });
	      var shownEvent = new CustomEvent(EventName$a.SHOWN, {
	        detail: {
	          relatedTarget: previous
	        }
	      });
	      if (previous) {
	        previous.dispatchEvent(hiddenEvent);
	      }
	      _this3.el.dispatchEvent(shownEvent);
	      var hash = window.location.hash;
	      var url = "#" + _this3.tabPanel.id;
	      var _document = document,
	        title = _document.title;
	      var state = window.history.state;
	      var noHashAndNotOnDefaultTab = !hash && _this3.tabIndex !== _this3.defaultTabIndex;
	      var notChild = hash && !_this3.tabPanel.querySelector(hash);
	      var notSelf = hash !== url;
	      if (noHashAndNotOnDefaultTab || notChild && notSelf) {
	        if (_this3.addUrlToHistory) {
	          window.history.pushState(state, title, url);
	        } else {
	          window.history.replaceState(state, title, url);
	        }
	      }
	    };
	    if (target) {
	      _activate.call(this, target, target.parentNode, complete);
	    } else {
	      complete();
	    }
	  }

	  /**
	   * Handle resizing for Tabs
	   * apply padding-inline depending on the window width
	   */;
	  _proto.handleBadgeResize = function handleBadgeResize() {
	    var tabBadges = this.el.closest(Selector$9.TAB_BADGES);
	    var container = this.el.closest(Selector$9.CONTAINER);
	    if (!container || !tabBadges) {
	      return;
	    }
	    var tabGroupWidth = this.listGroup.offsetWidth;
	    var containerPaddingLeft = parseInt(window.getComputedStyle(container).paddingLeft, 10);
	    var containerPaddingRight = parseInt(window.getComputedStyle(container).paddingRight, 10);
	    var totalWidth = containerPaddingLeft + tabGroupWidth + containerPaddingRight;
	    if (window.innerWidth - totalWidth >= 0) {
	      // the tab group is not overflowing, no need to add padding
	      tabBadges.style.paddingInlineStart = "0px";
	    } else {
	      tabBadges.removeAttribute('style');
	    }
	  }

	  /**
	   * Remove event handlers.
	   * @this OcrTab
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);

	    // remove this reference from array of instances
	    var index = tabs.indexOf(this);
	    tabs.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$a.ON_REMOVE] = new CustomEvent(EventName$a.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$a.ON_REMOVE]);
	  }

	  /**
	   * Update Tab
	   * @param {Object} [opts] - Tab options.
	   * @param {Boolean} [opts.addUrlToHistory] Use pushState instead of replaceState.
	   * @param {(HTMLElement|null)} [opts.sharedLabelEl] Element tabs will target for shared label variant.
	   */;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    if (typeof opts.addUrlToHistory === 'boolean') {
	      this.addUrlToHistory = opts.addUrlToHistory;
	    }
	    if (opts.sharedLabelEl !== undefined) {
	      this.sharedLabelEl = opts.sharedLabelEl;
	    }

	    // Create and dispatch custom event
	    this[EventName$a.ON_UPDATE] = new CustomEvent(EventName$a.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$a.ON_UPDATE]);
	  }

	  /**
	   * Get instances.
	   * @returns {OcrTab[]} Array of tab instances.
	   */;
	  OcrTab.getInstances = function getInstances() {
	    return tabs;
	  };
	  return OcrTab;
	}();

	var Selector$8 = {
	  DATA_MOUNT: '[data-mount="ocr-accordion"]',
	  FEATURE: '.multi-feature-feature',
	  ACCORDION: '.accordion',
	  UMP_VIDEO: 'universal-media-player video'
	};
	var EventName$9 = {
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate'
	};
	var ClassName$5 = {
	  DISPLAY: {
	    BLOCK: 'block',
	    NONE: 'd-none'
	  }
	};
	var instances$6 = [];

	/**
	 * Pause video when collapse is collapsed
	 * @param {HTMLElement} collapse - The collapse element
	 * */
	function _pauseVideos(collapse) {
	  var videos = collapse.querySelectorAll(Selector$8.UMP_VIDEO);
	  if (videos) {
	    for (var _iterator = _createForOfIteratorHelperLoose(videos), _step; !(_step = _iterator()).done;) {
	      var video = _step.value;
	      video.pause();
	    }
	  }
	}

	// Set accordion height so it is never taller than the shortest feature
	function _setAccordionHeight() {
	  var _this = this;
	  if (this.inCustomViewport()) {
	    // Wait for any images to load before calculating height
	    imagesLoaded(this.el, function () {
	      var maxAccordionHeight;
	      var firstCollapseHeight;
	      _this.collapses.forEach(function (c, i) {
	        // Save current styles
	        var display = c.el.style.display;
	        var dNone = c.feature.classList.contains(ClassName$5.DISPLAY.NONE);

	        // Set visible styles
	        c.el.style.display = ClassName$5.DISPLAY.BLOCK;
	        if (dNone) {
	          c.feature.classList.remove(ClassName$5.DISPLAY.NONE);
	        }

	        // Calculate heights
	        var featureHeight = c.feature.offsetHeight;
	        if (!maxAccordionHeight || featureHeight < maxAccordionHeight) {
	          maxAccordionHeight = featureHeight;
	        }
	        if (i === 0) {
	          firstCollapseHeight = c.el.offsetHeight + c.triggerElement.offsetHeight;
	        }

	        // Reset styles to original state
	        c.el.style.display = display;
	        if (dNone) {
	          c.feature.classList.add(ClassName$5.DISPLAY.NONE);
	        }
	      });

	      // set a min height equal to the height of the first collapse while open, plus a peek of the second collapse button
	      _this.accordionElement.style.minHeight = firstCollapseHeight + 32 + "px";
	      if (maxAccordionHeight) {
	        _this.accordionElement.style.height = maxAccordionHeight + "px";
	        _this.accordionElement.style.overflowY = 'auto';
	      }
	    });
	  } else {
	    this.accordionElement.style.minHeight = '';
	    this.accordionElement.style.height = '';
	    this.accordionElement.style.overflowY = '';
	  }
	}

	// Calculate height of absolute positioned content
	function _setMultiFeatureHeight() {
	  var _this$open, _this$open$feature;
	  var featureHeight = (_this$open = this.open) == null ? void 0 : (_this$open$feature = _this$open.feature) == null ? void 0 : _this$open$feature.offsetHeight;
	  if (this.inCustomViewport() && featureHeight) {
	    this.el.style.height = featureHeight + "px";
	  } else {
	    this.el.style.height = '';
	  }
	}

	/**
	 * @this {MultiFeature}
	 */
	function _onShown(collapse) {
	  this.open = collapse;
	  if (this.inCustomViewport()) {
	    var _this$open$feature2;
	    (_this$open$feature2 = this.open.feature) == null ? void 0 : _this$open$feature2.classList.remove(ClassName$5.DISPLAY.NONE);
	    _setMultiFeatureHeight.call(this);
	  }
	}

	/**
	 * @this {MultiFeature}
	 */
	function _onHide(e) {
	  var otherOpen = this.collapses.some(function (collapse) {
	    var notTarget = collapse.el !== e.target;
	    var open = !collapse.isCollapsed && !collapse.isTransitioning && notTarget;
	    var transitioningOpen = collapse.isCollapsed && collapse.isTransitioning && notTarget;
	    return open || transitioningOpen;
	  });
	  if (otherOpen) {
	    _pauseVideos(this.open.el);
	  }
	  if (this.inCustomViewport()) {
	    if (otherOpen) {
	      var _this$open$feature3;
	      (_this$open$feature3 = this.open.feature) == null ? void 0 : _this$open$feature3.classList.add(ClassName$5.DISPLAY.NONE);
	    } else {
	      e.preventDefault();
	    }
	  } else if (!otherOpen) {
	    this.open = undefined;
	  }
	}

	/**
	 * @this {MultiFeature}
	 */
	function _onResize() {
	  _setAccordionHeight.call(this);
	  _setMultiFeatureHeight.call(this);
	  if (this.inCustomViewport()) {
	    if (!this.open && this.collapses.length) {
	      this.collapses[0].toggle();
	      this.open = this.collapses[0];
	    }
	  } else {
	    this.collapses.forEach(function (collapse) {
	      collapse.feature.classList.remove(ClassName$5.DISPLAY.NONE);
	    });
	  }
	}
	function _generateEvents$1() {
	  var _this2 = this;
	  var events = [{
	    el: window,
	    type: 'resize',
	    handler: debounce(300, _onResize.bind(this)),
	    options: {
	      passive: true
	    }
	  }];
	  this.collapses.forEach(function (collapse) {
	    events.push({
	      el: collapse.el,
	      type: EventName$o.SHOWN,
	      handler: function handler() {
	        _onShown.call(_this2, collapse);
	      }
	    }, {
	      el: collapse.el,
	      type: EventName$o.HIDE,
	      handler: function handler(e) {
	        _onHide.call(_this2, e);
	      }
	    });
	  });
	  return events;
	}

	/**
	 * @this {MultiFeature}
	 */
	function _setupCollapse(collapse) {
	  collapse.feature = collapse.el.querySelector(Selector$8.FEATURE);
	  collapse.parent = "#" + this.accordionElement.id;
	  if (collapse.isCollapsed === false) {
	    this.open = collapse;
	  }
	}
	var OcrAccordion = /*#__PURE__*/function () {
	  /**
	   * Create a MultiFeature instance
	   * @param {Object} opts - The multi feature options.
	   * @param {HTMLElement} opts.el - The multi feature DOM node.
	   * @param {HTMLElement} [opts.accordion] - The accordion DOM node.
	   * @param {Collapse[]} [opts.collapses=[]] - The list of Collapse instances.
	   * @param {Array} [opts.customViewports] - The list of viewports with custom accordion logic.
	   */
	  function OcrAccordion(_ref) {
	    var _this3 = this;
	    var el = _ref.el,
	      accordion = _ref.accordion,
	      _ref$collapses = _ref.collapses,
	      collapses = _ref$collapses === void 0 ? [] : _ref$collapses,
	      customViewports = _ref.customViewports;
	    this.el = el;
	    this.accordionElement = accordion || this.el.querySelector(Selector$8.ACCORDION);
	    this.collapses = collapses;
	    this.customViewports = customViewports || ['lg', 'xl'];

	    // Manual initialization with collapses option
	    if (this.collapses.length) {
	      // Set up each Collapse passed in as opts
	      this.collapses.forEach(function (collapse) {
	        _setupCollapse.call(_this3, collapse);
	      });
	      // Auto initialization OR manual initialization without collapses
	    } else {
	      // Find all Collapse triggers and instances
	      var collapseTriggers = this.el.querySelectorAll(Selector$q.DATA_MOUNT);
	      var collapseInstances = CollapseExtension.getInstances();
	      // Get matching Collapses, set them up, and put them in the Collapse array
	      collapseTriggers.forEach(function (el) {
	        var collapseInstance = collapseInstances.find(function (collapse) {
	          return collapse.triggerElement === el;
	        });
	        _setupCollapse.call(_this3, collapseInstance);
	        _this3.collapses.push(collapseInstance);
	      });
	    }
	    _setAccordionHeight.call(this);
	    if (!this.open && this.collapses.length) {
	      this.collapses[0].toggle();
	      this.open = this.collapses[0];
	    }
	    this.events = _generateEvents$1.call(this);
	    Util$1.addEvents(this.events);
	    instances$6.push(this);
	  }

	  /**
	   * Check if current viewport is in custom viewport list
	   * @returns {Boolean}
	   */
	  var _proto = OcrAccordion.prototype;
	  _proto.inCustomViewport = function inCustomViewport() {
	    var viewport = Util$1.detectViewport();
	    return this.customViewports.indexOf(viewport) > -1;
	  }

	  /**
	   * Update instance.
	   * @param {Object} opts - The multi feature options
	   * @param {HTMLElement} [opts.accordionElement] - The accordion DOM node.
	   * @param {Array} [opts.collapses] - The list of Collapse instances.
	   * @param {Array} [opts.customViewports] - The list of viewports with custom accordion logic.
	   */;
	  _proto.update = function update(opts) {
	    var _this4 = this;
	    if (opts === void 0) {
	      opts = {};
	    }
	    // Remove event handlers
	    Util$1.removeEvents(this.events);
	    if (opts.accordionElement) {
	      this.accordionElement = opts.accordionElement;
	    }
	    if (opts.customViewports) {
	      this.customViewports = opts.customViewports;
	    }
	    if (opts.collapses) {
	      this.open = null;
	      this.collapses = opts.collapses;
	      this.collapses.forEach(function (collapse) {
	        _setupCollapse.call(_this4, collapse);
	      });
	    }
	    _setAccordionHeight.call(this);
	    if (!this.open && this.collapses.length) {
	      this.collapses[0].toggle();
	      this.open = this.collapses[0];
	    }

	    // Add event handlers
	    this.events = _generateEvents$1.call(this);
	    Util$1.addEvents(this.events);

	    // Trigger event
	    this[EventName$9.ON_UPDATE] = new CustomEvent(EventName$9.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$9.ON_UPDATE]);
	  }

	  /**
	   * Remove the multi feature.
	   */;
	  _proto.remove = function remove() {
	    // Remove event handlers
	    Util$1.removeEvents(this.events);

	    // remove this multi feature reference from array of instances
	    var index = instances$6.indexOf(this);
	    instances$6.splice(index, 1);

	    // Trigger event
	    this[EventName$9.ON_REMOVE] = new CustomEvent(EventName$9.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$9.ON_REMOVE]);
	  }

	  /**
	   * Get an array of multi feature instances.
	   * @returns {Object[]} Array of multi feature instances.
	   */;
	  OcrAccordion.getInstances = function getInstances() {
	    return instances$6;
	  };
	  return OcrAccordion;
	}();

	var instances$5 = [];

	/**
	 * HTML Attributes.
	 * @enum {string}
	 */
	var Attributes$4 = {
	  ARIA_LABEL: 'aria-label',
	  ARIA_LIVE: 'aria-live',
	  ARIA_EXPANDED: 'aria-expanded',
	  ARIA_CONTROLS: 'aria-controls',
	  ID: 'id',
	  TABINDEX: 'tabindex',
	  DATA_EXPANDED_ARIA_LABEL: 'data-expanded-aria-label',
	  DATA_COLLAPSED_ARIA_LABEL: 'data-collapsed-aria-label',
	  DATA_MULTI_CARD_LAYOUT: 'data-multi-card-layout'
	};

	/**
	 * CSS Classes.
	 * @enum {string}
	 */
	var ClassName$4 = {
	  D_NONE: 'd-none',
	  POSITION_ABSOLUTE: 'position-absolute',
	  POSITION_RELATIVE: 'position-relative',
	  WIDTH_100: 'w-100',
	  INVISIBLE: 'invisible',
	  GLYPH_ADD: 'glyph-append-add',
	  GLYPH_REMOVE: 'glyph-append-remove'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$8 = {
	  CLICK: 'click',
	  RESIZE: 'resize',
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate'
	};

	/**
	 * CSS selector.
	 * @enum {string}
	 */
	var Selector$7 = {
	  DATA_MOUNT: '[data-mount="card-interactive"]',
	  BLOCK_FEATURE_PARAGRAPH: '.block-feature__paragraph',
	  BLOCK_FEATURE_TITLE: '.block-feature__title',
	  BLOCK_FEATURE_EYEBROW: '.block-feature__eyebrow',
	  INTERACTIVE_BTN_WRAPPER: '.card__interactive-btn-wrapper',
	  INTERACTIVE_BTN: '.interactive-btn',
	  GLYPH_SPAN: '.glyph-append',
	  GROUPED_CARD_CONTAINER: '.grouped-card-container',
	  // Selector for the cards container, will be a different component
	  FEATURED_CARDS: '.featured-cards' // Selector for the parent component, when used within the featured cards component
	};

	var DELAY_MS$2 = 500;
	var CardInteractive = /*#__PURE__*/function () {
	  /**
	   * Initializes a new instance of the Card Interactive Feature.
	   * @param {{ el: HTMLElement }} opts Initialization options.
	   */
	  function CardInteractive(opts) {
	    /**
	     * Root element.
	     * @type {HTMLElement}
	     */
	    this.el = void 0;
	    /**
	     * Event bindings.
	     * @type {{ el: Element, handler: (...args: unknown[]) => unknown, type: string}[]} */
	    this.events = [];
	    /**
	     * Observers.
	     * @type {(ResizeObserver | IntersectionObserver | MutationObserver)[]}
	     */
	    this.observers = [];
	    /**
	     * Only for Multi Card Layout, if the card is part of a grouped card container.
	     * @type {HTMLElement | null}
	     */
	    this.groupedCardContainer = void 0;
	    /**
	     * Only for Multi Card Layout, an array of all cards.
	     * @type {Node[] | null}
	     */
	    this.cards = void 0;
	    this.el = opts.el;
	    this.isMultiCardLayout = this.el.getAttribute(Attributes$4.DATA_MULTI_CARD_LAYOUT) === 'true';
	    this.isCardExpanded = false;
	    this.disableInteractiveFeatureInMobile = false;
	    this.isInteractiveFeatureDisabledInMobile();
	    this.isDesktop = window.matchMedia("(min-width: " + ViewPort.MD + "px)");
	    this.isInitialized = false;
	    /**
	     * The content that will be shown/hidden.
	     */
	    this.toggleableContent = this.el.querySelector(Selector$7.BLOCK_FEATURE_PARAGRAPH);
	    this.blockFeatureTitle = this.el.querySelector(Selector$7.BLOCK_FEATURE_TITLE);
	    this.blockFeatureEyebrow = this.el.querySelector(Selector$7.BLOCK_FEATURE_EYEBROW);
	    this.interactiveBtnWrapper = this.el.querySelector(Selector$7.INTERACTIVE_BTN_WRAPPER);
	    /**
	     * The button that will toggle the content.
	     */
	    this.interactiveBtn = this.el.querySelector(Selector$7.INTERACTIVE_BTN);
	    if (this.interactiveBtn && this.toggleableContent) {
	      this.btnCollapsedAriaLabel = this.interactiveBtn.getAttribute(Attributes$4.DATA_COLLAPSED_ARIA_LABEL);
	      this.btnExpandedAriaLabel = this.interactiveBtn.getAttribute(Attributes$4.DATA_EXPANDED_ARIA_LABEL);
	      this.glyphSpan = this.interactiveBtn.querySelector(Selector$7.GLYPH_SPAN);
	      this.initObservers();
	      this.events.push({
	        el: this.interactiveBtn,
	        type: EventName$8.CLICK,
	        handler: this.toggleInteractive.bind(this)
	      }, {
	        el: document.defaultView,
	        handler: debounce(DELAY_MS$2, this.handleResize.bind(this)),
	        type: EventName$8.RESIZE
	      });
	    }
	    if (this.events.length) {
	      Util$1.addEvents(this.events);
	    }
	    this.isIntersecting = false;
	    var observer = new IntersectionObserver(this.handleIntersection.bind(this));
	    observer.observe(this.el);
	    instances$5.push(this);
	  }

	  /**
	   * Initialize observers.
	   * @returns {void}
	   * */
	  var _proto = CardInteractive.prototype;
	  _proto.initObservers = function initObservers() {
	    var _this = this;
	    // Add a mutation observer to the interactive button to look for aria-expanded attribute changes
	    var interactiveBtnMutationObserver = new MutationObserver(function (mutations) {
	      mutations.forEach(function (mutation) {
	        if (mutation.attributeName === Attributes$4.ARIA_EXPANDED) {
	          var target = mutation.target;
	          _this.updateCardStatus(target);
	        }
	      });
	    });
	    // add muitation observer to the interactive button
	    interactiveBtnMutationObserver.observe(this.interactiveBtn, {
	      attributes: true
	    });
	    this.observers.push(interactiveBtnMutationObserver);
	  }

	  /**
	   * Initialize the interactive layout.
	   */;
	  _proto.init = function init() {
	    if (this.isInitialized || !this.isDesktop.matches && this.disableInteractiveFeatureInMobile) return;
	    this.isInitialized = true;
	    // Generate a unique ID for ARIA controls
	    var id = this.generateUniqueId('ocr-bf-interactive-');
	    if (this.isMultiCardLayout) {
	      this.initMultiCardLayout();
	    }

	    // Initialize layout heights and visibility for interactive elements
	    this.toggleableContentHeight = this.toggleableContent.offsetHeight;
	    this.interactiveBtnWrapper.classList.remove(ClassName$4.D_NONE);
	    this.expandedCardHeight = this.el.offsetHeight;
	    this.toggleableContent.classList.add(ClassName$4.D_NONE);
	    this.collapsedCardHeight = this.el.offsetHeight;
	    this.el.style.height = this.collapsedCardHeight + "px";
	    if (this.blockFeatureTitle) {
	      this.blockFeatureTitleHeight = this.blockFeatureTitle.offsetHeight;
	    }
	    if (this.blockFeatureEyebrow) {
	      this.blockFeatureEyebrowHeight = this.blockFeatureEyebrow.offsetHeight;
	    }

	    // Make the interactive button visible and set ARIA attributes for accessibility
	    this.toggleableContent.parentElement.setAttribute(Attributes$4.ARIA_LIVE, 'polite');
	    this.toggleableContent.parentElement.setAttribute(Attributes$4.ID, id);
	    this.interactiveBtn.setAttribute(Attributes$4.ARIA_CONTROLS, id);
	  }

	  /**
	   * Initialize the multi card layout.
	   * @returns {void}
	   * */;
	  _proto.initMultiCardLayout = function initMultiCardLayout() {
	    // get the closest parent container which is the grouped card container
	    this.groupedCardContainer = this.el.closest(Selector$7.GROUPED_CARD_CONTAINER);
	    if (this.groupedCardContainer) {
	      // get all cards in the grouped card container
	      this.cards = this.groupedCardContainer.querySelectorAll(Selector$7.DATA_MOUNT);
	      // loop through all cards and find toggleable content & interactive button
	      this.cards.forEach(function (card) {
	        var toggleableContent = card.querySelector(Selector$7.BLOCK_FEATURE_PARAGRAPH);
	        if (toggleableContent) {
	          toggleableContent.classList.add(ClassName$4.D_NONE);
	        }
	        var interactiveBtnWrapper = card.querySelector(Selector$7.INTERACTIVE_BTN_WRAPPER);
	        if (interactiveBtnWrapper) {
	          interactiveBtnWrapper.classList.remove(ClassName$4.D_NONE);
	        }
	      });
	    }

	    // remove the d-none class to get the height of the content. Applicable for multi card layout
	    if (this.toggleableContent.classList.contains(ClassName$4.D_NONE)) {
	      this.toggleableContent.classList.remove(ClassName$4.D_NONE);
	    }
	  }

	  /**
	   * Check if the interactive feature needs to be disabled in mobile.
	   * This is used to disable the interactive feature in mobile for certain components.
	   * @returns {void}
	   * */;
	  _proto.isInteractiveFeatureDisabledInMobile = function isInteractiveFeatureDisabledInMobile() {
	    if (this.el.closest(Selector$7.FEATURED_CARDS)) {
	      this.disableInteractiveFeatureInMobile = true;
	    }
	  }

	  /**
	   * Update the card status.
	   * @param {HTMLElement} target The target element.
	   * @returns {void}
	   * */;
	  _proto.updateCardStatus = function updateCardStatus(target) {
	    this.isCardExpanded = target.getAttribute(Attributes$4.ARIA_EXPANDED) === 'true';
	  }

	  /**
	   * Toggle the interactive feature.
	   */;
	  _proto.toggleInteractive = function toggleInteractive() {
	    var _this2 = this;
	    var isExpanded = this.toggleableContent.classList.contains(ClassName$4.D_NONE);
	    var targetHeight = isExpanded ? this.expandedCardHeight : this.collapsedCardHeight;
	    var ariaExpanded = isExpanded ? 'true' : 'false';
	    var ariaLabel = isExpanded ? this.btnExpandedAriaLabel : this.btnCollapsedAriaLabel;
	    var glyphToRemove = isExpanded ? ClassName$4.GLYPH_ADD : ClassName$4.GLYPH_REMOVE;
	    var glyphToAdd = isExpanded ? ClassName$4.GLYPH_REMOVE : ClassName$4.GLYPH_ADD;
	    if (this.isMultiCardLayout && isExpanded) {
	      this.collapseOtherExpandedCards(isExpanded);
	    }

	    // Set initial styles and attributes
	    this.el.style.height = targetHeight + "px";
	    this.interactiveBtn.setAttribute(Attributes$4.ARIA_EXPANDED, ariaExpanded);
	    this.interactiveBtn.setAttribute(Attributes$4.ARIA_LABEL, ariaLabel);
	    this.glyphSpan.classList.remove(glyphToRemove);
	    this.glyphSpan.classList.add(glyphToAdd);
	    if (!isExpanded) {
	      this.toggleableContent.classList.add(ClassName$4.D_NONE);
	    }
	    setTimeout(function () {
	      // Toggle visibility of content
	      _this2.toggleableContent.classList.toggle(ClassName$4.D_NONE, !isExpanded);
	      if (!_this2.isMultiCardLayout) {
	        _this2.el.style.height = 'unset';

	        // Recalculate and set the height based on current state
	        var newHeight = _this2.el.offsetHeight;
	        _this2.el.style.height = newHeight + "px";

	        // Update height properties to reflect the new state
	        if (isExpanded) {
	          _this2.expandedCardHeight = newHeight;
	        } else {
	          _this2.collapsedCardHeight = newHeight;
	        }
	      }
	    }, DELAY_MS$2);
	  }

	  /**
	   * Initializes and sizes cards as they come into view.
	   * This is because all height calculations require the card to not be hidden.
	   * @param {IntersectionObserverEntry[]} entries Array of entries observed by the IntersectionObserver.
	   */;
	  _proto.handleIntersection = function handleIntersection(entries) {
	    var _this3 = this;
	    entries.forEach(function (entry) {
	      if (!entry.isIntersecting) {
	        _this3.isIntersecting = false;
	        return;
	      }
	      _this3.isIntersecting = true;
	      _this3.init();
	      _this3.handleResize();
	    });
	  }

	  /**
	   * Handle the resize event.
	   */;
	  _proto.handleResize = function handleResize() {
	    if (!this.isIntersecting) return;
	    if (!this.isDesktop.matches && this.disableInteractiveFeatureInMobile) {
	      this.unsetCardHeight();
	    } else {
	      this.init();
	      var newHeight = this.getNewCardHeight();
	      this.collapsedCardHeight = newHeight.collapsedHeight;
	      this.expandedCardHeight = newHeight.expandedHeight;
	      this.el.style.height = (this.isCardExpanded ? this.expandedCardHeight : this.collapsedCardHeight) + "px";
	      this.setExpandedCardHeightDataset();
	    }
	  }

	  /**
	   * Get the new card height after the resize event.
	   * @returns {Object} The new card height.
	   * */;
	  _proto.getNewCardHeight = function getNewCardHeight() {
	    var _this$blockFeatureTit, _this$blockFeatureEye;
	    this.el.style.height = 'unset';
	    var expandedHeight = this.expandedCardHeight;
	    var previousToggleableContentHeight = this.toggleableContentHeight;
	    var previousBlockFeatureTitleHeight = (_this$blockFeatureTit = this.blockFeatureTitleHeight) != null ? _this$blockFeatureTit : 0;
	    var previousBlockFeatureEyebrowHeight = (_this$blockFeatureEye = this.blockFeatureEyebrowHeight) != null ? _this$blockFeatureEye : 0;
	    if (this.isCardExpanded) {
	      this.toggleableContent.classList.add(ClassName$4.D_NONE);
	    }
	    var collapsedHeight = this.el.offsetHeight;
	    if (this.isCardExpanded) {
	      this.toggleableContent.classList.remove(ClassName$4.D_NONE);
	    }
	    this.blockFeatureTitleHeight = this.blockFeatureTitle ? this.blockFeatureTitle.offsetHeight : 0;
	    this.blockFeatureEyebrowHeight = this.blockFeatureEyebrow ? this.blockFeatureEyebrow.offsetHeight : 0;
	    if (this.isMultiCardLayout) {
	      var largestTitleHeight = 0;
	      var largestEyebrowHeight = 0;
	      this.cards.forEach(function (card) {
	        var blockFeatureTitle = card.querySelector(Selector$7.BLOCK_FEATURE_TITLE);
	        var blockFeatureEyebrow = card.querySelector(Selector$7.BLOCK_FEATURE_EYEBROW);
	        if (blockFeatureTitle) {
	          largestTitleHeight = Math.max(largestTitleHeight, blockFeatureTitle.offsetHeight);
	        }
	        if (blockFeatureEyebrow) {
	          largestEyebrowHeight = Math.max(largestEyebrowHeight, blockFeatureEyebrow.offsetHeight);
	        }
	      });
	      if (largestTitleHeight > 0) {
	        collapsedHeight = collapsedHeight - this.blockFeatureTitleHeight + largestTitleHeight;
	      }
	      if (largestEyebrowHeight > 0) {
	        collapsedHeight = collapsedHeight - this.blockFeatureEyebrowHeight + largestEyebrowHeight;
	      }
	    }
	    if (!this.isCardExpanded && this.toggleableContent.classList.contains(ClassName$4.D_NONE)) {
	      // Temporarily make the content visible but not affecting the layout to measure its height
	      this.makeContentVisibleButNotAffectingLayout();

	      // Update the toggleable content height with the new measurement
	      this.toggleableContentHeight = this.toggleableContent.offsetHeight;

	      // Revert the content to its original hidden state
	      this.revertContentToOriginalState();

	      // Recalculate the expanded height based on the new content height
	      // Need to be calculated separately for each card in the grouped card container
	      // to account for different content heights. Exapnded state deosn't affect the height of the other cards
	      // so we need to calculate the height of the card based on the content of the card
	      expandedHeight = expandedHeight - previousToggleableContentHeight + this.toggleableContentHeight;
	      expandedHeight = expandedHeight - previousBlockFeatureTitleHeight + this.blockFeatureTitleHeight;
	      expandedHeight = expandedHeight - previousBlockFeatureEyebrowHeight + this.blockFeatureEyebrowHeight;
	    } else {
	      this.toggleableContentHeight = this.toggleableContent.offsetHeight;
	      expandedHeight = this.el.offsetHeight;
	    }
	    return {
	      collapsedHeight: collapsedHeight,
	      expandedHeight: expandedHeight
	    };
	  }

	  /**
	   * Collapse other expanded cards in the grouped card container.
	   * @param {boolean} isExpanded The current state of the card.
	   * @returns {void}
	   * */;
	  _proto.collapseOtherExpandedCards = function collapseOtherExpandedCards(isExpanded) {
	    var _this4 = this;
	    if (isExpanded) {
	      var expandedBtn = this.groupedCardContainer.querySelector("[" + Attributes$4.ARIA_EXPANDED + "=\"true\"]");
	      if (expandedBtn) {
	        var expandedCard = expandedBtn.closest(Selector$7.DATA_MOUNT);
	        if (expandedCard) {
	          var toggleableContent = expandedCard.querySelector(Selector$7.BLOCK_FEATURE_PARAGRAPH);
	          if (toggleableContent) {
	            var glyphSpan = expandedBtn.querySelector(Selector$7.GLYPH_SPAN);

	            // Set initial styles and attributes
	            expandedBtn.setAttribute(Attributes$4.ARIA_EXPANDED, 'false');
	            expandedBtn.setAttribute(Attributes$4.ARIA_LABEL, this.btnCollapsedAriaLabel);
	            glyphSpan.classList.remove(ClassName$4.GLYPH_REMOVE);
	            glyphSpan.classList.add(ClassName$4.GLYPH_ADD);
	            expandedCard.style.height = this.collapsedCardHeight + "px";
	            toggleableContent.classList.add(ClassName$4.D_NONE);
	          }
	        }
	      }
	    }
	    this.cards.forEach(function (card) {
	      var toggleableContent = card.querySelector(Selector$7.BLOCK_FEATURE_PARAGRAPH);
	      if (toggleableContent && !toggleableContent.classList.contains(ClassName$4.D_NONE)) {
	        var interactiveBtn = card.querySelector(Selector$7.INTERACTIVE_BTN);
	        var _glyphSpan = interactiveBtn.querySelector(Selector$7.GLYPH_SPAN);
	        var glyphToRemove = ClassName$4.GLYPH_ADD;
	        var glyphToAdd = ClassName$4.GLYPH_REMOVE;

	        // Set initial styles and attributes
	        interactiveBtn.setAttribute(Attributes$4.ARIA_EXPANDED, 'false');
	        interactiveBtn.setAttribute(Attributes$4.ARIA_LABEL, _this4.btnCollapsedAriaLabel);
	        _glyphSpan.classList.remove(glyphToRemove);
	        _glyphSpan.classList.add(glyphToAdd);
	        toggleableContent.classList.add(ClassName$4.D_NONE);
	      }
	    });
	  }

	  /**
	   * Unset the card height.
	   * @returns {void}
	   * */;
	  _proto.unsetCardHeight = function unsetCardHeight() {
	    this.el.style.height = 'unset';
	  }

	  /**
	   * Make the content visible but not affecting layout.
	   * This is used to calculate the height of the card when the content is expanded.
	   * The content is then reverted to its original state.
	   * @returns {void}
	   * */;
	  _proto.makeContentVisibleButNotAffectingLayout = function makeContentVisibleButNotAffectingLayout() {
	    this.toggleableContent.parentElement.classList.add(ClassName$4.POSITION_RELATIVE);
	    this.toggleableContent.parentElement.classList.add(ClassName$4.WIDTH_100);
	    this.toggleableContent.classList.add(ClassName$4.POSITION_ABSOLUTE, ClassName$4.INVISIBLE);
	    this.toggleableContent.classList.remove(ClassName$4.D_NONE);
	  }

	  /**
	   * Revert the content to its original state.
	   * @returns {void}
	   * */;
	  _proto.revertContentToOriginalState = function revertContentToOriginalState() {
	    this.toggleableContent.parentElement.classList.remove(ClassName$4.POSITION_RELATIVE);
	    this.toggleableContent.parentElement.classList.remove(ClassName$4.WIDTH_100);
	    this.toggleableContent.classList.add(ClassName$4.D_NONE);
	    this.toggleableContent.classList.remove(ClassName$4.POSITION_ABSOLUTE, ClassName$4.INVISIBLE);
	  }

	  /**
	   * Update the card height.
	   * @param {number} newHeight The new height of the card.
	   * @returns {void}
	   * */;
	  _proto.updateCardHeight = function updateCardHeight(newHeight) {
	    this.el.style.height = 'unset';
	    newHeight = this.el.offsetHeight;
	    this.el.style.height = newHeight + "px";
	  }

	  /**
	   * Set the data-expanded-card-height attribute.
	   * DO NOT CALL THIS FUNCTION FROM init(). USE handleResize() INSTEAD.
	   * handleResize() is called on page load from handleIntersection() and on resize event.
	   * @returns {void}
	   * */;
	  _proto.setExpandedCardHeightDataset = function setExpandedCardHeightDataset() {
	    this.el.dataset.expandedCardHeight = this.expandedCardHeight;
	  }

	  /**
	   * Generate an ID.
	   * @param {string} prefix The prefix to use.
	   * @returns {string} The generated ID.
	   */;
	  _proto.generateUniqueId = function generateUniqueId(prefix) {
	    if (prefix === void 0) {
	      prefix = 'ocr-';
	    }
	    var generateId = function generateId() {
	      return "" + prefix + Math.random().toString(36).slice(2, 11);
	    };
	    var id = generateId();
	    var attempts = 0;
	    var maxAttempts = 20;

	    // Loop to ensure the generated ID is unique by checking if it already exists in the DOM
	    while (document.getElementById(id) && attempts < maxAttempts) {
	      id = generateId(); // Generate a new ID if the previous one exists
	      attempts++;
	    }
	    return id;
	  }

	  /**
	   * Update the instance.
	   * Not currently used, but required by API standards.
	   */;
	  _proto.update = function update() {
	    this.el.dispatchEvent(this[EventName$8.ON_UPDATE]);
	  }

	  /**
	   * Remove the instance
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);

	    // Remove this reference from the array of instances.
	    var index = instances$5.indexOf(this);
	    instances$5.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$8.ON_REMOVE] = new CustomEvent(EventName$8.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$8.ON_REMOVE]);
	  }

	  /**
	   * Get Card Interactive instances.
	   * @returns {Card[]} An array of Card Interactive instances
	   */;
	  CardInteractive.getInstances = function getInstances() {
	    return instances$5;
	  };
	  return CardInteractive;
	}();

	/** Card Interactive END */

	var instances$4 = [];

	/**
	 * HTML Attributes.
	 * @enum {string}
	 */
	var Attributes$3 = {
	  ARIA_EXPANDED: 'aria-expanded',
	  DATA_EXPANDED_CARD_HEIGHT: 'data-expanded-card-height'
	};

	/**
	 * CSS Classes.
	 * @enum {string}
	 */
	var ClassName$3 = {
	  D_NONE: 'd-none'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$7 = {
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate',
	  RESIZE: 'resize'
	};

	/**
	 * CSS selector.
	 * @enum {string}
	 */
	var Selector$6 = {
	  DATA_MOUNT: '[data-mount="featured-cards-interactive"]',
	  FEATURED_CARDS: '.featured-cards',
	  INTERACTIVE_BTN: '.interactive-btn',
	  CARD_MEDIA: '.featured-cards__card-media',
	  FEATURED_CARDS_CONTAINER: '.featured-cards__cards',
	  CARD_INTERACTIVE: '[data-mount="card-interactive"]',
	  FEATURED_CARDS_DEFAULT_MEDIA: '.featured-cards__default-media'
	};
	var DELAY_MS$1 = 500;
	var FeaturedCardsInteractive = /*#__PURE__*/function () {
	  /**
	   * Initializes a new instance of the Featured Cards Interactive Feature.
	   * @param {{ el: HTMLElement }} opts Initialization options.
	   */
	  function FeaturedCardsInteractive(opts) {
	    /**
	     * Root element.
	     * @type {HTMLElement}
	     */
	    this.el = void 0;
	    /**
	     * Event bindings.
	     * @type {{ el: Element, handler: (...args: unknown[]) => unknown, type: string}[]} */
	    this.events = [];
	    /**
	     * Observers.
	     * @type {(ResizeObserver | IntersectionObserver | MutationObserver)[]}
	     */
	    this.observers = [];
	    this.el = opts.el;
	    this.isDesktop = window.matchMedia("(min-width: " + ViewPort.MD + "px)");
	    this.isLargeDesktop = window.matchMedia("(min-width: " + ViewPort.XL + "px)");
	    /**
	     * The list of buttons that will toggle the content.
	     */
	    this.interactiveBtnList = this.el.querySelectorAll(Selector$6.INTERACTIVE_BTN);
	    this.cardMediaList = this.el.querySelectorAll(Selector$6.CARD_MEDIA);
	    this.cardsContainer = this.el.querySelector(Selector$6.FEATURED_CARDS_CONTAINER);
	    this.interactiveCards = this.el.querySelectorAll(Selector$6.CARD_INTERACTIVE);
	    this.cardsCount = this.interactiveCards.length;
	    this.cardCounter = 0;
	    this.currentHeight = 0;
	    this.timeoutId = null;
	    this.featuredCardsDefaultMedia = this.el.querySelector(Selector$6.FEATURED_CARDS_DEFAULT_MEDIA);
	    this.featuredCardsDefaultMediaImgElem = this.featuredCardsDefaultMedia ? this.featuredCardsDefaultMedia.querySelector('img') : null;
	    this.initObservers();
	    this.init();
	    this.events.push({
	      el: document.defaultView,
	      handler: debounce(DELAY_MS$1, this.handleResize.bind(this)),
	      type: EventName$7.RESIZE
	    });
	    instances$4.push(this);
	    if (this.events.length) {
	      Util$1.addEvents(this.events);
	    }
	  }

	  /**
	   * Initialize observers.
	   * @returns {void}
	   * */
	  var _proto = FeaturedCardsInteractive.prototype;
	  _proto.initObservers = function initObservers() {
	    var _this = this;
	    // Add a mutation observer to all the interactive buttons to look for aria-expanded attribute changes
	    var interactiveBtnMutationObserver = new MutationObserver(function (mutations) {
	      mutations.forEach(function (mutation) {
	        if (mutation.attributeName === Attributes$3.ARIA_EXPANDED) {
	          var target = mutation.target;
	          _this.updateImage(target);
	        }
	      });
	    });

	    //  add mutation observer to each of the interactive button
	    this.interactiveBtnList.forEach(function (btn) {
	      interactiveBtnMutationObserver.observe(btn, {
	        attributes: true
	      });
	      _this.observers.push(interactiveBtnMutationObserver);
	    });

	    // Add a mutation observer to all the interactive cards to look for data-expanded-card-height attribute changes
	    var interactiveCardsMutationObserver = new MutationObserver(function (mutations) {
	      mutations.forEach(function (mutation) {
	        if (mutation.attributeName === Attributes$3.DATA_EXPANDED_CARD_HEIGHT) {
	          var target = mutation.target;
	          _this.setTheHeightOfDefaultImage(target);
	        }
	      });
	    });

	    //  add mutation observer to each of the interactive cards
	    this.interactiveCards.forEach(function (card) {
	      interactiveCardsMutationObserver.observe(card, {
	        attributes: true
	      });
	      _this.observers.push(interactiveCardsMutationObserver);
	    });
	  }

	  /**
	   * Initialize the layout.
	   * @returns {void}
	   * */;
	  _proto.init = function init() {
	    var _this2 = this;
	    // Set the padding of the parent container to 0
	    this.el.closest(Selector$6.FEATURED_CARDS).style.padding = '0';
	    if (this.cardsContainer) {
	      // Wait for the cards to get initialized and then align them to the bottom
	      setTimeout(function () {
	        _this2.setCardContainerFlexLayout();
	      }, 1000);
	    }
	  }

	  /**
	   * Update the image based on the aria-expanded attribute
	   * @param {HTMLElement} target The target element
	   * @returns {void}
	   * */;
	  _proto.updateImage = function updateImage(target) {
	    var isExpanded = target.getAttribute(Attributes$3.ARIA_EXPANDED) === 'true';
	    // get the index of the button that was clicked
	    var index = Array.from(this.interactiveBtnList).indexOf(target);
	    if (!this.featuredCardsDefaultMediaImgElem || !this.cardMediaList[index]) return;

	    // hide or show the image based on the aria-expanded attribute
	    if (isExpanded) {
	      this.cardMediaList[index].classList.remove(ClassName$3.D_NONE);
	      this.featuredCardsDefaultMedia.style.opacity = 0;
	    } else {
	      this.cardMediaList[index].classList.add(ClassName$3.D_NONE);
	      this.featuredCardsDefaultMedia.style.opacity = 1;
	    }
	  }

	  /**
	   * Handle the resize event.
	   */;
	  _proto.handleResize = function handleResize() {
	    this.setCardContainerFlexLayout();
	    this.updateDefaultImageOnMobile();
	  }

	  /**
	   * Set the flex layout of the card container based on the screen size.
	   */;
	  _proto.setCardContainerFlexLayout = function setCardContainerFlexLayout() {
	    if (!this.cardsContainer) return;
	    if (this.isDesktop.matches) {
	      this.cardsContainer.style.alignItems = 'flex-end';
	    } else {
	      this.cardsContainer.style.alignItems = 'unset';
	    }
	  }

	  /**
	   * Reset the opacity & height of default image on mobile.
	   */;
	  _proto.updateDefaultImageOnMobile = function updateDefaultImageOnMobile() {
	    if (!this.featuredCardsDefaultMediaImgElem) return;
	    if (!this.isDesktop.matches) {
	      this.featuredCardsDefaultMedia.style.opacity = 1;
	      this.featuredCardsDefaultMediaImgElem.style.height = 'auto';
	    }
	  }

	  /**
	   * Set the height of the default image based on the expanded card height
	   * @returns {void}
	   * */;
	  _proto.setTheHeightOfDefaultImage = function setTheHeightOfDefaultImage(target) {
	    var _this3 = this;
	    // provided by design team, this will make sure there is enough space above the expanded card
	    var imageSafePadding = this.isLargeDesktop.matches ? 400 : 300;
	    this.cardCounter++;

	    // if the cardCounter is 1, set a timeout to reset the card counter and current height
	    // mostly to handle any unexpected behavior, in case the obesrver doesn't run for all the interactive cards
	    // the conditon `this.cardCounter === this.cardsCount` will never execute, if the observer doesn't run for all the interactive cards
	    if (this.cardCounter === 1) {
	      this.timeoutId = setTimeout(function () {
	        _this3.cardCounter = 0;
	        _this3.currentHeight = 0;
	      }, 5000);
	    }
	    if (this.featuredCardsDefaultMediaImgElem) {
	      var expandedCardHeight = parseInt(target.getAttribute(Attributes$3.DATA_EXPANDED_CARD_HEIGHT), 10);
	      if (expandedCardHeight && expandedCardHeight > this.currentHeight) {
	        this.currentHeight = expandedCardHeight;
	      }
	    }

	    // update the height of the default image, once all the interactive cards have been observed
	    if (this.cardCounter === this.cardsCount) {
	      this.featuredCardsDefaultMediaImgElem.style.height = this.currentHeight + imageSafePadding + "px";
	      this.cardCounter = 0;
	      this.currentHeight = 0;
	      clearTimeout(this.timeoutId);
	    }
	  }

	  /**
	   * Update the instance.
	   * Not currently used, but required by API standards.
	   */;
	  _proto.update = function update() {
	    this.el.dispatchEvent(this[EventName$7.ON_UPDATE]);
	  }

	  /**
	   * Remove the instance
	   */;
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);
	    // Remove this reference from the array of instances.
	    var index = instances$4.indexOf(this);
	    instances$4.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$7.ON_REMOVE] = new CustomEvent(EventName$7.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$7.ON_REMOVE]);
	  }

	  /**
	   * Get Featured Card instances.
	   * @returns {Card[]} An array of Card Interactive instances
	   */;
	  FeaturedCardsInteractive.getInstances = function getInstances() {
	    return instances$4;
	  };
	  return FeaturedCardsInteractive;
	}();

	/** Featured Card Interactive END */

	var $ = _export;
	var createHTML = createHtml;
	var forcedStringHTMLMethod = stringHtmlForced;

	// `String.prototype.link` method
	// https://tc39.es/ecma262/#sec-string.prototype.link
	$({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {
	  link: function link(url) {
	    return createHTML(this, 'a', 'href', url);
	  }
	});

	var instances$3 = [];
	var Selector$5 = {
	  DATA_MOUNT: '[data-mount="clipboard-share"]',
	  LINK: '.link',
	  LINK_TEXT: '.link__text',
	  ICON: '.ocr-icon .glyph-prepend'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$6 = {
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate',
	  ON_CLICK: 'click',
	  ON_KEYDOWN: 'keydown'
	};

	/**
	 * Element Attribute name.
	 * @enum {string}
	 */
	var Attributes$2 = {
	  ROLE: 'role'
	};

	/**
	 * CSS classes.
	 * @enum {string}
	 */
	var Classes = {
	  INITIAL_GLYPH: 'glyph-prepend-copy',
	  COPIED_GLYPH: 'glyph-prepend-check-mark'
	};

	/**
	 * Constructor for the ClipboardShare class.
	 * Initializes the ClipboardShare instance with the provided options and sets up event handlers.
	 *
	 * @param {Object} opts - The options for initializing the ClipboardShare instance.
	 */
	var ClipboardShare = /*#__PURE__*/function () {
	  function ClipboardShare(opts) {
	    this.events = [];
	    this.el = opts.el;
	    this.link = this.el.querySelector(Selector$5.LINK);
	    this.authoredText = '';
	    if (this.link) {
	      this.linkText = this.link.querySelector(Selector$5.LINK_TEXT);
	      this.icon = this.link.querySelector(Selector$5.ICON);
	      this.link.setAttribute(Attributes$2.ROLE, 'button');
	    }
	    this.events.push({
	      el: this.el,
	      handler: this.handleClick.bind(this),
	      type: EventName$6.ON_CLICK
	    }, {
	      el: this.el,
	      handler: this.handleKeyDown.bind(this),
	      type: EventName$6.ON_KEYDOWN
	    });
	    Util$1.addEvents(this.events);
	    instances$3.push(this);
	  }
	  var _proto = ClipboardShare.prototype;
	  _proto.handleKeyDown = function handleKeyDown(e) {
	    if (Util$1.getKeyCode(e) === Util$1.keyCodes.SPACE) {
	      this.handleClick(e);
	    }
	  };
	  _proto.handleClick = function handleClick(e) {
	    var _this = this;
	    e.preventDefault();

	    // save the original authored text and prevent overwriting by multiple clicks in a short time
	    if (this.authoredText === '') {
	      this.authoredText = this.linkText.textContent;
	    }
	    if (navigator.clipboard && this.linkText && this.icon) {
	      try {
	        var url = window.location.href;
	        navigator.clipboard.writeText(url.split('#')[0]);
	        this.icon.classList.remove(Classes.INITIAL_GLYPH);
	        this.icon.classList.add(Classes.COPIED_GLYPH);
	        this.linkText.textContent = this.el.dataset.copiedText;
	        this.link.ariaLabel = this.el.dataset.copiedText;

	        // Clear any existing reset timer
	        if (this.resetTimer) {
	          clearTimeout(this.resetTimer);
	        }

	        // Reset after 30 seconds
	        this.resetTimer = setTimeout(function () {
	          _this.icon.classList.remove(Classes.COPIED_GLYPH);
	          _this.icon.classList.add(Classes.INITIAL_GLYPH);
	          _this.linkText.textContent = _this.authoredText;
	          _this.link.ariaLabel = _this.authoredText;
	          // reset the authored text to empty
	          _this.authoredText = '';
	        }, 30000);
	      } catch (_unused) {
	        this.linkText.textContent = this.el.dataset.copiedErrorText;
	      }
	    } else {
	      this.linkText.textContent = this.el.dataset.copiedErrorText;
	    }
	  }

	  /**
	   * Dispatches the update event.
	   */;
	  _proto.update = function update() {
	    this.el.dispatchEvent(ClipboardShare[EventName$6.ON_UPDATE]);
	  }

	  /**
	   * Removes the ClipboardShare instance.
	   * Removes the event handlers, removes the instance from the instances array, and dispatches the remove event.
	   */;
	  _proto.remove = function remove() {
	    var index = this.constructor.getInstances().indexOf(this);
	    Util$1.removeEvents(this.events);
	    this.constructor.getInstances().splice(index, 1);
	    this.el.dispatchEvent(ClipboardShare[EventName$6.ON_REMOVE]);
	  };
	  ClipboardShare.getInstances = function getInstances() {
	    return instances$3;
	  };
	  return ClipboardShare;
	}();

	var Selector$4 = {
	  DATA_MOUNT: '[data-mount="sticky"]',
	  DATA_COMPONENT_ID: '[data-component-id]',
	  DATA_BLADE_TYPE: '[data-ocr-type="blade"]',
	  DROPDOWN_ITEM: '.menu-list__item-link',
	  ANCHOR: '.anchor',
	  DROPDOWN_DATA_MOUNT: '[data-mount="m365-dropdown"]',
	  DROPDOWN_MENU: '.dropdown-menu',
	  SECONDARY_NAV: '.secondary-nav',
	  NAV_TAG: '.secondary-sticky-nav nav',
	  JUMPLINKS: '.jumplinks-item__link',
	  SECONDARY_NAV_CONTAINER: '.container',
	  NAV_TITLE: '.block-feature__title',
	  STICKY_NAV: 'nav.container',
	  LIST_ITEM_INNER: '.list-item__inner'
	};
	var Attribute$1 = {
	  HREF: 'href',
	  ARIA_CURRENT: 'aria-current',
	  ARIA_EXPANDED: 'aria-expanded',
	  ARIA_LABEL: 'aria-label',
	  ROLE: 'role',
	  TABINDEX: 'tabindex',
	  CLASS: 'class',
	  ID: 'id',
	  DATA_GENERATE_REGION_SR_TEXT: 'data-generate-region-sr-text',
	  DATA_MOUNT: 'data_mount',
	  DATA_TARGET: 'data-target',
	  DATA_ACTIVE_CLASS: 'data-active-class',
	  ARIA_LABELLED_BY: 'aria-labelledby'
	};
	var AttributeValue = {
	  SCROLLSPY: 'ocr-scrollspy'
	};
	var EventName$5 = {
	  ON_SHOW: 'onShow'
	};
	var ClassName$2 = {
	  SHOW: 'show',
	  ACTIVE: 'active',
	  SELECTED: 'selected',
	  STICKY_CONTAINED: 'sticky--contained',
	  STICKY_NAV_CONTAINED: 'sticky-nav--contained'
	};
	var instances$2 = [];

	// setup scrollspy for updating item sections on scroll event
	function _setScrollSpy() {
	  if (!document.querySelector(Selector$4.NAV_TAG)) {
	    return;
	  }
	  var bodyElement = document.querySelector('body'); // set scrollspy on body
	  bodyElement.setAttribute(Attribute$1.DATA_MOUNT, AttributeValue.SCROLLSPY);
	  bodyElement.setAttribute(Attribute$1.DATA_TARGET, "#" + document.querySelector(Selector$4.NAV_TAG).getAttribute(Attribute$1.ID));
	  bodyElement.setAttribute(Attribute$1.DATA_ACTIVE_CLASS, ClassName$2.SELECTED);
	  var scrollspyInstance = new OcrScrollspy({
	    el: bodyElement
	  });
	  scrollspyInstance.update();
	}
	function _getNextSibling(elem, selector) {
	  // Get the next sibling element
	  var sibling = elem.nextElementSibling;

	  // If there's no selector, return the first sibling
	  if (!selector) return sibling;

	  // If the sibling matches our selector, use it
	  // If not, jump to the next sibling and continue the loop
	  while (sibling) {
	    if (sibling.matches(selector)) return sibling;
	    sibling = sibling.nextElementSibling;
	  }
	}
	function _getClosestSiblingBlade(authoredElemWithId) {
	  var closestDataComponent = authoredElemWithId.closest(Selector$4.DATA_COMPONENT_ID);
	  var closestAnchor = authoredElemWithId.closest(Selector$4.ANCHOR);
	  if (closestDataComponent) {
	    return _getNextSibling(closestDataComponent, Selector$4.DATA_BLADE_TYPE);
	  }

	  // If the authored element with id is an AEM anchor link outside the blade.
	  if (closestAnchor) {
	    return _getNextSibling(closestAnchor, Selector$4.DATA_BLADE_TYPE);
	  }
	}
	function _setIdToComponentContainer() {
	  for (var i = 0; i < this.dropdownItems.length; i++) {
	    var item = this.dropdownItems[i];
	    var targetHref = item.getAttribute(Attribute$1.HREF);
	    var screenReaderText = item.getAttribute(Attribute$1.ARIA_LABEL) || item.textContent.trim();
	    if (targetHref) {
	      var targetId = targetHref.split('#')[1];
	      var authoredElemWithId = document.getElementById(targetId);
	      if (authoredElemWithId) {
	        var spanElem = document.createElement('span');
	        spanElem.setAttribute(Attribute$1.CLASS, 'sr-only');
	        spanElem.textContent = screenReaderText;
	        var closestBladeCtn = authoredElemWithId.closest(Selector$4.DATA_BLADE_TYPE);
	        var targetRole = authoredElemWithId.getAttribute(Attribute$1.ROLE);
	        if (!closestBladeCtn) {
	          // this is a special case where the authored element with id is an AEM anchor link outside the blade.
	          closestBladeCtn = _getClosestSiblingBlade(authoredElemWithId);
	        }
	        if (closestBladeCtn) {
	          _setAttributesAndPrependElement(closestBladeCtn, spanElem, targetId, this.generateRegionSRTextFromStickyNav);
	          authoredElemWithId.removeAttribute(Attribute$1.ID);
	        } else {
	          _setAttributesAndPrependElement(authoredElemWithId, spanElem, null, this.generateRegionSRTextFromStickyNav);
	        }
	        if (authoredElemWithId.tagName !== 'SECTION' && targetRole !== null && targetRole !== 'region') {
	          authoredElemWithId.setAttribute(Attribute$1.ROLE, 'region');
	        }
	      }
	    }
	  }
	  var dropDownExts = DropdownExtension.getInstances();
	  if (dropDownExts.length) {
	    dropDownExts.forEach(function (dropDownExt) {
	      dropDownExt.update();
	    });
	  }
	}
	function _setAttributesAndPrependElement(element, spanElem, targetId, generateRegionSRTextFromStickyNav) {
	  if (!element) return;
	  if (targetId) {
	    element.setAttribute(Attribute$1.ID, targetId);
	  }
	  element.setAttribute(Attribute$1.TABINDEX, '-1');
	  if (generateRegionSRTextFromStickyNav) {
	    element.prepend(spanElem);
	  }
	}
	function _updateFlyoutPosition() {
	  var _this = this;
	  var dropdown = this.el.querySelector(Selector$4.DROPDOWN_DATA_MOUNT);
	  var dropdownMenu = this.el.querySelector(Selector$4.DROPDOWN_MENU);
	  var stickyNav = this.el.querySelector(Selector$4.STICKY_NAV);
	  var viewports = ['sm', 'xs'];
	  if (!dropdown) {
	    return;
	  }
	  if (viewports.includes(DetectionUtil.detectViewport())) {
	    if (stickyNav) {
	      stickyNav.style = '';
	      stickyNav.classList.remove(ClassName$2.STICKY_NAV_CONTAINED);
	    }
	    if (this.dropdownList && this.dropdownList.length > 0) {
	      this.dropdownList.forEach(function (dropDownExt) {
	        dropdownMenu.style.minWidth = 'initial';
	        dropDownExt.update();
	        dropDownExt.parent = _this.el;
	      });
	      dropdownMenu.classList.remove(ClassName$2.SHOW);
	    }
	  } else if (dropdownMenu) {
	    dropdownMenu.style.cssText = '';
	  }
	}
	function _setAriaLabelledBy() {
	  var _this$el$closest;
	  var title = (_this$el$closest = this.el.closest(Selector$4.SECONDARY_NAV_CONTAINER)) == null ? void 0 : _this$el$closest.querySelector(Selector$4.NAV_TITLE);
	  if (title) {
	    title.setAttribute(Attribute$1.ID, this.el.getAttribute(Attribute$1.ARIA_LABELLED_BY));
	  }
	}

	/**
	 * Class to handle sticky component.
	 */
	var OcrSticky = /*#__PURE__*/function () {
	  function OcrSticky(opts) {
	    var _this2 = this;
	    this.el = opts.el;
	    _setScrollSpy.call(this);
	    _setAriaLabelledBy.call(this);
	    this.dropdownItems = this.el.querySelectorAll(Selector$4.DROPDOWN_ITEM);
	    if (this.dropdownItems.length === 0) {
	      this.dropdownItems = this.el.querySelectorAll(Selector$4.JUMPLINKS);
	    }
	    this.generateRegionSRTextFromStickyNav = this.el.getAttribute(Attribute$1.DATA_GENERATE_REGION_SR_TEXT) === 'true';
	    this.viewport = DetectionUtil.detectViewport();
	    _setIdToComponentContainer.call(this);
	    instances$2.push(this);
	    new Sticky({
	      el: this.el
	    });
	    var dropDownExts = DropdownExtension.getInstances();
	    this.dropdownList = [];
	    if (dropDownExts.length) {
	      dropDownExts.forEach(function (dropDownExt) {
	        var secondaryNav = dropDownExt.el.closest(Selector$4.SECONDARY_NAV);
	        if (secondaryNav) {
	          dropDownExt.show = function () {
	            this[EventName$5.ON_SHOW] = new CustomEvent(EventName$5.ON_SHOW, {
	              bubbles: true,
	              cancelable: true
	            });
	            this.el.dispatchEvent(this[EventName$5.ON_SHOW]);
	            if (this[EventName$5.ON_SHOW].defaultPrevented) {
	              return;
	            }
	            var windowWidth = document.body.clientWidth;
	            this.shown = true;
	            this.el.classList.add(ClassName$2.ACTIVE);
	            if (this.menu) {
	              this.menu.classList.add(ClassName$2.SHOW);

	              // Store the coordinates of the associated elements for ease of reuse now that the menu has layout
	              this.boundingRect = {
	                el: this.el.getBoundingClientRect(),
	                menu: this.menu.getBoundingClientRect(),
	                parent: this.parent.getBoundingClientRect(),
	                window: {
	                  width: windowWidth
	                }
	              };
	              this.positionMenu();
	            }
	            this.el.setAttribute(Attribute$1.ARIA_EXPANDED, this.shown);
	          };
	          _this2.dropdownList.push(dropDownExt);
	        }
	      });
	    }

	    // Checks to see if the SecondaryNav is the Contained variant
	    if (this.el.classList.contains(ClassName$2.STICKY_CONTAINED)) {
	      var navItems = Array.from(this.dropdownItems);
	      var dropdown = this.el.querySelector(Selector$4.DROPDOWN_DATA_MOUNT);
	      var stickyNav = this.el.querySelector(Selector$4.STICKY_NAV);
	      var trigger = this.el.querySelector(Selector$4.LIST_ITEM_INNER);
	      var dropdownMenu = this.el.querySelector(Selector$4.DROPDOWN_MENU);
	      var viewports = new Set(['sm', 'xs']);
	      if (!stickyNav || !trigger || !dropdownMenu) return;
	      navItems.forEach(function (navItem) {
	        navItem.classList.add('btn', 'btn--circle', 'btn--ghost');
	      });
	      var handleDropdownTrigger = function handleDropdownTrigger(event) {
	        var isEnterKey = event.type === 'keydown' && event.key === 'Enter';
	        var isSpaceKey = event.type === 'keydown' && event.key === ' ';
	        var isClick = event.type === 'click';
	        if ((isEnterKey || isClick || isSpaceKey) && viewports.has(DetectionUtil.detectViewport())) {
	          event.stopPropagation();
	          stickyNav.classList.toggle(ClassName$2.STICKY_NAV_CONTAINED);
	          requestAnimationFrame(function () {
	            dropdownMenu.style = '';
	            if (stickyNav.classList.contains(ClassName$2.STICKY_NAV_CONTAINED)) {
	              dropdownMenu.classList.add(ClassName$2.SHOW);
	              dropdown.setAttribute(Attribute$1.ARIA_EXPANDED, 'true');
	              var dropdownMenuHeight = dropdownMenu.getBoundingClientRect().height;
	              dropdownMenu.style.top = "-" + (dropdownMenuHeight - 100) + "px";
	              stickyNav.style.marginBlockStart = "-" + (dropdownMenuHeight - 28) + "px";
	            } else {
	              dropdownMenu.classList.remove(ClassName$2.SHOW);
	              dropdown.setAttribute(Attribute$1.ARIA_EXPANDED, 'false');
	              stickyNav.removeAttribute('style');
	            }
	          });
	        }
	      };
	      var handleDropdownMenu = function handleDropdownMenu(event) {
	        var isEnterKey = event.type === 'keydown' && event.key === 'Enter';
	        var isClick = event.type === 'click';
	        if ((isEnterKey || isClick) && viewports.has(DetectionUtil.detectViewport())) {
	          stickyNav.classList.remove(ClassName$2.STICKY_NAV_CONTAINED);
	          stickyNav.removeAttribute('style');
	        }
	      };
	      trigger.addEventListener('click', handleDropdownTrigger);
	      dropdown.addEventListener('keydown', handleDropdownTrigger);
	      dropdownMenu.addEventListener('click', handleDropdownMenu);
	      dropdownMenu.addEventListener('keydown', handleDropdownMenu);
	      this.el.style.top = 'var(--sticky-contained-top)';
	    }
	    this.events = [{
	      el: window,
	      type: 'resize',
	      handler: throttle(200, _updateFlyoutPosition.bind(this))
	    }];
	    Util$1.addEvents(this.events);
	  }

	  /**
	   * Get sticky instances.
	   * @returns {Object[]} An array of dropdown instances
	   */
	  OcrSticky.getInstances = function getInstances() {
	    return instances$2;
	  };
	  return OcrSticky;
	}();

	var _EventName$ON_REMOVE, _EventName$ON_UPDATE;

	/**
	 * Initialization options.
	 * @typedef {Object} InitOpts
	 * @property {HTMLElement} el Root element.
	 */

	/**
	 * Event handler.
	 * @callback EventHandler
	 * @param {...unknown} args
	 * @returns {unknown}
	 */

	/**
	 * Event binding.
	 * @typedef {Object} EventBinding
	 * @property {HTMLElement} el Element to bind the event for.
	 * @property {EventHandler} handler Event handler.
	 * @property {string} type Event name.
	 */

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$4 = {
	  ON_REMOVE: 'onRemove',
	  ON_UPDATE: 'onUpdate'
	};

	/** Component base class. */
	_EventName$ON_REMOVE = EventName$4.ON_REMOVE;
	_EventName$ON_UPDATE = EventName$4.ON_UPDATE;
	var ComponentBase = /*#__PURE__*/function () {
	  /**
	   * Initializes a new instance of the component.
	   * @param {InitOpts} opts Initialization options.
	   * @param {EventBinding[]} [events] Event bindings.
	   */
	  function ComponentBase(opts, events) {
	    /**
	     * Root element.
	     * @type {HTMLElement}
	     */
	    this.el = void 0;
	    /**
	     * Event bindings.
	     * @type {EventBinding[]} */
	    this.events = [];
	    if (this.constructor === ComponentBase.prototype.constructor) {
	      throw new Error("Abstract class ComponentBase can't be instantiated.");
	    }
	    this.el = opts.el;
	    if (events) {
	      this.events = this.events.concat(events);
	    }
	    Util$1.addEvents(this.events);
	    this.constructor.getInstances().push(this);
	  }

	  /**
	   * Update the instance.
	   */
	  var _proto = ComponentBase.prototype;
	  _proto.update = function update() {
	    this.el.dispatchEvent(ComponentBase[EventName$4.ON_UPDATE]);
	  }

	  /**
	   * Remove the instance.
	   */;
	  _proto.remove = function remove() {
	    var index = this.constructor.getInstances().indexOf(this);
	    Util$1.removeEvents(this.events);
	    this.constructor.getInstances().splice(index, 1);
	    this.el.dispatchEvent(ComponentBase[EventName$4.ON_REMOVE]);
	  }

	  /**
	   * Get component instances.
	   * @returns {ComponentBase[]} An array of component instances.
	   */;
	  ComponentBase.getInstances = function getInstances() {
	    throw new Error('Abstract method getInstances() must be implemented.');
	  };
	  return ComponentBase;
	}();
	/** onRemove event. */
	ComponentBase[_EventName$ON_REMOVE] = new CustomEvent(EventName$4.ON_REMOVE, {
	  bubbles: true,
	  cancelable: true
	});
	/** onUpdate event. */
	ComponentBase[_EventName$ON_UPDATE] = new CustomEvent(EventName$4.ON_UPDATE, {
	  bubbles: true,
	  cancelable: true
	});

	/**
	 * HTML attribute name.
	 * @enum {string}
	 */
	var AttributeName = {
	  DATA_PARENT: 'data-parent'
	};

	/**
	 * CSS selector.
	 * @enum {string}
	 */
	var Selector$3 = {
	  DATA_MOUNT: '[data-mount="accordion-stepper"]',
	  DATA_MOUNT_COLLAPSE: '[data-mount="collapse"]',
	  ACCORDION_BODY: '.accordion-body',
	  COLLAPSE: '.collapse',
	  SHOW: '.show',
	  COLLAPSE_ACTIVE: '.collapse.show',
	  SECTION_MASTER: '.section-master',
	  LOGO_GRID: '.logo-grid',
	  LOGO_GRID_ITEM: '.logo-grid__item',
	  LOGO_GRID_ITEM_TAB: '.logo-grid__item-tab',
	  LOGO_GRID_ITEM_CONTENT: '.logo-grid__item-content',
	  LOGO_GRID_CONTENT_CONTAINER: '.logo-grid__content-container',
	  CONTAINER: '.container',
	  LOGO_IMG: '.logo-grid__item-tab img'
	};

	/**
	 * Event name.
	 * @enum {string}
	 */
	var EventName$3 = {
	  CLICK: 'click',
	  RESIZE: 'resize',
	  LOAD: 'load',
	  ON_UPDATE: 'onUpdate',
	  ON_REMOVE: 'onRemove'
	};

	/**
	 * Class name.
	 * @enum {string}
	 */
	var ClassName$1 = {
	  SHOW: 'show',
	  COLLAPSED: 'collapsed'
	};

	/**
	 * Attribute name.
	 * @enum {string}
	 */
	var Attributes$1 = {
	  EXPANDED: 'aria-expanded',
	  DISABLED: 'disabled'
	};

	/**
	 * String constants.
	 * @enum {string}
	 */
	var Strings = {
	  EMPTY: '',
	  TRUE: 'true',
	  FALSE: 'false'
	};

	/**
	 * Delay in milliseconds.
	 */
	var DELAY_MS = 200;

	/**
	 * Logo Grid Extension instances.
	 * @type {LogoGrid[]}
	 */
	var instances$1 = [];

	/**
	 * Prevents hide functionality on the Collapse elements.
	 * @param {HTMLElement[]} collapseElems Collapse component elements.
	 * @param {CustomEvent<never>} event Hide custom event.
	 */
	function _handleCollapseHide(collapseElems, event) {
	  // If Popover component is targeted, don't prevent hide functionality.
	  if (!collapseElems.includes(event.target)) {
	    return;
	  }
	  var activeCollapses = 0;
	  for (var i = 0; i < collapseElems.length && activeCollapses < 2; i++) {
	    if (collapseElems[i].matches(Selector$r.ACTIVES)) {
	      activeCollapses++;
	    }
	  }
	  if (activeCollapses < 2) {
	    event.preventDefault();
	  }
	}

	/**
	 * Get the Logo Grid's is stacked or not.
	 * @returns {boolean} True if Logo Grid is stacked, false otherwise.
	 */
	function _getLogoGridIsStacked() {
	  return window.innerWidth < ViewPort.MD;
	}

	/**
	 * Adjusts height of Logo Grid based on active tab content
	 * @param {MouseEvent} event Click event.
	 */
	function _handleTabContentResize(event) {
	  var isStacked = _getLogoGridIsStacked();
	  if (isStacked) {
	    event.preventDefault();
	    return;
	  }
	  var activeTab = event.target.closest(Selector$3.LOGO_GRID_ITEM_TAB);
	  var activeCollapse = activeTab.nextElementSibling;
	  var _activeCollapse$getBo = activeCollapse.getBoundingClientRect(),
	    height = _activeCollapse$getBo.height;
	  var logoGrid = activeCollapse.closest(Selector$3.LOGO_GRID);
	  logoGrid.style.height = 'auto'; // Set height to auto so we can get its original height.
	  logoGrid.style.height = logoGrid.clientHeight + height + "px"; // Add the Logo Grid's height to the original height.
	}

	/**
	 * Generates all events for the Logo Grid Extension.
	 * @param {HTMLElement} el Accordion stepper element.
	 * @param {Object[]} accordionChildren All children of this accordion, containing the Collapse and child Tab Content.
	 * @returns {EventBinding[]} An array of event listeners to attach.
	 */
	function _generateEvents(el, accordionChildren) {
	  var collapseElements = accordionChildren.map(function (child) {
	    return child.collapse.el;
	  });
	  var events = [];
	  var tabElements = el.querySelectorAll(Selector$3.LOGO_GRID_ITEM_TAB);

	  // Add collapse handler.
	  for (var _iterator = _createForOfIteratorHelperLoose(accordionChildren), _step; !(_step = _iterator()).done;) {
	    var child = _step.value;
	    events.push({
	      el: child.collapse.el,
	      type: EventName$o.HIDE,
	      handler: _handleCollapseHide.bind(null, collapseElements)
	    });
	  }

	  // Add tab content handler.
	  for (var _iterator2 = _createForOfIteratorHelperLoose(tabElements), _step2; !(_step2 = _iterator2()).done;) {
	    var tab = _step2.value;
	    events.push({
	      el: tab,
	      type: EventName$3.CLICK,
	      handler: _handleTabContentResize.bind(null)
	    });
	  }
	  return events;
	}

	/**
	 * Initializes the given Collapse.
	 * @param {HTMLElement} el Accordion stepper element.
	 * @param {Collapse} collapse The given collapse object to initialize.
	 * @returns {Object} The accordion child object for the Collapse and its Tab Content.
	 */
	function _initializeCollapse(el, collapse) {
	  // Get data-parent id from Collapse.
	  var parentId = collapse.el.getAttribute(AttributeName.DATA_PARENT);
	  var itemContents = el.querySelectorAll(Selector$3.LOGO_GRID_CONTENT_CONTAINER);

	  // If the parent is this accordion, add the collapse to array.
	  if (parentId === "#" + el.id) {
	    var tabContent = itemContents.forEach(function (item) {
	      return item.el === collapse.el.querySelector(Selector$3.LOGO_GRID_ITEM_CONTENT);
	    });
	    return {
	      collapse: collapse,
	      tabContent: tabContent
	    };
	  }
	}

	/**
	 * Handles resizing of the Section Master by adjusting to the size of the targeted Collapse element.
	 * @param {ResizeObserverEntry[]} entries An array of size changes from the resizeObserver.
	 */
	function _handleCollapseContentsResize(entries) {
	  for (var _iterator3 = _createForOfIteratorHelperLoose(entries), _step3; !(_step3 = _iterator3()).done;) {
	    var entry = _step3.value;
	    if (!entry.target.parentElement.classList.contains(ClassName$1.SHOW)) {
	      continue;
	    }
	    _updateLogoGridHeight(entry.target);
	  }
	}

	/**
	 * Updates the height of the Logo Grid after logo images load complete.
	 * @param {HTMLElement[]} items The items to update the height of the Logo Grid.
	 */
	var _updateLogoGridHeightAfterImageLoaded = debounce(DELAY_MS, function (items) {
	  for (var _iterator4 = _createForOfIteratorHelperLoose(items), _step4; !(_step4 = _iterator4()).done;) {
	    var item = _step4.value;
	    if (!item.parentElement.classList.contains(ClassName$1.SHOW)) {
	      continue;
	    }
	    _updateLogoGridHeight(item);
	  }
	});

	/**
	 * Updates the height of the Logo Grid.
	 * @param {HTMLElement} item The item to update the height of the Logo Grid.
	 */
	function _updateLogoGridHeight(item) {
	  var isStacked = _getLogoGridIsStacked();
	  var parentCollapse = item.closest(Selector$3.COLLAPSE);
	  var _parentCollapse$getBo = parentCollapse.getBoundingClientRect(),
	    height = _parentCollapse$getBo.height;
	  var logoGrid = item.closest(Selector$3.LOGO_GRID);
	  logoGrid.style.height = 'auto'; // Set height to auto so we can get its original height.
	  logoGrid.style.height = logoGrid.clientHeight + height + "px"; // Add the Logo Grid's height to the original height.

	  // When Logo Grid becomes stacked, subtract Logo Grid Content Container's margin-bottom from Logo Grid.
	  if (isStacked) {
	    var contentContainerEl = item.closest(Selector$3.LOGO_GRID_CONTENT_CONTAINER);
	    var contentContainerMb = window.getComputedStyle(contentContainerEl).getPropertyValue('margin-bottom');
	    var marginBottomNum = parseInt(contentContainerMb, 10);
	    logoGrid.style.height = 'auto';
	    logoGrid.style.height = logoGrid.clientHeight - marginBottomNum + "px";
	  }
	}

	/**
	 * Handles resizing of the Section Master by adjusting to the collapse status of the targeted Collapse element.
	 * @param {ResizeObserverEntry[]} entries An array of size changes from the resizeObserver.
	 */
	function _handleCollapseButtonsResize(entries) {
	  var isStacked = _getLogoGridIsStacked();
	  entries.forEach(function (entry) {
	    if (isStacked) {
	      // If Logo Grid is stacked, set all buttons aria-expanded to true.
	      entry.target.setAttribute(Attributes$1.EXPANDED, Strings.TRUE);
	      entry.target.setAttribute(Attributes$1.DISABLED, Strings.EMPTY);
	      return;
	    }

	    // Otherwise, set aria-expanded according to collapse status.
	    if (entries.length !== 1) {
	      var collapsed = entry.target.classList.contains(ClassName$1.COLLAPSED);
	      entry.target.setAttribute(Attributes$1.EXPANDED, collapsed ? Strings.FALSE : Strings.TRUE);
	      entry.target.removeAttribute(Attributes$1.DISABLED);
	    }
	  });
	}

	/** Logo Grid component. */
	var LogoGrid = /*#__PURE__*/function (_ComponentBase) {
	  _inheritsLoose(LogoGrid, _ComponentBase);
	  /**
	   * Initializes a new instance of the Stepper component.
	   * @param {InitOpts} opts Initialization options.
	   */
	  function LogoGrid(opts) {
	    var _this;
	    var el = opts.el;

	    // Get and initialize children of this accordion.
	    var accordionChildren = [];
	    if (window.mwf) {
	      // Should only skip in tests.
	      window.mwf.Collapse.getInstances().forEach(function (collapse) {
	        return accordionChildren.push(_initializeCollapse(el, collapse));
	      });

	      // Filter out undefined accordionChildren from other step containers.
	      accordionChildren.splice.apply(accordionChildren, [0, accordionChildren.length].concat(accordionChildren.filter(function (ac) {
	        return ac !== undefined;
	      })));
	    }

	    // Generate events.
	    var events = _generateEvents(el, accordionChildren);
	    _this = _ComponentBase.call(this, opts, events) || this;

	    // Assign all properties.
	    /**
	     * Accordion stepper element.
	     * @type {HTMLElement}
	     */
	    _this.el = void 0;
	    /**
	     * All children of this accordion, containing the Collapse and its Tab Content.
	     * @type {Object[]}
	     */
	    _this.accordionChildren = void 0;
	    /**
	     * Resize observer for handles resizing of the Section Master by adjusting to the size of the targeted Collapse element.
	     * @type {ResizeObserver | null}
	     */
	    _this.collapseContentsResizeObserver = null;
	    /**
	     * Resize observer for handles collapse status of the targeted Collapse button element.
	     * @type {ResizeObserver | null}
	     */
	    _this.collapseButtonsResizeObserver = null;
	    _this.el = el;
	    _this.accordionChildren = accordionChildren;
	    var itemContents = el.querySelectorAll(Selector$3.LOGO_GRID_CONTENT_CONTAINER);
	    var collapseButtons = el.querySelectorAll(Selector$3.LOGO_GRID_ITEM_TAB + " button" + Selector$3.DATA_MOUNT_COLLAPSE);
	    if (collapseButtons.length === 1) {
	      // If there is only one collapse button, set its disabled attribute.
	      collapseButtons[0].setAttribute(Attributes$1.EXPANDED, Strings.TRUE);
	      collapseButtons[0].setAttribute(Attributes$1.DISABLED, Strings.EMPTY);
	    }

	    // Add event listeners for logo tab images.
	    document.querySelectorAll(Selector$3.LOGO_IMG).forEach(function (logoImage) {
	      logoImage.addEventListener(EventName$3.LOAD, function () {
	        _updateLogoGridHeightAfterImageLoaded(itemContents);
	      }, false);
	    });

	    // Create and attach observer. Should only skip in tests.
	    if (window.ResizeObserver) {
	      var contentsResizeObserver = new ResizeObserver(_handleCollapseContentsResize);
	      for (var _iterator5 = _createForOfIteratorHelperLoose(itemContents), _step5; !(_step5 = _iterator5()).done;) {
	        var itemContent = _step5.value;
	        contentsResizeObserver.observe(itemContent);
	      }
	      _this.collapseContentsResizeObserver = contentsResizeObserver;
	      var buttonsResizeObserver = new ResizeObserver(_handleCollapseButtonsResize);
	      for (var _iterator6 = _createForOfIteratorHelperLoose(collapseButtons), _step6; !(_step6 = _iterator6()).done;) {
	        var collapseButton = _step6.value;
	        buttonsResizeObserver.observe(collapseButton);
	      }
	      _this.collapseButtonsResizeObserver = buttonsResizeObserver;
	    }
	    return _this;
	  }

	  /**
	   * Updates the options of the Stepper instance with those in opts.
	   * @param {InitOpts} opts - Stepper options.
	   * @this {LogoGrid} The Stepper being updated.
	   */
	  var _proto = LogoGrid.prototype;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    if (opts.el) {
	      this.el = opts.el;
	    }

	    // Create and dispatch custom event
	    this[EventName$3.ON_UPDATE] = new CustomEvent(EventName$3.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$3.ON_UPDATE]);
	  }

	  /**
	   * Removes all event listeners and references to the Stepper instance.
	   * @this {LogoGrid} The Stepper being removed.
	   */;
	  _proto.remove = function remove() {
	    var _this$collapseContent, _this$collapseButtons;
	    Util$1.removeEvents(this.events);
	    (_this$collapseContent = this.collapseContentsResizeObserver) == null ? void 0 : _this$collapseContent.disconnect();
	    (_this$collapseButtons = this.collapseButtonsResizeObserver) == null ? void 0 : _this$collapseButtons.disconnect();

	    // Remove this reference from array of instances.
	    var index = instances$1.indexOf(this);
	    instances$1.splice(index, 1);

	    // Create and dispatch custom event.
	    this[EventName$3.ON_REMOVE] = new CustomEvent(EventName$3.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$3.ON_REMOVE]);
	  }

	  /**
	   * Gets Logo Grid component extension instances.
	   * @returns {LogoGrid[]}
	   */;
	  LogoGrid.getInstances = function getInstances() {
	    return instances$1;
	  };
	  return LogoGrid;
	}(ComponentBase);

	var instances = [];
	var Selector$2 = {
	  DATA_MOUNT: '[data-mount="checkbox-dropdown"]',
	  LIST: '.checkbox-dropdown__list',
	  PARENT_CHECKBOX: '.checkbox-dropdown__header input[type="checkbox"]',
	  CHECKBOXES: '.checkbox-dropdown__list input[type="checkbox"]',
	  GLYPH: '.glyph-append',
	  INPUT: '.ocr-input',
	  HEADER_BUTTON: '.checkbox-dropdown__header a'
	};

	/**
	 * JS event name.
	 * @enum {string}
	 */
	var EventName$2 = {
	  ON_INIT: 'onInit',
	  ON_REMOVE: 'onRemove',
	  ON_SELECT: 'onSelect',
	  ON_UPDATE: 'onUpdate',
	  CLICK: 'click',
	  CHANGE: 'change',
	  KEY_DOWN: 'keydown',
	  ON_CHECKBOX_CHECKED: 'onCheckboxChecked',
	  ON_CHECKBOX_UNCHECKED: 'onCheckboxUnchecked'
	};
	var GLYPHS = {
	  UP: 'glyph-append-chevron-up',
	  DOWN: 'glyph-append-chevron-down'
	};
	var handleKeyPress = function handleKeyPress(keys, func) {
	  return function (event) {
	    for (var _iterator = _createForOfIteratorHelperLoose(keys), _step; !(_step = _iterator()).done;) {
	      var key = _step.value;
	      if (event.keyCode === key) {
	        func();
	        event.preventDefault();
	        break;
	      }
	    }
	  };
	};
	var CheckboxDropdown = /*#__PURE__*/function () {
	  function CheckboxDropdown(_ref) {
	    var _this = this;
	    var el = _ref.el;
	    this.el = el;
	    this.events = [];
	    this.dropdownList = this.el.querySelector(Selector$2.LIST);
	    this.checkboxes = this.el.querySelectorAll(Selector$2.CHECKBOXES);
	    this.parentCheckbox = this.el.querySelector(Selector$2.PARENT_CHECKBOX);
	    this.button = this.el.querySelector(Selector$2.HEADER_BUTTON);
	    this.parentCheckbox.id = Util.NewElementUID();
	    var inputs = this.el.querySelectorAll(Selector$2.INPUT);
	    var ids = [];
	    for (var _iterator2 = _createForOfIteratorHelperLoose(inputs), _step2; !(_step2 = _iterator2()).done;) {
	      var input = _step2.value;
	      var checkbox = input.querySelector('input');
	      var label = input.querySelector('label');
	      var id = Util.NewElementUID();
	      checkbox.id = id;
	      label.setAttribute('for', id);
	      ids.push(id);
	    }
	    this.parentCheckbox.setAttribute('aria-controls', ids.map(function (x) {
	      return "" + x;
	    }).join(' '));
	    for (var _iterator3 = _createForOfIteratorHelperLoose(this.checkboxes), _step3; !(_step3 = _iterator3()).done;) {
	      var _checkbox = _step3.value;
	      this.events.push({
	        el: _checkbox,
	        handler: this.onChildCheckboxChanged.bind(this),
	        type: EventName$2.CHANGE
	      });
	    }
	    this.hideDropdownButtonForEmptyList();
	    this.events.push({
	      el: this.parentCheckbox,
	      handler: this.onParentCheckboxChanged.bind(this),
	      type: EventName$2.CHANGE
	    }, {
	      el: this.button,
	      handler: this.onButtonClick.bind(this),
	      type: EventName$2.CLICK
	    }, {
	      el: this.button,
	      handler: handleKeyPress([Util$1.keyCodes.SPACE], function () {
	        _this.button.click();
	      }),
	      type: EventName$2.KEY_DOWN
	    });
	    Util$1.addEvents(this.events);
	    instances.push(this);
	  }
	  var _proto = CheckboxDropdown.prototype;
	  _proto.hideDropdownButtonForEmptyList = function hideDropdownButtonForEmptyList() {
	    var dropdownList = this.dropdownList;
	    var childDivs = Array.from(dropdownList.children).filter(function (child) {
	      return child.tagName === 'DIV';
	    });
	    if (childDivs.length === 0) {
	      this.button.style.visibility = 'hidden';
	    }
	  };
	  _proto.onButtonClick = function onButtonClick() {
	    var isExpanded = this.button.getAttribute('aria-expanded') === 'true';
	    var icon = this.button.querySelector(Selector$2.GLYPH);
	    if (isExpanded) {
	      icon.classList.remove(GLYPHS.DOWN);
	      icon.classList.add(GLYPHS.UP);
	    } else {
	      icon.classList.remove(GLYPHS.UP);
	      icon.classList.add(GLYPHS.DOWN);
	    }
	  };
	  _proto.onParentCheckboxChanged = function onParentCheckboxChanged() {
	    var isEnabled = this.parentCheckbox.checked;
	    for (var _iterator4 = _createForOfIteratorHelperLoose(this.checkboxes), _step4; !(_step4 = _iterator4()).done;) {
	      var checkbox = _step4.value;
	      checkbox.checked = isEnabled;
	    }
	    this.parentCheckbox.indeterminate = false;
	  };
	  _proto.onChildCheckboxChanged = function onChildCheckboxChanged(event) {
	    var checked = 0;
	    for (var _iterator5 = _createForOfIteratorHelperLoose(this.checkboxes), _step5; !(_step5 = _iterator5()).done;) {
	      var checkbox = _step5.value;
	      if (checkbox.checked) checked++;
	    }
	    if (checked === 0) {
	      this.parentCheckbox.checked = false;
	      this.parentCheckbox.indeterminate = false;
	    } else if (checked === this.checkboxes.length) {
	      this.parentCheckbox.checked = true;
	      this.parentCheckbox.indeterminate = false;
	    } else {
	      this.parentCheckbox.checked = false;
	      this.parentCheckbox.indeterminate = true;
	    }
	    this.el.dispatchEvent(new CustomEvent(EventName$2.CLICK, {
	      cancelable: true,
	      bubbles: true,
	      detail: {
	        name: event.target.value,
	        enabled: event.target.checked
	      }
	    }));
	  };
	  _proto.update = function update() {};
	  _proto.remove = function remove() {
	    Util$1.removeEvents(this.events);
	    var index = instances.indexOf(this);
	    instances.splice(index, 1);
	  };
	  CheckboxDropdown.getInstances = function getInstances() {
	    return instances;
	  };
	  return CheckboxDropdown;
	}();

	var JS_INITIALIZED = 'oneCloudReimagineIntialized';
	function initializeComponents() {
	  Util$1.initializeComponent(Selector$N.DATA_MOUNT, function (el) {
	    return new VideoExtension({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$I.DATA_MOUNT, function (el) {
	    return new DropdownExtension({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$q.DATA_MOUNT, function (el) {
	    return new CollapseExtension({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$o.DATA_MOUNT, function (el) {
	    return new CollapseControlsExtension({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$h.DATA_MOUNT, function (el) {
	    return new AlertExtension({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$G.DATA_MOUNT, function (el) {
	    return new SnapCarousel({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$G.DATA_MOUNT_OLD, function (el) {
	    return new SnapCarousel({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$J.DATA_MOUNT, function (el) {
	    return new OcrScrollspy({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$4.DATA_MOUNT, function (el) {
	    return new OcrSticky({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$F.DATA_MOUNT, function (el) {
	    return new DynamicContent({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$z.DATA_MOUNT, function (el) {
	    return new FilterPanelItem({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$D.DATA_MOUNT, function (el) {
	    return new Filters({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$C.DATA_MOUNT, function (el) {
	    return new EventFinder({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$y.DATA_MOUNT, function (el) {
	    return new Pagination({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$E.DATA_MOUNT, function (el) {
	    return new DropdownFilter({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$v.DATA_MOUNT, function (el) {
	    return new DynamicallyAddedFilters({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$u.DATA_MOUNT, function (el) {
	    return new SolutionCenter({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$B.DATA_MOUNT, function (el) {
	    return new TabSlider({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$A.DATA_MOUNT, function (el) {
	    return new Modal({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$3.DATA_MOUNT, function (el) {
	    return new LogoGrid({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$t.DATA_MOUNT, function (el) {
	    return new Icon({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$2.DATA_MOUNT, function (el) {
	    return new CheckboxDropdown({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$l.DATA_MOUNT, function (el) {
	    return new ContactSales({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$n.DATA_MOUNT, function (el) {
	    return new MultiCollapse({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$m.DATA_MOUNT, function (el) {
	    return new MultiCollapseControls({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$s.DATA_MOUNT, function (el) {
	    return new Effects({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$k.DATA_MOUNT, function (el) {
	    return new AISearchForm({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$j.DATA_MOUNT, function (el) {
	    return new AIChatDrawer({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$e.DATA_MOUNT, function (el) {
	    return new ProactiveChat({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$g.DATA_MOUNT, function (el) {
	    return new OcrFixedSticky({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$f.DATA_MOUNT, function (el) {
	    return new Table({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$d.DATA_MOUNT, function (el) {
	    return new Breadcrumbs({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$c.DATA_MOUNT, function (el) {
	    return new RollingText({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$x.DATA_MOUNT, function (el) {
	    return new SingleSelect({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$b.DATA_MOUNT, function (el) {
	    return new SelectorSlider({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$w.DATA_MOUNT, function (el) {
	    return new TimeSlider({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$a.DATA_MOUNT, function (el) {
	    return new CardStat({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$9.DATA_MOUNT, function (el) {
	    return new OcrTab({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$8.DATA_MOUNT, function (el) {
	    return new OcrAccordion({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$7.DATA_MOUNT, function (el) {
	    return new CardInteractive({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$6.DATA_MOUNT, function (el) {
	    return new FeaturedCardsInteractive({
	      el: el
	    });
	  });
	  Util$1.initializeComponent(Selector$5.DATA_MOUNT, function (el) {
	    return new ClipboardShare({
	      el: el
	    });
	  });
	}

	var Selector$1 = {
	  DATA_MOUNT: '[data-mount="fixed-sticky"]',
	  SHOW_STUCK: '.sticky-show-stuck',
	  HIDE_STUCK: '.sticky-hide-stuck'
	};
	var ClassName = {
	  STICKY: 'fixed-sticky',
	  SENTINEL: 'sticky-sentinel',
	  STUCK: 'stuck',
	  GET_HEIGHT: 'get-height',
	  STICKY_TOP: 'sticky-direction-top',
	  STICKY_BOTTOM: 'sticky-direction-bottom'
	};
	var Attribute = {
	  DATA_DIRECTION: 'data-direction',
	  DATA_OBSERVER_BEHAVIOR: 'data-observer-behavior',
	  DATA_SMOOTH_TRANSITION: 'data-smooth-transition'
	};
	var Direction = {
	  TOP: 'top',
	  BOTTOM: 'bottom'
	};
	var EventName$1 = {
	  ON_STUCK: 'onSticky',
	  ON_UNSTUCK: 'onStatic',
	  ON_UPDATE: 'onUpdate',
	  ON_REMOVE: 'onRemove',
	  FOCUS_IN: 'focusin',
	  RESIZE: 'resize'
	};
	var Default = {
	  DIRECTION: 'top'
	};

	/**
	 * @enum {string}
	 */
	var ObserverBehavior = {
	  ALWAYS: 'always',
	  OFF: 'off',
	  SIZE_AWARE: 'size-aware'
	};
	var stickies = [];

	/**
	 * Private functions.
	 */

	/**
	 * Check for the `data-smooth-transition` attribute.
	 * Its presence makes this option `true` unless the value is specifically set to `false`
	 * @param {HTMLElement} node - The element to check for the attribute `data-smooth-transition`
	 * @returns {Boolean} return false if contentDivTarget is null
	 */
	function _hasSmoothTransition(node) {
	  if (node.hasAttribute(Attribute.DATA_SMOOTH_TRANSITION) && node.dataset.smoothTransition !== 'false') {
	    return true;
	  }
	  return false;
	}

	/**
	 * Get the direction of the sticky.
	 * @param {string} str - The string to parse.
	 * @param {string} [defaultValue=top] - The default value to fallback to.
	 * @returns {string} The direction of the sticky.
	 */
	function _getDirection(str, defaultValue) {
	  if (defaultValue === void 0) {
	    defaultValue = Default.DIRECTION;
	  }
	  switch (str) {
	    case 'top':
	    case 'bottom':
	      return str;
	    default:
	      return defaultValue;
	  }
	}

	/**
	 * Handle intersection observer
	 * @this FixedSticky
	 */
	function _onStickyChange() {
	  this.el.classList.toggle(ClassName.STUCK, this.isStuck);
	  _updateContentDivSpacing.bind(this)();
	  _updateScrollPadding.bind(this)();
	}

	/**
	 * Update margin spacing on the element before/after the sticky bar so that overlapping
	 * does not occur when the page bar is fixed. Remove property if it is not stuck
	 * @this FixedSticky
	 */
	function _updateContentDivSpacing() {
	  if (this.contentDivTarget === null) {
	    return;
	  }
	  var adjustNextElementSpacing = this.stickyElementHeight + this.contentDivTargetSpacing;
	  if (this.rootMarginOffset !== 0) {
	    adjustNextElementSpacing -= this.rootMarginOffset;
	  }
	  if (this.isStuck) {
	    this.contentDivTarget.style.setProperty(this.styleProp, adjustNextElementSpacing + 'px', 'important');
	  } else {
	    this.contentDivTarget.style.setProperty(this.styleProp, '');
	  }
	}

	/**
	 * Updates scroll padding so that elements scrolled into view don't stay behind
	 * @this FixedSticky
	 */
	function _updateScrollPadding(removeScrollPadding) {
	  var htmlElement = document.querySelector('html');
	  this.stickyElementHeight = this.el.getBoundingClientRect().height;
	  if (removeScrollPadding) {
	    htmlElement.style.scrollPaddingTop = '0';
	    htmlElement.style.scrollPaddingBottom = '0';
	  }
	  if (this.direction === Direction.TOP) {
	    if (this.isStuck) {
	      htmlElement.style.scrollPaddingTop = this.stickyElementHeight + this.extraScrollPaddingPx + 'px';
	    } else {
	      htmlElement.style.scrollPaddingTop = this.stickyElementHeight + this.rootMarginOffset + this.extraScrollPaddingPx + 'px';
	    }
	  } else if (this.direction === Direction.BOTTOM) {
	    if (this.isStuck) {
	      htmlElement.style.scrollPaddingBottom = this.stickyElementHeight + this.extraScrollPaddingPx + 'px';
	    } else {
	      htmlElement.style.scrollPaddingBottom = this.stickyElementHeight + this.rootMarginOffset + this.extraScrollPaddingPx + 'px';
	    }
	  }
	}

	/**
	 * Triggers a boundary check when focus changes to handle edge cases where Intersection Observer does not fire
	 * Uses focusin because focus does not bubble
	 * @this FixedSticky
	 */
	function _onFocusin() {
	  if (this.enableObserver) {
	    this.isStuck = this.doesSentinelExceedBoundary();
	    this.el.classList.toggle(ClassName.STUCK, this.isStuck);
	    _updateScrollPadding.bind(this)();
	  }
	}

	/**
	  Calculate whether the height of the sticky has exceeded 33% of the viewport height based on height of the sticky's hidden elements and the height of the sticky's visible elements.
	  @returns {boolean} Whether the height of the sticky has exceeded 33% of the viewport height.
	  @this FixedSticky
	*/
	function _stickyExceedsAcceptedHeight() {
	  // Subtracting two additional pixels based on a border that is toggled based on visibility.
	  return (this.hiddenElementsHeight + this.visibleElementsHeight - 2) / window.innerHeight > 0.33;
	}

	/**
	  Set the status of the sticky observer,
	  dependent on configuration and/or height condition
	  @this FixedSticky
	*/
	function _setObserver() {
	  switch (this.observerBehavior) {
	    case ObserverBehavior.OFF:
	      this.setObserverStatus(false);
	      break;
	    case ObserverBehavior.ALWAYS:
	      this.setObserverStatus(true);
	      break;
	    default:
	      if (_stickyExceedsAcceptedHeight.call(this)) {
	        this.setObserverStatus(false);
	      } else {
	        this.setObserverStatus(true);
	      }
	  }
	}

	/**
	 * Validate observer behavior or fall back to default
	 * @param {string} [option] - configuration for observerBehavior
	 * @returns {ObserverBehavior}
	 * @this FixedSticky
	 */
	function _getObserverBehavior(option) {
	  // TODO: remove in v2 - deprecated as of v1.14.0
	  // handle previous `enableObserver: false` and override
	  if (this.enableObserverInitial === false) {
	    return ObserverBehavior.OFF;
	  }
	  var isValid = function isValid(behavior) {
	    return Object.values(ObserverBehavior).includes(behavior);
	  };
	  if (option && isValid(option)) {
	    return option;
	  }
	  if (isValid(this.el.dataset.observerBehavior)) {
	    return this.el.dataset.observerBehavior;
	  }
	  return ObserverBehavior.SIZE_AWARE;
	}

	/**
	  Calculate the combined height of all ".sticky-show-stuck" elements.
	  @returns {number} Combined height of all ".sticky-show-stuck" elements.
	  @this FixedSticky
	*/
	function _getShowStuckHeight() {
	  var _this = this;
	  var hiddenHeight = 0;
	  // Calculate the height of hidden elements when not stuck
	  var showStuck = this.el.querySelectorAll(Selector$1.SHOW_STUCK);
	  if (showStuck && showStuck instanceof NodeList) {
	    // Get the height of all hidden elements
	    showStuck.forEach(function (el, index, list) {
	      hiddenHeight += window.mwf.Util.getElementOuterHeight(el, {
	        cssSelectors: ['margin', 'padding']
	      });
	      // If this is the last item in the node list, remove the CSS hack that displays hidden elements
	      if (index === list.length - 1) {
	        _this.el.classList.remove(ClassName.GET_HEIGHT);
	      }
	    });
	  }
	  return hiddenHeight;
	}

	/**
	  Calculate the height of hidden and visible elements.
	  @returns {Object} Object containing height of hidden and visible elements.
	  @this FixedSticky
	*/
	function _calculateHeights() {
	  this.el.classList.add(ClassName.GET_HEIGHT);
	  var hiddenHeight = _getShowStuckHeight.call(this);
	  var visibleHeight = this.el.offsetHeight;
	  this.el.classList.remove(ClassName.GET_HEIGHT);
	  return {
	    hidden: hiddenHeight,
	    visible: visibleHeight
	  };
	}

	/**
	 * Set value of instances members and DOM node properties depending on the direction instance member
	 * @this FixedSticky
	 */
	function _setDirectionalProps() {
	  if (this.direction === Direction.BOTTOM) {
	    this.el.style.top = null; // prevent interference
	    this.el.style.bottom = '0';
	    this.contentDivTarget = this.el.previousElementSibling;
	    this.contentDivTargetSpacing = this.contentDivTarget ? parseInt(getComputedStyle(this.contentDivTarget).paddingBottom, 10) + parseInt(getComputedStyle(this.contentDivTarget).marginBottom, 10) : 0;
	    this.styleProp = 'margin-bottom';
	    this.el.classList.add(ClassName.STICKY_BOTTOM);
	    this.el.classList.remove(ClassName.STICKY_TOP);
	  } else {
	    // Assume direction is Direction.TOP
	    this.el.style.bottom = null;
	    this.el.style.top = '0';
	    this.contentDivTarget = this.el.nextElementSibling;
	    this.contentDivTargetSpacing = this.contentDivTarget ? parseInt(getComputedStyle(this.contentDivTarget).paddingTop, 10) + parseInt(getComputedStyle(this.contentDivTarget).marginTop, 10) : 0;
	    this.styleProp = 'margin-top';
	    this.el.classList.add(ClassName.STICKY_TOP);
	    this.el.classList.remove(ClassName.STICKY_BOTTOM);
	  }
	}

	/**
	 * Create a new observer instance member, disconnecting the old one if present. Instance member sentinel must already exist
	 * @this FixedSticky
	 */
	function _createObserver() {
	  var _this2 = this;
	  if (this.observer) {
	    this.observer.disconnect();
	  }

	  // If smooth transition is enabled, the`rootMarginOffset` value should reflect the combined height
	  // of all elements hidden prior to the sticky becoming stuck. Adding this value to the rootMargin option
	  // of the intersection observer will allow for the sticky to activate sooner, resulting in a more
	  // seamless transition
	  var observerOptions = {
	    rootMargin: "-" + this.rootMarginOffset + "px 0px 0px 0px"
	  };
	  var onStickyChange = _onStickyChange.bind(this);
	  this.observer = new IntersectionObserver(function (entries) {
	    // fire onStickyChange if not in viewport
	    if (_this2.enableObserver) {
	      var prevState = _this2.isStuck;
	      _this2.isStuck = _this2.doesSentinelExceedBoundary() && !entries[0].isIntersecting;

	      // Check if sticky has changed state from unstuck to stuck and vice versa
	      // in order to trigger custom events
	      if (typeof prevState !== 'undefined' && prevState !== _this2.isStuck) {
	        if (_this2.isStuck) {
	          // Create and dispatch custom event
	          _this2[EventName$1.ON_STUCK] = new CustomEvent(EventName$1.ON_STUCK, {
	            bubbles: true
	          });
	          _this2.el.dispatchEvent(_this2[EventName$1.ON_STUCK]);
	        } else {
	          // Create and dispatch custom event
	          _this2[EventName$1.ON_UNSTUCK] = new CustomEvent(EventName$1.ON_UNSTUCK, {
	            bubbles: true
	          });
	          _this2.el.dispatchEvent(_this2[EventName$1.ON_UNSTUCK]);
	        }
	      }
	      onStickyChange();
	    }
	  }, observerOptions);
	  if (this.sentinel) {
	    this.observer.observe(this.sentinel);
	  }
	}

	/**
	 * Helper function to clear key properties of an instance
	 * @this FixedSticky
	 */
	function _teardownInstance() {
	  window.mwf.Util.removeEvents(this.events);

	  // remove the attribute from the element
	  this.el.classList.remove(ClassName.STICKY);
	  _updateScrollPadding.call(this, [true]);
	  // remove sticky-sentinel element
	  this.sentinel.remove();
	  // disconnect observer
	  this.observer.disconnect();
	}

	/**
	 * Class representing a Sticky Element.
	 */
	var FixedSticky = /*#__PURE__*/function () {
	  /**
	   * Create the Sticky Element
	   * @param {Object} opts - The Sticky Element options.
	   * @param {HTMLElement} opts.el - The Sticky Element DOM node.
	   * @param {string} opts.direction - Whether the Sticky element sticks to the top when scrolled below a certain point (TOP) or sticks to the bottom when scrolled above a certain point (BOTTOM). If not defined, will attempt to read `data-direction` attribute, then defaults TOP
	   * @param {boolean} opts.enableSmoothTransition - Whether to enable a smoother transition to hiding/showing elements as the sticky become stuck. If not defined, will attempt to read `data-smooth-transition` attribute, defaults to false
	   * @param {boolean} opts.enableObserver - deprecated: enable the observer on initialization (defaults to true)
	   * @param {ObserverBehavior} opts.observerBehavior - the behavior of the intersection observer to toggle stuck/unstuck states
	   * @param {number} opts.extraScrollPaddingPx - Extra scroll padding to reduce crowding into sticky bars, defaults to 12px, same as minimal gutters
	   */
	  function FixedSticky(opts) {
	    this.el = opts.el;
	    this.direction = _getDirection(opts.direction || this.el.dataset.direction);
	    this.enableSmoothTransition = typeof opts.enableSmoothTransition === 'boolean' ? opts.enableSmoothTransition : _hasSmoothTransition(this.el);
	    this.extraScrollPaddingPx = typeof opts.extraScrollPaddingPx === 'number' ? opts.extraScrollPaddingPx : 12;
	    this.enableObserver = opts.enableObserver !== false;
	    // Saves the initial value of enable observer status from construction. Is used to flag whether the sticky should be automatically disabled when the height of the sticky exceeds 33% of the viewport
	    // TODO: remove in v2 - deprecated as of v1.14.0
	    this.enableObserverInitial = this.enableObserver;
	    this.observerBehavior = _getObserverBehavior.call(this, opts.observerBehavior);

	    // Add "sticky" class only while initialized to attach style and functionality provided by CSS
	    // Set prior to all height calculations so that styles are applied first
	    this.el.classList.add(ClassName.STICKY);

	    // HTML element with the property data-mount="sticky"
	    // Create a property to hold the value for the sticky element height to be reused in both the _updateContentDivSpacing and _updateScrollPadding functions.
	    this.stickyElementHeight = 0;

	    // Set properties based on the anchor direction
	    this.contentDivTarget = null;
	    this.contentDivTargetSpacing = 0;
	    this.styleProp = '';
	    _setDirectionalProps.call(this);

	    // Add event handlers
	    this.events = [{
	      el: document.body,
	      type: EventName$1.FOCUS_IN,
	      handler: _onFocusin.bind(this)
	    }, {
	      el: window,
	      type: EventName$1.RESIZE,
	      handler: throttle(200, _updateScrollPadding.bind(this))
	    }, {
	      el: window,
	      type: EventName$1.RESIZE,
	      handler: debounce(300, _setObserver.bind(this)),
	      options: {
	        passive: true
	      }
	    }];
	    window.mwf.Util.addEvents(this.events);
	    var _calculateHeights$cal = _calculateHeights.call(this),
	      hiddenElementsHeight = _calculateHeights$cal.hidden,
	      visibleElementsHeight = _calculateHeights$cal.visible;
	    // Adjusts where the sentinel to the intersection observer triggers. Expected to be 0 if smooth transition is disabled.
	    this.rootMarginOffset = this.enableSmoothTransition ? hiddenElementsHeight : 0;
	    this.hiddenElementsHeight = hiddenElementsHeight;
	    this.visibleElementsHeight = visibleElementsHeight;
	    this.sentinel = document.createElement('div');
	    this.sentinel.classList.add(ClassName.SENTINEL);
	    this.el.insertAdjacentElement('beforebegin', this.sentinel);
	    this.isStuck = false;
	    this.observer = null;
	    _createObserver.call(this);
	    _setObserver.call(this);
	    stickies.push(this);
	  }

	  /**
	   * Check if the sentinel Exceeds the boundary
	   * @returns {boolean} State of sentinel boundary
	   */
	  var _proto = FixedSticky.prototype;
	  _proto.doesSentinelExceedBoundary = function doesSentinelExceedBoundary() {
	    var sentinelRect = this.sentinel.getBoundingClientRect();
	    var sentinelTop = sentinelRect.top - this.rootMarginOffset;
	    var sentinelBottom = sentinelRect.bottom;
	    if (this.direction === Direction.TOP && sentinelTop < 0) {
	      return true;
	    }
	    if (this.direction === Direction.BOTTOM && sentinelBottom > window.innerHeight) {
	      return true;
	    }
	    return false;
	  }

	  /**
	   * Set the status (enabled/disabled) of the intersection observer
	   * @param {boolean} status The status to set
	   */;
	  _proto.setObserverStatus = function setObserverStatus(status) {
	    if (this.doesSentinelExceedBoundary()) {
	      _updateScrollPadding.call(this);
	      if (status) {
	        this.el.classList.add(ClassName.STUCK);
	      } else {
	        this.el.classList.remove(ClassName.STUCK);
	      }
	    }
	    this.enableObserver = status;
	  }

	  /**
	   * Updates key aspects the instance
	   * @param {Object} opts - The Sticky options.
	   * @param {string} [opts.direction] - Whether the Sticky element sticks to the top when scrolled below a certain point (TOP) or sticks to the bottom when scrolled above a certain point (BOTTOM). If not defined, will maintain current setting
	   * @param {boolean} [opts.enableSmoothTransition] - Whether to enable a smoother transition to hiding/showing elements as the sticky become stuck. If not defined, will maintain current setting
	   * @param {number} [opts.extraScrollPaddingPx] - Extra scroll padding to reduce crowding into sticky bars. If not define, will maintain current setting
	   * @param {ObserverBehavior} [opts.observerBehavior] - the behavior of the intersection observer to toggle stuck/unstuck states
	   */;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    var updateDirection = typeof opts.direction === 'string' ? _getDirection(opts.direction) : this.direction;
	    var updateEnableSmoothTransition = typeof opts.enableSmoothTransition === 'boolean' ? opts.enableSmoothTransition : this.enableSmoothTransition;
	    var updateExtraScrollPaddingPx = typeof opts.extraScrollPaddingPx === 'number' ? opts.extraScrollPaddingPx : this.extraScrollPaddingPx;
	    var _calculateHeights$cal2 = _calculateHeights.call(this),
	      updateHiddenElementsHeight = _calculateHeights$cal2.hidden,
	      updateVisibleElementsHeight = _calculateHeights$cal2.visible;

	    // update visibleElementsHeight for future calculations
	    this.visibleElementsHeight = updateVisibleElementsHeight;

	    // Set properties based on the anchor direction if changed
	    if (this.direction !== updateDirection) {
	      this.direction = updateDirection;
	      _setDirectionalProps.call(this);

	      // need to update scroll padding if direction changes
	      this.extraScrollPaddingPx = updateExtraScrollPaddingPx;
	      _updateScrollPadding.call(this, [true]);
	    }

	    // update scroll padding if extraScrollPaddingPx updated but direction not updated
	    if (this.extraScrollPaddingPx !== updateExtraScrollPaddingPx) {
	      this.extraScrollPaddingPx = updateExtraScrollPaddingPx;
	      _updateScrollPadding.call(this, [true]);
	    }

	    // update observer if smooth transition has changed, or hiddenElementsHeight has changed
	    if (this.enableSmoothTransition !== updateEnableSmoothTransition || this.hiddenElementsHeight !== updateHiddenElementsHeight) {
	      this.enableSmoothTransition = updateEnableSmoothTransition;
	      this.hiddenElementsHeight = updateHiddenElementsHeight;
	      this.rootMarginOffset = this.enableSmoothTransition ? updateHiddenElementsHeight : 0;
	      _createObserver.call(this);
	    }
	    if (opts.observerBehavior) {
	      this.observerBehavior = _getObserverBehavior.call(this, opts.observerBehavior);
	    }
	    _setObserver.call(this);

	    // Create and dispatch custom event
	    this[EventName$1.ON_UPDATE] = new CustomEvent(EventName$1.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$1.ON_UPDATE]);
	    return this;
	  }

	  /**
	   * Remove the sticky.
	   */;
	  _proto.remove = function remove() {
	    _teardownInstance.call(this);
	    // remove this sticky reference from array of instances
	    var index = stickies.indexOf(this);
	    stickies.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName$1.ON_REMOVE] = new CustomEvent(EventName$1.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName$1.ON_REMOVE]);
	  }

	  /**
	   * Get an array of sticky instances.
	   * @returns {Object[]} Array of sticky instances.
	   */;
	  FixedSticky.getInstances = function getInstances() {
	    return stickies;
	  };
	  return FixedSticky;
	}();

	var backToTopInstances = [];
	var Selector = {
	  DATA_MOUNT: '[data-mount="fixed-back-to-top"]'
	};
	var EventName = {
	  SCROLL: 'scroll',
	  ON_REMOVE: 'onRemove',
	  ON_RESIZE: 'resize',
	  ON_UPDATE: 'onUpdate'
	};
	var Attributes = {
	  TABINDEX: 'tabindex'
	};
	var DISPLAY_BUTTON_THRESHOLD = 0.7; // percentage of the page where button will display
	var initialPageLoad = true;

	/**
	 * Switch the back to top element between static and sticky
	 */
	function _scrollListener() {
	  var _this = this;
	  // use offset margin and subtract the top position of the sentinel
	  var offsetWithSentinel = this.stickyElement.sentinel.offsetTop - this.offsetMarginTop;
	  var scrollY = window.scrollY || window.pageYOffset;
	  if (scrollY > offsetWithSentinel) {
	    this.stickyElement.setObserverStatus(true);
	    this.el.style.opacity = 1;
	  } else {
	    var timeout = initialPageLoad ? 0 : 175; // prevent button flashing on page load
	    this.el.style.opacity = 0;
	    setTimeout(function () {
	      _this.el.classList.remove(ClassName.STUCK);
	      _this.stickyElement.enableObserver = false;
	    }, timeout);
	    initialPageLoad = false;
	  }
	}

	/**
	 * Update sticky offset margin top value when browser height changes
	 * and remove/create new sticky element
	 */
	function _onWindowResize() {
	  // extra conditional check to prevent code from constantly running on resize
	  if (this.offsetMarginTop !== window.mwf.Util.getDocumentHeight() * DISPLAY_BUTTON_THRESHOLD) {
	    this.offsetMarginTop = window.mwf.Util.getDocumentHeight() * DISPLAY_BUTTON_THRESHOLD;
	    this.stickyElement.remove();
	    this.stickyElement = new FixedSticky({
	      el: this.el,
	      direction: Direction.BOTTOM
	    });
	  }
	}

	/**
	 * Class representing Back to Top.
	 */
	var FixedBackToTop = /*#__PURE__*/function () {
	  /**
	   * Create the Back to Top.
	   * @param {Object} opts - The Back to Top options.
	   * @param {Node} opts.el - The Back to Top DOM node.
	   * @param {number} [opts.offsetMarginTop] - Offset in pixels from top of page where Back to Top should begin to be sticky.
	   * @param {Function} [opts.onScroll] - Function to override the scroll event handler.
	   * @param {Function} [opts.onWindowResize] - Function to override the window resize event handler.
	   */
	  function FixedBackToTop(opts) {
	    this.el = opts.el;
	    this.offsetMarginTop = opts.offsetMarginTop || window.mwf.Util.getDocumentHeight() * DISPLAY_BUTTON_THRESHOLD;
	    this.onScroll = opts.onScroll || _scrollListener.bind(this);
	    this.onWindowResize = opts.onWindowResize || _onWindowResize.bind(this);
	    this.setTabindex();

	    // Create custom events
	    backToTopInstances.push(this);
	    this.stickyElement = new FixedSticky({
	      el: this.el,
	      direction: Direction.BOTTOM
	    });

	    // Do the initial firing of the listener to set the state
	    this.onScroll();

	    // attach event listeners
	    this.events = {
	      scrollEvent: {
	        el: document,
	        type: EventName.SCROLL,
	        handler: throttle(200, this.onScroll),
	        options: {
	          passive: true
	        }
	      },
	      resizeEvent: {
	        el: window,
	        type: EventName.ON_RESIZE,
	        handler: throttle(200, this.onWindowResize)
	      }
	    };
	    window.mwf.Util.addEvents(Object.values(this.events));
	  }

	  /**
	   * Check if the element needs a tabindex and set it
	   */
	  var _proto = FixedBackToTop.prototype;
	  _proto.setTabindex = function setTabindex() {
	    var link = this.el.querySelector('a');
	    var href = link.getAttribute('href');
	    var targetElement = document.querySelector(href);
	    var isElementFound = document.querySelector(href) !== null;
	    if (isElementFound &&
	    // Only do something if the element is not tabbable
	    !window.mwf.Util.isElementTabbable(targetElement)) {
	      var tabindex = targetElement.getAttribute(Attributes.TABINDEX);
	      // If we don't have a tabindex
	      if (tabindex === null) {
	        // Set the tabindex of the element to -1
	        targetElement.setAttribute(Attributes.TABINDEX, '-1');
	      }
	    }
	  }

	  /**
	   * Update the Back to Top.
	   * @param {Object} [opts] - The Back to Top options.
	   * @param {number} [opts.offsetMarginTop] - Offset in pixels from top of page where Back to Top should begin to be sticky.
	   * @param {Function} [opts.onScroll] - Function to override the scroll event handler.
	   * @param {Function} [opts.onWindowResize] - Function to override the window resize event handler.
	   */;
	  _proto.update = function update(opts) {
	    if (opts === void 0) {
	      opts = {};
	    }
	    if (opts.offsetMarginTop) {
	      this.offsetMarginTop = opts.offsetMarginTop;
	    }
	    if (opts.onScroll) {
	      window.mwf.Util.removeEvents([this.events.scrollEvent]);
	      this.onScroll = opts.onScroll;
	      window.mwf.Util.addEvents([this.events.scrollEvent]);
	    }
	    if (opts.onWindowResize) {
	      window.mwf.Util.removeEvents([this.events.resizeEvent]);
	      this.onWindowResize = opts.onWindowResize;
	      window.mwf.Util.addEvents([this.events.resizeEvent]);
	    }

	    // Do the initial firing of the listener to set the state
	    this.onScroll();

	    // Create and dispatch custom event
	    this[EventName.ON_UPDATE] = new CustomEvent(EventName.ON_UPDATE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName.ON_UPDATE]);
	  }

	  /**
	   * Remove the event listener from the back to top element
	   */;
	  _proto.remove = function remove() {
	    window.mwf.Util.removeEvents(Object.values(this.events));
	    this.stickyElement.remove();

	    // remove this back to top reference from array of instances
	    var index = backToTopInstances.indexOf(this);
	    backToTopInstances.splice(index, 1);

	    // Create and dispatch custom event
	    this[EventName.ON_REMOVE] = new CustomEvent(EventName.ON_REMOVE, {
	      bubbles: true
	    });
	    this.el.dispatchEvent(this[EventName.ON_REMOVE]);
	  }

	  /**
	   * Get back to top instances.
	   * @returns {Object[]} Array of back to top instances
	   */;
	  FixedBackToTop.getInstances = function getInstances() {
	    return backToTopInstances;
	  };
	  return FixedBackToTop;
	}();

	document.addEventListener('DOMContentLoaded', function () {
	  initializeComponents();
	  document.dispatchEvent(new CustomEvent(JS_INITIALIZED));
	});
	var PLUGIN_INITIALIZED = 'mwfFixedStickyInitialized';
	document.addEventListener('mwfInitialized', function () {
	  window.mwf.Util.initializeComponent(Selector.DATA_MOUNT, function (el) {
	    return new FixedBackToTop({
	      el: el
	    });
	  });
	  window.mwf.Util.initializeComponent(Selector$1.DATA_MOUNT, function (el) {
	    return new FixedSticky({
	      el: el
	    });
	  });
	  document.dispatchEvent(new CustomEvent(PLUGIN_INITIALIZED));
	});

	exports.AIChatDrawer = AIChatDrawer;
	exports.AISearchForm = AISearchForm;
	exports.AlertExtension = AlertExtension;
	exports.Breadcrumbs = Breadcrumbs;
	exports.CardInteractiveSelector = CardInteractive;
	exports.CardStatSelector = CardStat;
	exports.ClipboardShare = ClipboardShare;
	exports.CollapseControlsExtension = CollapseControlsExtension;
	exports.CollapseExtension = CollapseExtension;
	exports.ContactSales = ContactSales;
	exports.DropdownExtension = DropdownExtension;
	exports.DropdownFilter = DropdownFilter;
	exports.DynamicContent = DynamicContent;
	exports.DynamicallyAddedFilters = DynamicallyAddedFilters;
	exports.Effects = Effects;
	exports.EventFinder = EventFinder;
	exports.FeaturedCardsInteractive = FeaturedCardsInteractive;
	exports.Filter = Filters;
	exports.FixedBackToTop = FixedBackToTop;
	exports.FixedSticky = FixedSticky;
	exports.Icon = Icon;
	exports.ModalExtension = Modal;
	exports.MultiCollapse = MultiCollapse;
	exports.MultiCollapseControls = MultiCollapseControls;
	exports.OcrAccordion = OcrAccordion;
	exports.OcrFixedSticky = OcrFixedSticky;
	exports.OcrScrollspy = OcrScrollspy;
	exports.OcrTab = OcrTab;
	exports.Pagination = Pagination;
	exports.ProactiveChat = ProactiveChat;
	exports.RollingText = RollingText;
	exports.ScrollSnapCarousel = SnapCarousel;
	exports.SelectorSlider = SelectorSlider;
	exports.SingleSelect = SingleSelect;
	exports.SolutionCenter = SolutionCenter;
	exports.TabSlider = TabSlider;
	exports.Table = Table;
	exports.TimeSlider = TimeSlider;
	exports.VideoExtension = VideoExtension;

	Object.defineProperty(exports, '__esModule', { value: true });

}));

if (window.oneCloudReimagine) {
     document.dispatchEvent(new CustomEvent('oneCloudReimagineIntialized'));

     if (console && console.log && oneCloudReimagine.version) {
          console.log('OneCloud Reimagine v' + oneCloudReimagine.version);
     }
}