@webex/cc-user-state 1.28.0-ccwidgets.12 → 1.28.0-ccwidgets.14

package/dist/index.js

@@ -7,7 +7,6 @@
  * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
  */
 /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
 /***/ "../../../node_modules/mobx-react-lite/es/ObserverComponent.js":
@@ -16,6 +15,7 @@
   \*********************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Observer: () => (/* binding */ ObserverComponent)\n/* harmony export */ });\n/* harmony import */ var _useObserver__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./useObserver */ \"../../../node_modules/mobx-react-lite/es/useObserver.js\");\n\nfunction ObserverComponent(_a) {\n    var children = _a.children, render = _a.render;\n    if (children && render) {\n        console.error(\"MobX Observer: Do not use children and render in the same time in `Observer`\");\n    }\n    var component = children || render;\n    if (typeof component !== \"function\") {\n        return null;\n    }\n    return (0,_useObserver__WEBPACK_IMPORTED_MODULE_0__.useObserver)(component);\n}\nif (true) {\n    ObserverComponent.propTypes = {\n        children: ObserverPropsCheck,\n        render: ObserverPropsCheck\n    };\n}\nObserverComponent.displayName = \"Observer\";\n\nfunction ObserverPropsCheck(props, key, componentName, location, propFullName) {\n    var extraKey = key === \"children\" ? \"render\" : \"children\";\n    var hasProp = typeof props[key] === \"function\";\n    var hasExtraProp = typeof props[extraKey] === \"function\";\n    if (hasProp && hasExtraProp) {\n        return new Error(\"MobX Observer: Do not use children and render in the same time in`\" + componentName);\n    }\n    if (hasProp || hasExtraProp) {\n        return null;\n    }\n    return new Error(\"Invalid prop `\" +\n        propFullName +\n        \"` of type `\" +\n        typeof props[key] +\n        \"` supplied to\" +\n        \" `\" +\n        componentName +\n        \"`, expected `function`.\");\n}\n//# sourceMappingURL=ObserverComponent.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/ObserverComponent.js?");
 
 /***/ }),
@@ -26,6 +26,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Observer: () => (/* reexport safe */ _ObserverComponent__WEBPACK_IMPORTED_MODULE_8__.Observer),\n/* harmony export */   _observerFinalizationRegistry: () => (/* reexport safe */ _utils_observerFinalizationRegistry__WEBPACK_IMPORTED_MODULE_6__.observerFinalizationRegistry),\n/* harmony export */   clearTimers: () => (/* binding */ clearTimers),\n/* harmony export */   enableStaticRendering: () => (/* reexport safe */ _staticRendering__WEBPACK_IMPORTED_MODULE_5__.enableStaticRendering),\n/* harmony export */   isObserverBatched: () => (/* reexport safe */ _utils_observerBatching__WEBPACK_IMPORTED_MODULE_2__.isObserverBatched),\n/* harmony export */   isUsingStaticRendering: () => (/* reexport safe */ _staticRendering__WEBPACK_IMPORTED_MODULE_5__.isUsingStaticRendering),\n/* harmony export */   observer: () => (/* reexport safe */ _observer__WEBPACK_IMPORTED_MODULE_7__.observer),\n/* harmony export */   observerBatching: () => (/* reexport safe */ _utils_observerBatching__WEBPACK_IMPORTED_MODULE_2__.observerBatching),\n/* harmony export */   useAsObservableSource: () => (/* reexport safe */ _useAsObservableSource__WEBPACK_IMPORTED_MODULE_11__.useAsObservableSource),\n/* harmony export */   useLocalObservable: () => (/* reexport safe */ _useLocalObservable__WEBPACK_IMPORTED_MODULE_9__.useLocalObservable),\n/* harmony export */   useLocalStore: () => (/* reexport safe */ _useLocalStore__WEBPACK_IMPORTED_MODULE_10__.useLocalStore),\n/* harmony export */   useObserver: () => (/* binding */ useObserver),\n/* harmony export */   useStaticRendering: () => (/* binding */ useStaticRendering)\n/* harmony export */ });\n/* harmony import */ var _utils_assertEnvironment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/assertEnvironment */ \"../../../node_modules/mobx-react-lite/es/utils/assertEnvironment.js\");\n/* harmony import */ var _utils_reactBatchedUpdates__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/reactBatchedUpdates */ \"../../../node_modules/mobx-react-lite/es/utils/reactBatchedUpdates.js\");\n/* harmony import */ var _utils_observerBatching__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/observerBatching */ \"../../../node_modules/mobx-react-lite/es/utils/observerBatching.js\");\n/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/utils */ \"../../../node_modules/mobx-react-lite/es/utils/utils.js\");\n/* harmony import */ var _useObserver__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./useObserver */ \"../../../node_modules/mobx-react-lite/es/useObserver.js\");\n/* harmony import */ var _staticRendering__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./staticRendering */ \"../../../node_modules/mobx-react-lite/es/staticRendering.js\");\n/* harmony import */ var _utils_observerFinalizationRegistry__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/observerFinalizationRegistry */ \"../../../node_modules/mobx-react-lite/es/utils/observerFinalizationRegistry.js\");\n/* harmony import */ var _observer__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./observer */ \"../../../node_modules/mobx-react-lite/es/observer.js\");\n/* harmony import */ var _ObserverComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ObserverComponent */ \"../../../node_modules/mobx-react-lite/es/ObserverComponent.js\");\n/* harmony import */ var _useLocalObservable__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./useLocalObservable */ \"../../../node_modules/mobx-react-lite/es/useLocalObservable.js\");\n/* harmony import */ var _useLocalStore__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./useLocalStore */ \"../../../node_modules/mobx-react-lite/es/useLocalStore.js\");\n/* harmony import */ var _useAsObservableSource__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./useAsObservableSource */ \"../../../node_modules/mobx-react-lite/es/useAsObservableSource.js\");\nvar _a;\n\n\n\n\n\n\n\n(0,_utils_observerBatching__WEBPACK_IMPORTED_MODULE_2__.observerBatching)(_utils_reactBatchedUpdates__WEBPACK_IMPORTED_MODULE_1__.unstable_batchedUpdates);\n\n\n\n\n\n\n\nvar clearTimers = (_a = _utils_observerFinalizationRegistry__WEBPACK_IMPORTED_MODULE_6__.observerFinalizationRegistry[\"finalizeAllImmediately\"]) !== null && _a !== void 0 ? _a : (function () { });\nfunction useObserver(fn, baseComponentName) {\n    if (baseComponentName === void 0) { baseComponentName = \"observed\"; }\n    if (true) {\n        (0,_utils_utils__WEBPACK_IMPORTED_MODULE_3__.useDeprecated)(\"[mobx-react-lite] 'useObserver(fn)' is deprecated. Use `<Observer>{fn}</Observer>` instead, or wrap the entire component in `observer`.\");\n    }\n    return (0,_useObserver__WEBPACK_IMPORTED_MODULE_4__.useObserver)(fn, baseComponentName);\n}\n\nfunction useStaticRendering(enable) {\n    if (true) {\n        console.warn(\"[mobx-react-lite] 'useStaticRendering' is deprecated, use 'enableStaticRendering' instead\");\n    }\n    (0,_staticRendering__WEBPACK_IMPORTED_MODULE_5__.enableStaticRendering)(enable);\n}\n//# sourceMappingURL=index.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/index.js?");
 
 /***/ }),
@@ -36,6 +37,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   observer: () => (/* binding */ observer)\n/* harmony export */ });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _staticRendering__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./staticRendering */ \"../../../node_modules/mobx-react-lite/es/staticRendering.js\");\n/* harmony import */ var _useObserver__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useObserver */ \"../../../node_modules/mobx-react-lite/es/useObserver.js\");\nvar _a, _b;\n\n\n\nvar warnObserverOptionsDeprecated = true;\nvar warnLegacyContextTypes = true;\nvar hasSymbol = typeof Symbol === \"function\" && Symbol.for;\nvar isFunctionNameConfigurable = (_b = (_a = Object.getOwnPropertyDescriptor(function () { }, \"name\")) === null || _a === void 0 ? void 0 : _a.configurable) !== null && _b !== void 0 ? _b : false;\n// Using react-is had some issues (and operates on elements, not on types), see #608 / #609\nvar ReactForwardRefSymbol = hasSymbol\n    ? Symbol.for(\"react.forward_ref\")\n    : typeof react__WEBPACK_IMPORTED_MODULE_0__.forwardRef === \"function\" && (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props) { return null; })[\"$$typeof\"];\nvar ReactMemoSymbol = hasSymbol\n    ? Symbol.for(\"react.memo\")\n    : typeof react__WEBPACK_IMPORTED_MODULE_0__.memo === \"function\" && (0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(function (props) { return null; })[\"$$typeof\"];\n// n.b. base case is not used for actual typings or exported in the typing files\nfunction observer(baseComponent, \n// TODO remove in next major\noptions) {\n    var _a;\n    if ( true && warnObserverOptionsDeprecated && options) {\n        warnObserverOptionsDeprecated = false;\n        console.warn(\"[mobx-react-lite] `observer(fn, { forwardRef: true })` is deprecated, use `observer(React.forwardRef(fn))`\");\n    }\n    if (ReactMemoSymbol && baseComponent[\"$$typeof\"] === ReactMemoSymbol) {\n        throw new Error(\"[mobx-react-lite] You are trying to use `observer` on a function component wrapped in either another `observer` or `React.memo`. The observer already applies 'React.memo' for you.\");\n    }\n    // The working of observer is explained step by step in this talk: https://www.youtube.com/watch?v=cPF4iBedoF0&feature=youtu.be&t=1307\n    if ((0,_staticRendering__WEBPACK_IMPORTED_MODULE_1__.isUsingStaticRendering)()) {\n        return baseComponent;\n    }\n    var useForwardRef = (_a = options === null || options === void 0 ? void 0 : options.forwardRef) !== null && _a !== void 0 ? _a : false;\n    var render = baseComponent;\n    var baseComponentName = baseComponent.displayName || baseComponent.name;\n    // If already wrapped with forwardRef, unwrap,\n    // so we can patch render and apply memo\n    if (ReactForwardRefSymbol && baseComponent[\"$$typeof\"] === ReactForwardRefSymbol) {\n        useForwardRef = true;\n        render = baseComponent[\"render\"];\n        if (typeof render !== \"function\") {\n            throw new Error(\"[mobx-react-lite] `render` property of ForwardRef was not a function\");\n        }\n    }\n    var observerComponent = function (props, ref) {\n        return (0,_useObserver__WEBPACK_IMPORTED_MODULE_2__.useObserver)(function () { return render(props, ref); }, baseComponentName);\n    };\n    observerComponent.displayName = baseComponent.displayName;\n    if (isFunctionNameConfigurable) {\n        Object.defineProperty(observerComponent, \"name\", {\n            value: baseComponent.name,\n            writable: true,\n            configurable: true\n        });\n    }\n    // Support legacy context: `contextTypes` must be applied before `memo`\n    if (baseComponent.contextTypes) {\n        ;\n        observerComponent.contextTypes = baseComponent.contextTypes;\n        if ( true && warnLegacyContextTypes) {\n            warnLegacyContextTypes = false;\n            console.warn(\"[mobx-react-lite] Support for Legacy Context in function components will be removed in the next major release.\");\n        }\n    }\n    if (useForwardRef) {\n        // `forwardRef` must be applied prior `memo`\n        // `forwardRef(observer(cmp))` throws:\n        // \"forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))\"\n        observerComponent = (0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(observerComponent);\n    }\n    // memo; we are not interested in deep updates\n    // in props; we assume that if deep objects are changed,\n    // this is in observables, which would have been tracked anyway\n    observerComponent = (0,react__WEBPACK_IMPORTED_MODULE_0__.memo)(observerComponent);\n    copyStaticProperties(baseComponent, observerComponent);\n    if (true) {\n        Object.defineProperty(observerComponent, \"contextTypes\", {\n            set: function () {\n                var _a, _b;\n                throw new Error(\"[mobx-react-lite] `\".concat(this.displayName || ((_a = this.type) === null || _a === void 0 ? void 0 : _a.displayName) || ((_b = this.type) === null || _b === void 0 ? void 0 : _b.name) || \"Component\", \".contextTypes` must be set before applying `observer`.\"));\n            }\n        });\n    }\n    return observerComponent;\n}\n// based on https://github.com/mridgway/hoist-non-react-statics/blob/master/src/index.js\nvar hoistBlackList = {\n    $$typeof: true,\n    render: true,\n    compare: true,\n    type: true,\n    // Don't redefine `displayName`,\n    // it's defined as getter-setter pair on `memo` (see #3192).\n    displayName: true\n};\nfunction copyStaticProperties(base, target) {\n    Object.keys(base).forEach(function (key) {\n        if (!hoistBlackList[key]) {\n            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(base, key));\n        }\n    });\n}\n//# sourceMappingURL=observer.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/observer.js?");
 
 /***/ }),
@@ -46,6 +48,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*******************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   enableStaticRendering: () => (/* binding */ enableStaticRendering),\n/* harmony export */   isUsingStaticRendering: () => (/* binding */ isUsingStaticRendering)\n/* harmony export */ });\nvar globalIsUsingStaticRendering = false;\nfunction enableStaticRendering(enable) {\n    globalIsUsingStaticRendering = enable;\n}\nfunction isUsingStaticRendering() {\n    return globalIsUsingStaticRendering;\n}\n//# sourceMappingURL=staticRendering.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/staticRendering.js?");
 
 /***/ }),
@@ -56,6 +59,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   useAsObservableSource: () => (/* binding */ useAsObservableSource)\n/* harmony export */ });\n/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/utils */ \"../../../node_modules/mobx-react-lite/es/utils/utils.js\");\n/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! mobx */ \"../../../node_modules/mobx/dist/mobx.esm.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);\n\n\n\nfunction useAsObservableSource(current) {\n    if (true)\n        (0,_utils_utils__WEBPACK_IMPORTED_MODULE_0__.useDeprecated)(\"[mobx-react-lite] 'useAsObservableSource' is deprecated, please store the values directly in an observable, for example by using 'useLocalObservable', and sync future updates using 'useEffect' when needed. See the README for examples.\");\n    // We're deliberately not using idiomatic destructuring for the hook here.\n    // Accessing the state value as an array element prevents TypeScript from generating unnecessary helpers in the resulting code.\n    // For further details, please refer to mobxjs/mobx#3842.\n    var res = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(function () { return (0,mobx__WEBPACK_IMPORTED_MODULE_2__.observable)(current, {}, { deep: false }); })[0];\n    (0,mobx__WEBPACK_IMPORTED_MODULE_2__.runInAction)(function () {\n        Object.assign(res, current);\n    });\n    return res;\n}\n//# sourceMappingURL=useAsObservableSource.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/useAsObservableSource.js?");
 
 /***/ }),
@@ -66,6 +70,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \**********************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   useLocalObservable: () => (/* binding */ useLocalObservable)\n/* harmony export */ });\n/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! mobx */ \"../../../node_modules/mobx/dist/mobx.esm.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\n\nfunction useLocalObservable(initializer, annotations) {\n    return (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(function () { return (0,mobx__WEBPACK_IMPORTED_MODULE_1__.observable)(initializer(), annotations, { autoBind: true }); })[0];\n}\n//# sourceMappingURL=useLocalObservable.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/useLocalObservable.js?");
 
 /***/ }),
@@ -76,6 +81,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*****************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   useLocalStore: () => (/* binding */ useLocalStore)\n/* harmony export */ });\n/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! mobx */ \"../../../node_modules/mobx/dist/mobx.esm.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/utils */ \"../../../node_modules/mobx-react-lite/es/utils/utils.js\");\n/* harmony import */ var _useAsObservableSource__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./useAsObservableSource */ \"../../../node_modules/mobx-react-lite/es/useAsObservableSource.js\");\n\n\n\n\nfunction useLocalStore(initializer, current) {\n    if (true) {\n        (0,_utils_utils__WEBPACK_IMPORTED_MODULE_1__.useDeprecated)(\"[mobx-react-lite] 'useLocalStore' is deprecated, use 'useLocalObservable' instead.\");\n    }\n    var source = current && (0,_useAsObservableSource__WEBPACK_IMPORTED_MODULE_2__.useAsObservableSource)(current);\n    return (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(function () { return (0,mobx__WEBPACK_IMPORTED_MODULE_3__.observable)(initializer(source), undefined, { autoBind: true }); })[0];\n}\n//# sourceMappingURL=useLocalStore.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/useLocalStore.js?");
 
 /***/ }),
@@ -86,6 +92,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \***************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   useObserver: () => (/* binding */ useObserver)\n/* harmony export */ });\n/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! mobx */ \"../../../node_modules/mobx/dist/mobx.esm.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils_printDebugValue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/printDebugValue */ \"../../../node_modules/mobx-react-lite/es/utils/printDebugValue.js\");\n/* harmony import */ var _staticRendering__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./staticRendering */ \"../../../node_modules/mobx-react-lite/es/staticRendering.js\");\n/* harmony import */ var _utils_observerFinalizationRegistry__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/observerFinalizationRegistry */ \"../../../node_modules/mobx-react-lite/es/utils/observerFinalizationRegistry.js\");\n/* harmony import */ var use_sync_external_store_shim__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! use-sync-external-store/shim */ \"../../../node_modules/use-sync-external-store/shim/index.js\");\n\n\n\n\n\n\nfunction createReaction(adm) {\n    adm.reaction = new mobx__WEBPACK_IMPORTED_MODULE_5__.Reaction(\"observer\".concat(adm.name), function () {\n        var _a;\n        adm.stateVersion = Symbol();\n        // onStoreChange won't be available until the component \"mounts\".\n        // If state changes in between initial render and mount,\n        // `useSyncExternalStore` should handle that by checking the state version and issuing update.\n        (_a = adm.onStoreChange) === null || _a === void 0 ? void 0 : _a.call(adm);\n    });\n}\nfunction useObserver(render, baseComponentName) {\n    if (baseComponentName === void 0) { baseComponentName = \"observed\"; }\n    if ((0,_staticRendering__WEBPACK_IMPORTED_MODULE_2__.isUsingStaticRendering)()) {\n        return render();\n    }\n    var admRef = react__WEBPACK_IMPORTED_MODULE_0___default().useRef(null);\n    if (!admRef.current) {\n        // First render\n        var adm_1 = {\n            reaction: null,\n            onStoreChange: null,\n            stateVersion: Symbol(),\n            name: baseComponentName,\n            subscribe: function (onStoreChange) {\n                // Do NOT access admRef here!\n                _utils_observerFinalizationRegistry__WEBPACK_IMPORTED_MODULE_3__.observerFinalizationRegistry.unregister(adm_1);\n                adm_1.onStoreChange = onStoreChange;\n                if (!adm_1.reaction) {\n                    // We've lost our reaction and therefore all subscriptions, occurs when:\n                    // 1. Timer based finalization registry disposed reaction before component mounted.\n                    // 2. React \"re-mounts\" same component without calling render in between (typically <StrictMode>).\n                    // We have to recreate reaction and schedule re-render to recreate subscriptions,\n                    // even if state did not change.\n                    createReaction(adm_1);\n                    // `onStoreChange` won't force update if subsequent `getSnapshot` returns same value.\n                    // So we make sure that is not the case\n                    adm_1.stateVersion = Symbol();\n                }\n                return function () {\n                    var _a;\n                    // Do NOT access admRef here!\n                    adm_1.onStoreChange = null;\n                    (_a = adm_1.reaction) === null || _a === void 0 ? void 0 : _a.dispose();\n                    adm_1.reaction = null;\n                };\n            },\n            getSnapshot: function () {\n                // Do NOT access admRef here!\n                return adm_1.stateVersion;\n            }\n        };\n        admRef.current = adm_1;\n    }\n    var adm = admRef.current;\n    if (!adm.reaction) {\n        // First render or reaction was disposed by registry before subscribe\n        createReaction(adm);\n        // StrictMode/ConcurrentMode/Suspense may mean that our component is\n        // rendered and abandoned multiple times, so we need to track leaked\n        // Reactions.\n        _utils_observerFinalizationRegistry__WEBPACK_IMPORTED_MODULE_3__.observerFinalizationRegistry.register(admRef, adm, adm);\n    }\n    react__WEBPACK_IMPORTED_MODULE_0___default().useDebugValue(adm.reaction, _utils_printDebugValue__WEBPACK_IMPORTED_MODULE_1__.printDebugValue);\n    (0,use_sync_external_store_shim__WEBPACK_IMPORTED_MODULE_4__.useSyncExternalStore)(\n    // Both of these must be stable, otherwise it would keep resubscribing every render.\n    adm.subscribe, adm.getSnapshot, adm.getSnapshot);\n    // render the original component, but have the\n    // reaction track the observables, so that rendering\n    // can be invalidated (see above) once a dependency changes\n    var renderResult;\n    var exception;\n    adm.reaction.track(function () {\n        try {\n            renderResult = render();\n        }\n        catch (e) {\n            exception = e;\n        }\n    });\n    if (exception) {\n        throw exception; // re-throw any exceptions caught during rendering\n    }\n    return renderResult;\n}\n//# sourceMappingURL=useObserver.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/useObserver.js?");
 
 /***/ }),
@@ -96,6 +103,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \***************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   REGISTRY_FINALIZE_AFTER: () => (/* binding */ REGISTRY_FINALIZE_AFTER),\n/* harmony export */   REGISTRY_SWEEP_INTERVAL: () => (/* binding */ REGISTRY_SWEEP_INTERVAL),\n/* harmony export */   TimerBasedFinalizationRegistry: () => (/* binding */ TimerBasedFinalizationRegistry),\n/* harmony export */   UniversalFinalizationRegistry: () => (/* binding */ UniversalFinalizationRegistry)\n/* harmony export */ });\nvar REGISTRY_FINALIZE_AFTER = 10000;\nvar REGISTRY_SWEEP_INTERVAL = 10000;\nvar TimerBasedFinalizationRegistry = /** @class */ (function () {\n    function TimerBasedFinalizationRegistry(finalize) {\n        var _this = this;\n        Object.defineProperty(this, \"finalize\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: finalize\n        });\n        Object.defineProperty(this, \"registrations\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: new Map()\n        });\n        Object.defineProperty(this, \"sweepTimeout\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: void 0\n        });\n        // Bound so it can be used directly as setTimeout callback.\n        Object.defineProperty(this, \"sweep\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: function (maxAge) {\n                if (maxAge === void 0) { maxAge = REGISTRY_FINALIZE_AFTER; }\n                // cancel timeout so we can force sweep anytime\n                clearTimeout(_this.sweepTimeout);\n                _this.sweepTimeout = undefined;\n                var now = Date.now();\n                _this.registrations.forEach(function (registration, token) {\n                    if (now - registration.registeredAt >= maxAge) {\n                        _this.finalize(registration.value);\n                        _this.registrations.delete(token);\n                    }\n                });\n                if (_this.registrations.size > 0) {\n                    _this.scheduleSweep();\n                }\n            }\n        });\n        // Bound so it can be exported directly as clearTimers test utility.\n        Object.defineProperty(this, \"finalizeAllImmediately\", {\n            enumerable: true,\n            configurable: true,\n            writable: true,\n            value: function () {\n                _this.sweep(0);\n            }\n        });\n    }\n    // Token is actually required with this impl\n    Object.defineProperty(TimerBasedFinalizationRegistry.prototype, \"register\", {\n        enumerable: false,\n        configurable: true,\n        writable: true,\n        value: function (target, value, token) {\n            this.registrations.set(token, {\n                value: value,\n                registeredAt: Date.now()\n            });\n            this.scheduleSweep();\n        }\n    });\n    Object.defineProperty(TimerBasedFinalizationRegistry.prototype, \"unregister\", {\n        enumerable: false,\n        configurable: true,\n        writable: true,\n        value: function (token) {\n            this.registrations.delete(token);\n        }\n    });\n    Object.defineProperty(TimerBasedFinalizationRegistry.prototype, \"scheduleSweep\", {\n        enumerable: false,\n        configurable: true,\n        writable: true,\n        value: function () {\n            if (this.sweepTimeout === undefined) {\n                this.sweepTimeout = setTimeout(this.sweep, REGISTRY_SWEEP_INTERVAL);\n            }\n        }\n    });\n    return TimerBasedFinalizationRegistry;\n}());\n\nvar UniversalFinalizationRegistry = typeof FinalizationRegistry !== \"undefined\"\n    ? FinalizationRegistry\n    : TimerBasedFinalizationRegistry;\n//# sourceMappingURL=UniversalFinalizationRegistry.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/utils/UniversalFinalizationRegistry.js?");
 
 /***/ }),
@@ -106,6 +114,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \***************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! mobx */ \"../../../node_modules/mobx/dist/mobx.esm.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n\n\nif (!react__WEBPACK_IMPORTED_MODULE_0__.useState) {\n    throw new Error(\"mobx-react-lite requires React with Hooks support\");\n}\nif (!mobx__WEBPACK_IMPORTED_MODULE_1__.makeObservable) {\n    throw new Error(\"mobx-react-lite@3 requires mobx at least version 6 to be available\");\n}\n//# sourceMappingURL=assertEnvironment.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/utils/assertEnvironment.js?");
 
 /***/ }),
@@ -116,6 +125,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var mobx
   \**************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   defaultNoopBatch: () => (/* binding */ defaultNoopBatch),\n/* harmony export */   isObserverBatched: () => (/* binding */ isObserverBatched),\n/* harmony export */   observerBatching: () => (/* binding */ observerBatching)\n/* harmony export */ });\n/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! mobx */ \"../../../node_modules/mobx/dist/mobx.esm.js\");\n\nfunction defaultNoopBatch(callback) {\n    callback();\n}\nfunction observerBatching(reactionScheduler) {\n    if (!reactionScheduler) {\n        reactionScheduler = defaultNoopBatch;\n        if (true) {\n            console.warn(\"[MobX] Failed to get unstable_batched updates from react-dom / react-native\");\n        }\n    }\n    (0,mobx__WEBPACK_IMPORTED_MODULE_0__.configure)({ reactionScheduler: reactionScheduler });\n}\nvar isObserverBatched = function () {\n    if (true) {\n        console.warn(\"[MobX] Deprecated\");\n    }\n    return true;\n};\n//# sourceMappingURL=observerBatching.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/utils/observerBatching.js?");
 
 /***/ }),
@@ -126,6 +136,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \**************************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   observerFinalizationRegistry: () => (/* binding */ observerFinalizationRegistry)\n/* harmony export */ });\n/* harmony import */ var _UniversalFinalizationRegistry__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./UniversalFinalizationRegistry */ \"../../../node_modules/mobx-react-lite/es/utils/UniversalFinalizationRegistry.js\");\n\nvar observerFinalizationRegistry = new _UniversalFinalizationRegistry__WEBPACK_IMPORTED_MODULE_0__.UniversalFinalizationRegistry(function (adm) {\n    var _a;\n    (_a = adm.reaction) === null || _a === void 0 ? void 0 : _a.dispose();\n    adm.reaction = null;\n});\n//# sourceMappingURL=observerFinalizationRegistry.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/utils/observerFinalizationRegistry.js?");
 
 /***/ }),
@@ -136,6 +147,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   printDebugValue: () => (/* binding */ printDebugValue)\n/* harmony export */ });\n/* harmony import */ var mobx__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! mobx */ \"../../../node_modules/mobx/dist/mobx.esm.js\");\n\nfunction printDebugValue(v) {\n    return (0,mobx__WEBPACK_IMPORTED_MODULE_0__.getDependencyTree)(v);\n}\n//# sourceMappingURL=printDebugValue.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/utils/printDebugValue.js?");
 
 /***/ }),
@@ -146,6 +158,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*****************************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   unstable_batchedUpdates: () => (/* reexport safe */ react_dom__WEBPACK_IMPORTED_MODULE_0__.unstable_batchedUpdates)\n/* harmony export */ });\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_0__);\n\n//# sourceMappingURL=reactBatchedUpdates.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/utils/reactBatchedUpdates.js?");
 
 /***/ }),
@@ -156,6 +169,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \***************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   useDeprecated: () => (/* binding */ useDeprecated)\n/* harmony export */ });\nvar deprecatedMessages = [];\nfunction useDeprecated(msg) {\n    if (!deprecatedMessages.includes(msg)) {\n        deprecatedMessages.push(msg);\n        console.warn(msg);\n    }\n}\n//# sourceMappingURL=utils.js.map\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx-react-lite/es/utils/utils.js?");
 
 /***/ }),
@@ -166,6 +180,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \***************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
+"use strict";
 eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   $mobx: () => (/* binding */ $mobx),\n/* harmony export */   FlowCancellationError: () => (/* binding */ FlowCancellationError),\n/* harmony export */   ObservableMap: () => (/* binding */ ObservableMap),\n/* harmony export */   ObservableSet: () => (/* binding */ ObservableSet),\n/* harmony export */   Reaction: () => (/* binding */ Reaction),\n/* harmony export */   _allowStateChanges: () => (/* binding */ allowStateChanges),\n/* harmony export */   _allowStateChangesInsideComputed: () => (/* binding */ runInAction),\n/* harmony export */   _allowStateReadsEnd: () => (/* binding */ allowStateReadsEnd),\n/* harmony export */   _allowStateReadsStart: () => (/* binding */ allowStateReadsStart),\n/* harmony export */   _autoAction: () => (/* binding */ autoAction),\n/* harmony export */   _endAction: () => (/* binding */ _endAction),\n/* harmony export */   _getAdministration: () => (/* binding */ getAdministration),\n/* harmony export */   _getGlobalState: () => (/* binding */ getGlobalState),\n/* harmony export */   _interceptReads: () => (/* binding */ interceptReads),\n/* harmony export */   _isComputingDerivation: () => (/* binding */ isComputingDerivation),\n/* harmony export */   _resetGlobalState: () => (/* binding */ resetGlobalState),\n/* harmony export */   _startAction: () => (/* binding */ _startAction),\n/* harmony export */   action: () => (/* binding */ action),\n/* harmony export */   autorun: () => (/* binding */ autorun),\n/* harmony export */   comparer: () => (/* binding */ comparer),\n/* harmony export */   computed: () => (/* binding */ computed),\n/* harmony export */   configure: () => (/* binding */ configure),\n/* harmony export */   createAtom: () => (/* binding */ createAtom),\n/* harmony export */   defineProperty: () => (/* binding */ apiDefineProperty),\n/* harmony export */   entries: () => (/* binding */ entries),\n/* harmony export */   extendObservable: () => (/* binding */ extendObservable),\n/* harmony export */   flow: () => (/* binding */ flow),\n/* harmony export */   flowResult: () => (/* binding */ flowResult),\n/* harmony export */   get: () => (/* binding */ get),\n/* harmony export */   getAtom: () => (/* binding */ getAtom),\n/* harmony export */   getDebugName: () => (/* binding */ getDebugName),\n/* harmony export */   getDependencyTree: () => (/* binding */ getDependencyTree),\n/* harmony export */   getObserverTree: () => (/* binding */ getObserverTree),\n/* harmony export */   has: () => (/* binding */ has),\n/* harmony export */   intercept: () => (/* binding */ intercept),\n/* harmony export */   isAction: () => (/* binding */ isAction),\n/* harmony export */   isBoxedObservable: () => (/* binding */ isObservableValue),\n/* harmony export */   isComputed: () => (/* binding */ isComputed),\n/* harmony export */   isComputedProp: () => (/* binding */ isComputedProp),\n/* harmony export */   isFlow: () => (/* binding */ isFlow),\n/* harmony export */   isFlowCancellationError: () => (/* binding */ isFlowCancellationError),\n/* harmony export */   isObservable: () => (/* binding */ isObservable),\n/* harmony export */   isObservableArray: () => (/* binding */ isObservableArray),\n/* harmony export */   isObservableMap: () => (/* binding */ isObservableMap),\n/* harmony export */   isObservableObject: () => (/* binding */ isObservableObject),\n/* harmony export */   isObservableProp: () => (/* binding */ isObservableProp),\n/* harmony export */   isObservableSet: () => (/* binding */ isObservableSet),\n/* harmony export */   keys: () => (/* binding */ keys),\n/* harmony export */   makeAutoObservable: () => (/* binding */ makeAutoObservable),\n/* harmony export */   makeObservable: () => (/* binding */ makeObservable),\n/* harmony export */   observable: () => (/* binding */ observable),\n/* harmony export */   observe: () => (/* binding */ observe),\n/* harmony export */   onBecomeObserved: () => (/* binding */ onBecomeObserved),\n/* harmony export */   onBecomeUnobserved: () => (/* binding */ onBecomeUnobserved),\n/* harmony export */   onReactionError: () => (/* binding */ onReactionError),\n/* harmony export */   override: () => (/* binding */ override),\n/* harmony export */   ownKeys: () => (/* binding */ apiOwnKeys),\n/* harmony export */   reaction: () => (/* binding */ reaction),\n/* harmony export */   remove: () => (/* binding */ remove),\n/* harmony export */   runInAction: () => (/* binding */ runInAction),\n/* harmony export */   set: () => (/* binding */ set),\n/* harmony export */   spy: () => (/* binding */ spy),\n/* harmony export */   toJS: () => (/* binding */ toJS),\n/* harmony export */   trace: () => (/* binding */ trace),\n/* harmony export */   transaction: () => (/* binding */ transaction),\n/* harmony export */   untracked: () => (/* binding */ untracked),\n/* harmony export */   values: () => (/* binding */ values),\n/* harmony export */   when: () => (/* binding */ when)\n/* harmony export */ });\nvar niceErrors = {\n  0: \"Invalid value for configuration 'enforceActions', expected 'never', 'always' or 'observed'\",\n  1: function _(annotationType, key) {\n    return \"Cannot apply '\" + annotationType + \"' to '\" + key.toString() + \"': Field not found.\";\n  },\n  /*\n  2(prop) {\n      return `invalid decorator for '${prop.toString()}'`\n  },\n  3(prop) {\n      return `Cannot decorate '${prop.toString()}': action can only be used on properties with a function value.`\n  },\n  4(prop) {\n      return `Cannot decorate '${prop.toString()}': computed can only be used on getter properties.`\n  },\n  */\n  5: \"'keys()' can only be used on observable objects, arrays, sets and maps\",\n  6: \"'values()' can only be used on observable objects, arrays, sets and maps\",\n  7: \"'entries()' can only be used on observable objects, arrays and maps\",\n  8: \"'set()' can only be used on observable objects, arrays and maps\",\n  9: \"'remove()' can only be used on observable objects, arrays and maps\",\n  10: \"'has()' can only be used on observable objects, arrays and maps\",\n  11: \"'get()' can only be used on observable objects, arrays and maps\",\n  12: \"Invalid annotation\",\n  13: \"Dynamic observable objects cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  14: \"Intercept handlers should return nothing or a change object\",\n  15: \"Observable arrays cannot be frozen. If you're passing observables to 3rd party component/function that calls Object.freeze, pass copy instead: toJS(observable)\",\n  16: \"Modification exception: the internal structure of an observable array was changed.\",\n  17: function _(index, length) {\n    return \"[mobx.array] Index out of bounds, \" + index + \" is larger than \" + length;\n  },\n  18: \"mobx.map requires Map polyfill for the current browser. Check babel-polyfill or core-js/es6/map.js\",\n  19: function _(other) {\n    return \"Cannot initialize from classes that inherit from Map: \" + other.constructor.name;\n  },\n  20: function _(other) {\n    return \"Cannot initialize map from \" + other;\n  },\n  21: function _(dataStructure) {\n    return \"Cannot convert to map from '\" + dataStructure + \"'\";\n  },\n  22: \"mobx.set requires Set polyfill for the current browser. Check babel-polyfill or core-js/es6/set.js\",\n  23: \"It is not possible to get index atoms from arrays\",\n  24: function _(thing) {\n    return \"Cannot obtain administration from \" + thing;\n  },\n  25: function _(property, name) {\n    return \"the entry '\" + property + \"' does not exist in the observable map '\" + name + \"'\";\n  },\n  26: \"please specify a property\",\n  27: function _(property, name) {\n    return \"no observable property '\" + property.toString() + \"' found on the observable object '\" + name + \"'\";\n  },\n  28: function _(thing) {\n    return \"Cannot obtain atom from \" + thing;\n  },\n  29: \"Expecting some object\",\n  30: \"invalid action stack. did you forget to finish an action?\",\n  31: \"missing option for computed: get\",\n  32: function _(name, derivation) {\n    return \"Cycle detected in computation \" + name + \": \" + derivation;\n  },\n  33: function _(name) {\n    return \"The setter of computed value '\" + name + \"' is trying to update itself. Did you intend to update an _observable_ value, instead of the computed property?\";\n  },\n  34: function _(name) {\n    return \"[ComputedValue '\" + name + \"'] It is not possible to assign a new value to a computed value.\";\n  },\n  35: \"There are multiple, different versions of MobX active. Make sure MobX is loaded only once or use `configure({ isolateGlobalState: true })`\",\n  36: \"isolateGlobalState should be called before MobX is running any reactions\",\n  37: function _(method) {\n    return \"[mobx] `observableArray.\" + method + \"()` mutates the array in-place, which is not allowed inside a derivation. Use `array.slice().\" + method + \"()` instead\";\n  },\n  38: \"'ownKeys()' can only be used on observable objects\",\n  39: \"'defineProperty()' can only be used on observable objects\"\n};\nvar errors =  true ? niceErrors : 0;\nfunction die(error) {\n  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    args[_key - 1] = arguments[_key];\n  }\n  if (true) {\n    var e = typeof error === \"string\" ? error : errors[error];\n    if (typeof e === \"function\") e = e.apply(null, args);\n    throw new Error(\"[MobX] \" + e);\n  }\n  throw new Error(typeof error === \"number\" ? \"[MobX] minified error nr: \" + error + (args.length ? \" \" + args.map(String).join(\",\") : \"\") + \". Find the full error at: https://github.com/mobxjs/mobx/blob/main/packages/mobx/src/errors.ts\" : \"[MobX] \" + error);\n}\n\nvar mockGlobal = {};\nfunction getGlobal() {\n  if (typeof globalThis !== \"undefined\") {\n    return globalThis;\n  }\n  if (typeof window !== \"undefined\") {\n    return window;\n  }\n  if (typeof __webpack_require__.g !== \"undefined\") {\n    return __webpack_require__.g;\n  }\n  if (typeof self !== \"undefined\") {\n    return self;\n  }\n  return mockGlobal;\n}\n\n// We shorten anything used > 5 times\nvar assign = Object.assign;\nvar getDescriptor = Object.getOwnPropertyDescriptor;\nvar defineProperty = Object.defineProperty;\nvar objectPrototype = Object.prototype;\nvar EMPTY_ARRAY = [];\nObject.freeze(EMPTY_ARRAY);\nvar EMPTY_OBJECT = {};\nObject.freeze(EMPTY_OBJECT);\nvar hasProxy = typeof Proxy !== \"undefined\";\nvar plainObjectString = /*#__PURE__*/Object.toString();\nfunction assertProxies() {\n  if (!hasProxy) {\n    die( true ? \"`Proxy` objects are not available in the current environment. Please configure MobX to enable a fallback implementation.`\" : 0);\n  }\n}\nfunction warnAboutProxyRequirement(msg) {\n  if ( true && globalState.verifyProxies) {\n    die(\"MobX is currently configured to be able to run in ES5 mode, but in ES5 MobX won't be able to \" + msg);\n  }\n}\nfunction getNextId() {\n  return ++globalState.mobxGuid;\n}\n/**\n * Makes sure that the provided function is invoked at most once.\n */\nfunction once(func) {\n  var invoked = false;\n  return function () {\n    if (invoked) {\n      return;\n    }\n    invoked = true;\n    return func.apply(this, arguments);\n  };\n}\nvar noop = function noop() {};\nfunction isFunction(fn) {\n  return typeof fn === \"function\";\n}\nfunction isStringish(value) {\n  var t = typeof value;\n  switch (t) {\n    case \"string\":\n    case \"symbol\":\n    case \"number\":\n      return true;\n  }\n  return false;\n}\nfunction isObject(value) {\n  return value !== null && typeof value === \"object\";\n}\nfunction isPlainObject(value) {\n  if (!isObject(value)) {\n    return false;\n  }\n  var proto = Object.getPrototypeOf(value);\n  if (proto == null) {\n    return true;\n  }\n  var protoConstructor = Object.hasOwnProperty.call(proto, \"constructor\") && proto.constructor;\n  return typeof protoConstructor === \"function\" && protoConstructor.toString() === plainObjectString;\n}\n// https://stackoverflow.com/a/37865170\nfunction isGenerator(obj) {\n  var constructor = obj == null ? void 0 : obj.constructor;\n  if (!constructor) {\n    return false;\n  }\n  if (\"GeneratorFunction\" === constructor.name || \"GeneratorFunction\" === constructor.displayName) {\n    return true;\n  }\n  return false;\n}\nfunction addHiddenProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: true,\n    configurable: true,\n    value: value\n  });\n}\nfunction addHiddenFinalProp(object, propName, value) {\n  defineProperty(object, propName, {\n    enumerable: false,\n    writable: false,\n    configurable: true,\n    value: value\n  });\n}\nfunction createInstanceofPredicate(name, theClass) {\n  var propName = \"isMobX\" + name;\n  theClass.prototype[propName] = true;\n  return function (x) {\n    return isObject(x) && x[propName] === true;\n  };\n}\n/**\n * Yields true for both native and observable Map, even across different windows.\n */\nfunction isES6Map(thing) {\n  return thing != null && Object.prototype.toString.call(thing) === \"[object Map]\";\n}\n/**\n * Makes sure a Map is an instance of non-inherited native or observable Map.\n */\nfunction isPlainES6Map(thing) {\n  var mapProto = Object.getPrototypeOf(thing);\n  var objectProto = Object.getPrototypeOf(mapProto);\n  var nullProto = Object.getPrototypeOf(objectProto);\n  return nullProto === null;\n}\n/**\n * Yields true for both native and observable Set, even across different windows.\n */\nfunction isES6Set(thing) {\n  return thing != null && Object.prototype.toString.call(thing) === \"[object Set]\";\n}\nvar hasGetOwnPropertySymbols = typeof Object.getOwnPropertySymbols !== \"undefined\";\n/**\n * Returns the following: own enumerable keys and symbols.\n */\nfunction getPlainObjectKeys(object) {\n  var keys = Object.keys(object);\n  // Not supported in IE, so there are not going to be symbol props anyway...\n  if (!hasGetOwnPropertySymbols) {\n    return keys;\n  }\n  var symbols = Object.getOwnPropertySymbols(object);\n  if (!symbols.length) {\n    return keys;\n  }\n  return [].concat(keys, symbols.filter(function (s) {\n    return objectPrototype.propertyIsEnumerable.call(object, s);\n  }));\n}\n// From Immer utils\n// Returns all own keys, including non-enumerable and symbolic\nvar ownKeys = typeof Reflect !== \"undefined\" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {\n  return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));\n} : /* istanbul ignore next */Object.getOwnPropertyNames;\nfunction stringifyKey(key) {\n  if (typeof key === \"string\") {\n    return key;\n  }\n  if (typeof key === \"symbol\") {\n    return key.toString();\n  }\n  return new String(key).toString();\n}\nfunction toPrimitive(value) {\n  return value === null ? null : typeof value === \"object\" ? \"\" + value : value;\n}\nfunction hasProp(target, prop) {\n  return objectPrototype.hasOwnProperty.call(target, prop);\n}\n// From Immer utils\nvar getOwnPropertyDescriptors = Object.getOwnPropertyDescriptors || function getOwnPropertyDescriptors(target) {\n  // Polyfill needed for Hermes and IE, see https://github.com/facebook/hermes/issues/274\n  var res = {};\n  // Note: without polyfill for ownKeys, symbols won't be picked up\n  ownKeys(target).forEach(function (key) {\n    res[key] = getDescriptor(target, key);\n  });\n  return res;\n};\nfunction getFlag(flags, mask) {\n  return !!(flags & mask);\n}\nfunction setFlag(flags, mask, newValue) {\n  if (newValue) {\n    flags |= mask;\n  } else {\n    flags &= ~mask;\n  }\n  return flags;\n}\n\nfunction _arrayLikeToArray(r, a) {\n  (null == a || a > r.length) && (a = r.length);\n  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];\n  return n;\n}\nfunction _defineProperties(e, r) {\n  for (var t = 0; t < r.length; t++) {\n    var o = r[t];\n    o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);\n  }\n}\nfunction _createClass(e, r, t) {\n  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", {\n    writable: !1\n  }), e;\n}\nfunction _createForOfIteratorHelperLoose(r, e) {\n  var t = \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"];\n  if (t) return (t = t.call(r)).next.bind(t);\n  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && \"number\" == typeof r.length) {\n    t && (r = t);\n    var o = 0;\n    return function () {\n      return o >= r.length ? {\n        done: !0\n      } : {\n        done: !1,\n        value: r[o++]\n      };\n    };\n  }\n  throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\nfunction _extends() {\n  return _extends = Object.assign ? Object.assign.bind() : function (n) {\n    for (var e = 1; e < arguments.length; e++) {\n      var t = arguments[e];\n      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);\n    }\n    return n;\n  }, _extends.apply(null, arguments);\n}\nfunction _inheritsLoose(t, o) {\n  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);\n}\nfunction _setPrototypeOf(t, e) {\n  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {\n    return t.__proto__ = e, t;\n  }, _setPrototypeOf(t, e);\n}\nfunction _toPrimitive(t, r) {\n  if (\"object\" != typeof t || !t) return t;\n  var e = t[Symbol.toPrimitive];\n  if (void 0 !== e) {\n    var i = e.call(t, r || \"default\");\n    if (\"object\" != typeof i) return i;\n    throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n  }\n  return (\"string\" === r ? String : Number)(t);\n}\nfunction _toPropertyKey(t) {\n  var i = _toPrimitive(t, \"string\");\n  return \"symbol\" == typeof i ? i : i + \"\";\n}\nfunction _unsupportedIterableToArray(r, a) {\n  if (r) {\n    if (\"string\" == typeof r) return _arrayLikeToArray(r, a);\n    var t = {}.toString.call(r).slice(8, -1);\n    return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;\n  }\n}\n\nvar storedAnnotationsSymbol = /*#__PURE__*/Symbol(\"mobx-stored-annotations\");\n/**\n * Creates a function that acts as\n * - decorator\n * - annotation object\n */\nfunction createDecoratorAnnotation(annotation) {\n  function decorator(target, property) {\n    if (is20223Decorator(property)) {\n      return annotation.decorate_20223_(target, property);\n    } else {\n      storeAnnotation(target, property, annotation);\n    }\n  }\n  return Object.assign(decorator, annotation);\n}\n/**\n * Stores annotation to prototype,\n * so it can be inspected later by `makeObservable` called from constructor\n */\nfunction storeAnnotation(prototype, key, annotation) {\n  if (!hasProp(prototype, storedAnnotationsSymbol)) {\n    addHiddenProp(prototype, storedAnnotationsSymbol, _extends({}, prototype[storedAnnotationsSymbol]));\n  }\n  // @override must override something\n  if ( true && isOverride(annotation) && !hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    die(\"'\" + fieldName + \"' is decorated with 'override', \" + \"but no such decorated member was found on prototype.\");\n  }\n  // Cannot re-decorate\n  assertNotDecorated(prototype, annotation, key);\n  // Ignore override\n  if (!isOverride(annotation)) {\n    prototype[storedAnnotationsSymbol][key] = annotation;\n  }\n}\nfunction assertNotDecorated(prototype, annotation, key) {\n  if ( true && !isOverride(annotation) && hasProp(prototype[storedAnnotationsSymbol], key)) {\n    var fieldName = prototype.constructor.name + \".prototype.\" + key.toString();\n    var currentAnnotationType = prototype[storedAnnotationsSymbol][key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '@\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already decorated with '@\" + currentAnnotationType + \"'.\") + \"\\nRe-decorating fields is not allowed.\" + \"\\nUse '@override' decorator for methods overridden by subclass.\");\n  }\n}\n/**\n * Collects annotations from prototypes and stores them on target (instance)\n */\nfunction collectStoredAnnotations(target) {\n  if (!hasProp(target, storedAnnotationsSymbol)) {\n    // if (__DEV__ && !target[storedAnnotationsSymbol]) {\n    //     die(\n    //         `No annotations were passed to makeObservable, but no decorated members have been found either`\n    //     )\n    // }\n    // We need a copy as we will remove annotation from the list once it's applied.\n    addHiddenProp(target, storedAnnotationsSymbol, _extends({}, target[storedAnnotationsSymbol]));\n  }\n  return target[storedAnnotationsSymbol];\n}\nfunction is20223Decorator(context) {\n  return typeof context == \"object\" && typeof context[\"kind\"] == \"string\";\n}\nfunction assert20223DecoratorType(context, types) {\n  if ( true && !types.includes(context.kind)) {\n    die(\"The decorator applied to '\" + String(context.name) + \"' cannot be used on a \" + context.kind + \" element\");\n  }\n}\n\nvar $mobx = /*#__PURE__*/Symbol(\"mobx administration\");\nvar Atom = /*#__PURE__*/function () {\n  /**\n   * Create a new atom. For debugging purposes it is recommended to give it a name.\n   * The onBecomeObserved and onBecomeUnobserved callbacks can be used for resource management.\n   */\n  function Atom(name_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Atom@\" + getNextId() : 0;\n    }\n    this.name_ = void 0;\n    this.flags_ = 0;\n    this.observers_ = new Set();\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.NOT_TRACKING_;\n    // onBecomeObservedListeners\n    this.onBOL = void 0;\n    // onBecomeUnobservedListeners\n    this.onBUOL = void 0;\n    this.name_ = name_;\n  }\n  // for effective unobserving. BaseAtom has true, for extra optimization, so its onBecomeUnobserved never gets called, because it's not needed\n  var _proto = Atom.prototype;\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  /**\n   * Invoke this method to notify mobx that your atom has been used somehow.\n   * Returns true if there is currently a reactive context.\n   */;\n  _proto.reportObserved = function reportObserved$1() {\n    return reportObserved(this);\n  }\n  /**\n   * Invoke this method _after_ this method has changed to signal mobx that all its observers should invalidate.\n   */;\n  _proto.reportChanged = function reportChanged() {\n    startBatch();\n    propagateChanged(this);\n    endBatch();\n  };\n  _proto.toString = function toString() {\n    return this.name_;\n  };\n  return _createClass(Atom, [{\n    key: \"isBeingObserved\",\n    get: function get() {\n      return getFlag(this.flags_, Atom.isBeingObservedMask_);\n    },\n    set: function set(newValue) {\n      this.flags_ = setFlag(this.flags_, Atom.isBeingObservedMask_, newValue);\n    }\n  }, {\n    key: \"isPendingUnobservation\",\n    get: function get() {\n      return getFlag(this.flags_, Atom.isPendingUnobservationMask_);\n    },\n    set: function set(newValue) {\n      this.flags_ = setFlag(this.flags_, Atom.isPendingUnobservationMask_, newValue);\n    }\n  }, {\n    key: \"diffValue\",\n    get: function get() {\n      return getFlag(this.flags_, Atom.diffValueMask_) ? 1 : 0;\n    },\n    set: function set(newValue) {\n      this.flags_ = setFlag(this.flags_, Atom.diffValueMask_, newValue === 1 ? true : false);\n    }\n  }]);\n}();\nAtom.isBeingObservedMask_ = 1;\nAtom.isPendingUnobservationMask_ = 2;\nAtom.diffValueMask_ = 4;\nvar isAtom = /*#__PURE__*/createInstanceofPredicate(\"Atom\", Atom);\nfunction createAtom(name, onBecomeObservedHandler, onBecomeUnobservedHandler) {\n  if (onBecomeObservedHandler === void 0) {\n    onBecomeObservedHandler = noop;\n  }\n  if (onBecomeUnobservedHandler === void 0) {\n    onBecomeUnobservedHandler = noop;\n  }\n  var atom = new Atom(name);\n  // default `noop` listener will not initialize the hook Set\n  if (onBecomeObservedHandler !== noop) {\n    onBecomeObserved(atom, onBecomeObservedHandler);\n  }\n  if (onBecomeUnobservedHandler !== noop) {\n    onBecomeUnobserved(atom, onBecomeUnobservedHandler);\n  }\n  return atom;\n}\n\nfunction identityComparer(a, b) {\n  return a === b;\n}\nfunction structuralComparer(a, b) {\n  return deepEqual(a, b);\n}\nfunction shallowComparer(a, b) {\n  return deepEqual(a, b, 1);\n}\nfunction defaultComparer(a, b) {\n  if (Object.is) {\n    return Object.is(a, b);\n  }\n  return a === b ? a !== 0 || 1 / a === 1 / b : a !== a && b !== b;\n}\nvar comparer = {\n  identity: identityComparer,\n  structural: structuralComparer,\n  \"default\": defaultComparer,\n  shallow: shallowComparer\n};\n\nfunction deepEnhancer(v, _, name) {\n  // it is an observable already, done\n  if (isObservable(v)) {\n    return v;\n  }\n  // something that can be converted and mutated?\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name\n    });\n  }\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name\n    });\n  }\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name\n    });\n  }\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name\n    });\n  }\n  if (typeof v === \"function\" && !isAction(v) && !isFlow(v)) {\n    if (isGenerator(v)) {\n      return flow(v);\n    } else {\n      return autoAction(name, v);\n    }\n  }\n  return v;\n}\nfunction shallowEnhancer(v, _, name) {\n  if (v === undefined || v === null) {\n    return v;\n  }\n  if (isObservableObject(v) || isObservableArray(v) || isObservableMap(v) || isObservableSet(v)) {\n    return v;\n  }\n  if (Array.isArray(v)) {\n    return observable.array(v, {\n      name: name,\n      deep: false\n    });\n  }\n  if (isPlainObject(v)) {\n    return observable.object(v, undefined, {\n      name: name,\n      deep: false\n    });\n  }\n  if (isES6Map(v)) {\n    return observable.map(v, {\n      name: name,\n      deep: false\n    });\n  }\n  if (isES6Set(v)) {\n    return observable.set(v, {\n      name: name,\n      deep: false\n    });\n  }\n  if (true) {\n    die(\"The shallow modifier / decorator can only used in combination with arrays, objects, maps and sets\");\n  }\n}\nfunction referenceEnhancer(newValue) {\n  // never turn into an observable\n  return newValue;\n}\nfunction refStructEnhancer(v, oldValue) {\n  if ( true && isObservable(v)) {\n    die(\"observable.struct should not be used with observable values\");\n  }\n  if (deepEqual(v, oldValue)) {\n    return oldValue;\n  }\n  return v;\n}\n\nvar OVERRIDE = \"override\";\nvar override = /*#__PURE__*/createDecoratorAnnotation({\n  annotationType_: OVERRIDE,\n  make_: make_,\n  extend_: extend_,\n  decorate_20223_: decorate_20223_\n});\nfunction isOverride(annotation) {\n  return annotation.annotationType_ === OVERRIDE;\n}\nfunction make_(adm, key) {\n  // Must not be plain object\n  if ( true && adm.isPlainObject_) {\n    die(\"Cannot apply '\" + this.annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + this.annotationType_ + \"' cannot be used on plain objects.\"));\n  }\n  // Must override something\n  if ( true && !hasProp(adm.appliedAnnotations_, key)) {\n    die(\"'\" + adm.name_ + \".\" + key.toString() + \"' is annotated with '\" + this.annotationType_ + \"', \" + \"but no such annotated member was found on prototype.\");\n  }\n  return 0 /* MakeResult.Cancel */;\n}\nfunction extend_(adm, key, descriptor, proxyTrap) {\n  die(\"'\" + this.annotationType_ + \"' can only be used with 'makeObservable'\");\n}\nfunction decorate_20223_(desc, context) {\n  console.warn(\"'\" + this.annotationType_ + \"' cannot be used with decorators - this is a no-op\");\n}\n\nfunction createActionAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$1,\n    extend_: extend_$1,\n    decorate_20223_: decorate_20223_$1\n  };\n}\nfunction make_$1(adm, key, descriptor, source) {\n  var _this$options_;\n  // bound\n  if ((_this$options_ = this.options_) != null && _this$options_.bound) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0 /* MakeResult.Cancel */ : 1 /* MakeResult.Break */;\n  }\n  // own\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0 /* MakeResult.Cancel */ : 2 /* MakeResult.Continue */;\n  }\n  // prototype\n  if (isAction(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1 /* MakeResult.Break */;\n  }\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor, false);\n  defineProperty(source, key, actionDescriptor);\n  return 2 /* MakeResult.Continue */;\n}\nfunction extend_$1(adm, key, descriptor, proxyTrap) {\n  var actionDescriptor = createActionDescriptor(adm, this, key, descriptor);\n  return adm.defineProperty_(key, actionDescriptor, proxyTrap);\n}\nfunction decorate_20223_$1(mthd, context) {\n  if (true) {\n    assert20223DecoratorType(context, [\"method\", \"field\"]);\n  }\n  var kind = context.kind,\n    name = context.name,\n    addInitializer = context.addInitializer;\n  var ann = this;\n  var _createAction = function _createAction(m) {\n    var _ann$options_$name, _ann$options_, _ann$options_$autoAct, _ann$options_2;\n    return createAction((_ann$options_$name = (_ann$options_ = ann.options_) == null ? void 0 : _ann$options_.name) != null ? _ann$options_$name : name.toString(), m, (_ann$options_$autoAct = (_ann$options_2 = ann.options_) == null ? void 0 : _ann$options_2.autoAction) != null ? _ann$options_$autoAct : false);\n  };\n  if (kind == \"field\") {\n    return function (initMthd) {\n      var _ann$options_3;\n      var mthd = initMthd;\n      if (!isAction(mthd)) {\n        mthd = _createAction(mthd);\n      }\n      if ((_ann$options_3 = ann.options_) != null && _ann$options_3.bound) {\n        mthd = mthd.bind(this);\n        mthd.isMobxAction = true;\n      }\n      return mthd;\n    };\n  }\n  if (kind == \"method\") {\n    var _this$options_2;\n    if (!isAction(mthd)) {\n      mthd = _createAction(mthd);\n    }\n    if ((_this$options_2 = this.options_) != null && _this$options_2.bound) {\n      addInitializer(function () {\n        var self = this;\n        var bound = self[name].bind(self);\n        bound.isMobxAction = true;\n        self[name] = bound;\n      });\n    }\n    return mthd;\n  }\n  die(\"Cannot apply '\" + ann.annotationType_ + \"' to '\" + String(name) + \"' (kind: \" + kind + \"):\" + (\"\\n'\" + ann.annotationType_ + \"' can only be used on properties with a function value.\"));\n}\nfunction assertActionDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a function value.\"));\n  }\n}\nfunction createActionDescriptor(adm, annotation, key, descriptor,\n// provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  var _annotation$options_, _annotation$options_$, _annotation$options_2, _annotation$options_$2, _annotation$options_3, _annotation$options_4, _adm$proxy_2;\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n  assertActionDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value;\n  if ((_annotation$options_ = annotation.options_) != null && _annotation$options_.bound) {\n    var _adm$proxy_;\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n  return {\n    value: createAction((_annotation$options_$ = (_annotation$options_2 = annotation.options_) == null ? void 0 : _annotation$options_2.name) != null ? _annotation$options_$ : key.toString(), value, (_annotation$options_$2 = (_annotation$options_3 = annotation.options_) == null ? void 0 : _annotation$options_3.autoAction) != null ? _annotation$options_$2 : false,\n    // https://github.com/mobxjs/mobx/discussions/3140\n    (_annotation$options_4 = annotation.options_) != null && _annotation$options_4.bound ? (_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_ : undefined),\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createFlowAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$2,\n    extend_: extend_$2,\n    decorate_20223_: decorate_20223_$2\n  };\n}\nfunction make_$2(adm, key, descriptor, source) {\n  var _this$options_;\n  // own\n  if (source === adm.target_) {\n    return this.extend_(adm, key, descriptor, false) === null ? 0 /* MakeResult.Cancel */ : 2 /* MakeResult.Continue */;\n  }\n  // prototype\n  // bound - must annotate protos to support super.flow()\n  if ((_this$options_ = this.options_) != null && _this$options_.bound && (!hasProp(adm.target_, key) || !isFlow(adm.target_[key]))) {\n    if (this.extend_(adm, key, descriptor, false) === null) {\n      return 0 /* MakeResult.Cancel */;\n    }\n  }\n  if (isFlow(descriptor.value)) {\n    // A prototype could have been annotated already by other constructor,\n    // rest of the proto chain must be annotated already\n    return 1 /* MakeResult.Break */;\n  }\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, false, false);\n  defineProperty(source, key, flowDescriptor);\n  return 2 /* MakeResult.Continue */;\n}\nfunction extend_$2(adm, key, descriptor, proxyTrap) {\n  var _this$options_2;\n  var flowDescriptor = createFlowDescriptor(adm, this, key, descriptor, (_this$options_2 = this.options_) == null ? void 0 : _this$options_2.bound);\n  return adm.defineProperty_(key, flowDescriptor, proxyTrap);\n}\nfunction decorate_20223_$2(mthd, context) {\n  var _this$options_3;\n  if (true) {\n    assert20223DecoratorType(context, [\"method\"]);\n  }\n  var name = context.name,\n    addInitializer = context.addInitializer;\n  if (!isFlow(mthd)) {\n    mthd = flow(mthd);\n  }\n  if ((_this$options_3 = this.options_) != null && _this$options_3.bound) {\n    addInitializer(function () {\n      var self = this;\n      var bound = self[name].bind(self);\n      bound.isMobXFlow = true;\n      self[name] = bound;\n    });\n  }\n  return mthd;\n}\nfunction assertFlowDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var value = _ref2.value;\n  if ( true && !isFunction(value)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on properties with a generator function value.\"));\n  }\n}\nfunction createFlowDescriptor(adm, annotation, key, descriptor, bound,\n// provides ability to disable safeDescriptors for prototypes\nsafeDescriptors) {\n  if (safeDescriptors === void 0) {\n    safeDescriptors = globalState.safeDescriptors;\n  }\n  assertFlowDescriptor(adm, annotation, key, descriptor);\n  var value = descriptor.value;\n  // In case of flow.bound, the descriptor can be from already annotated prototype\n  if (!isFlow(value)) {\n    value = flow(value);\n  }\n  if (bound) {\n    var _adm$proxy_;\n    // We do not keep original function around, so we bind the existing flow\n    value = value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n    // This is normally set by `flow`, but `bind` returns new function...\n    value.isMobXFlow = true;\n  }\n  return {\n    value: value,\n    // Non-configurable for classes\n    // prevents accidental field redefinition in subclass\n    configurable: safeDescriptors ? adm.isPlainObject_ : true,\n    // https://github.com/mobxjs/mobx/pull/2641#issuecomment-737292058\n    enumerable: false,\n    // Non-obsevable, therefore non-writable\n    // Also prevents rewriting in subclass constructor\n    writable: safeDescriptors ? false : true\n  };\n}\n\nfunction createComputedAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$3,\n    extend_: extend_$3,\n    decorate_20223_: decorate_20223_$3\n  };\n}\nfunction make_$3(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0 /* MakeResult.Cancel */ : 1 /* MakeResult.Break */;\n}\nfunction extend_$3(adm, key, descriptor, proxyTrap) {\n  assertComputedDescriptor(adm, this, key, descriptor);\n  return adm.defineComputedProperty_(key, _extends({}, this.options_, {\n    get: descriptor.get,\n    set: descriptor.set\n  }), proxyTrap);\n}\nfunction decorate_20223_$3(get, context) {\n  if (true) {\n    assert20223DecoratorType(context, [\"getter\"]);\n  }\n  var ann = this;\n  var key = context.name,\n    addInitializer = context.addInitializer;\n  addInitializer(function () {\n    var adm = asObservableObject(this)[$mobx];\n    var options = _extends({}, ann.options_, {\n      get: get,\n      context: this\n    });\n    options.name || (options.name =  true ? adm.name_ + \".\" + key.toString() : 0);\n    adm.values_.set(key, new ComputedValue(options));\n  });\n  return function () {\n    return this[$mobx].getObservablePropValue_(key);\n  };\n}\nfunction assertComputedDescriptor(adm, _ref, key, _ref2) {\n  var annotationType_ = _ref.annotationType_;\n  var get = _ref2.get;\n  if ( true && !get) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' can only be used on getter(+setter) properties.\"));\n  }\n}\n\nfunction createObservableAnnotation(name, options) {\n  return {\n    annotationType_: name,\n    options_: options,\n    make_: make_$4,\n    extend_: extend_$4,\n    decorate_20223_: decorate_20223_$4\n  };\n}\nfunction make_$4(adm, key, descriptor) {\n  return this.extend_(adm, key, descriptor, false) === null ? 0 /* MakeResult.Cancel */ : 1 /* MakeResult.Break */;\n}\nfunction extend_$4(adm, key, descriptor, proxyTrap) {\n  var _this$options_$enhanc, _this$options_;\n  assertObservableDescriptor(adm, this, key, descriptor);\n  return adm.defineObservableProperty_(key, descriptor.value, (_this$options_$enhanc = (_this$options_ = this.options_) == null ? void 0 : _this$options_.enhancer) != null ? _this$options_$enhanc : deepEnhancer, proxyTrap);\n}\nfunction decorate_20223_$4(desc, context) {\n  if (true) {\n    if (context.kind === \"field\") {\n      throw die(\"Please use `@observable accessor \" + String(context.name) + \"` instead of `@observable \" + String(context.name) + \"`\");\n    }\n    assert20223DecoratorType(context, [\"accessor\"]);\n  }\n  var ann = this;\n  var kind = context.kind,\n    name = context.name;\n  // The laziness here is not ideal... It's a workaround to how 2022.3 Decorators are implemented:\n  //   `addInitializer` callbacks are executed _before_ any accessors are defined (instead of the ideal-for-us right after each).\n  //   This means that, if we were to do our stuff in an `addInitializer`, we'd attempt to read a private slot\n  //   before it has been initialized. The runtime doesn't like that and throws a `Cannot read private member\n  //   from an object whose class did not declare it` error.\n  // TODO: it seems that this will not be required anymore in the final version of the spec\n  // See TODO: link\n  var initializedObjects = new WeakSet();\n  function initializeObservable(target, value) {\n    var _ann$options_$enhance, _ann$options_;\n    var adm = asObservableObject(target)[$mobx];\n    var observable = new ObservableValue(value, (_ann$options_$enhance = (_ann$options_ = ann.options_) == null ? void 0 : _ann$options_.enhancer) != null ? _ann$options_$enhance : deepEnhancer,  true ? adm.name_ + \".\" + name.toString() : 0, false);\n    adm.values_.set(name, observable);\n    initializedObjects.add(target);\n  }\n  if (kind == \"accessor\") {\n    return {\n      get: function get() {\n        if (!initializedObjects.has(this)) {\n          initializeObservable(this, desc.get.call(this));\n        }\n        return this[$mobx].getObservablePropValue_(name);\n      },\n      set: function set(value) {\n        if (!initializedObjects.has(this)) {\n          initializeObservable(this, value);\n        }\n        return this[$mobx].setObservablePropValue_(name, value);\n      },\n      init: function init(value) {\n        if (!initializedObjects.has(this)) {\n          initializeObservable(this, value);\n        }\n        return value;\n      }\n    };\n  }\n  return;\n}\nfunction assertObservableDescriptor(adm, _ref, key, descriptor) {\n  var annotationType_ = _ref.annotationType_;\n  if ( true && !(\"value\" in descriptor)) {\n    die(\"Cannot apply '\" + annotationType_ + \"' to '\" + adm.name_ + \".\" + key.toString() + \"':\" + (\"\\n'\" + annotationType_ + \"' cannot be used on getter/setter properties\"));\n  }\n}\n\nvar AUTO = \"true\";\nvar autoAnnotation = /*#__PURE__*/createAutoAnnotation();\nfunction createAutoAnnotation(options) {\n  return {\n    annotationType_: AUTO,\n    options_: options,\n    make_: make_$5,\n    extend_: extend_$5,\n    decorate_20223_: decorate_20223_$5\n  };\n}\nfunction make_$5(adm, key, descriptor, source) {\n  var _this$options_3, _this$options_4;\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.make_(adm, key, descriptor, source);\n  }\n  // lone setter -> action setter\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.make_\n    var set = createAction(key.toString(), descriptor.set);\n    // own\n    if (source === adm.target_) {\n      return adm.defineProperty_(key, {\n        configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n        set: set\n      }) === null ? 0 /* MakeResult.Cancel */ : 2 /* MakeResult.Continue */;\n    }\n    // proto\n    defineProperty(source, key, {\n      configurable: true,\n      set: set\n    });\n    return 2 /* MakeResult.Continue */;\n  }\n  // function on proto -> autoAction/flow\n  if (source !== adm.target_ && typeof descriptor.value === \"function\") {\n    var _this$options_2;\n    if (isGenerator(descriptor.value)) {\n      var _this$options_;\n      var flowAnnotation = (_this$options_ = this.options_) != null && _this$options_.autoBind ? flow.bound : flow;\n      return flowAnnotation.make_(adm, key, descriptor, source);\n    }\n    var actionAnnotation = (_this$options_2 = this.options_) != null && _this$options_2.autoBind ? autoAction.bound : autoAction;\n    return actionAnnotation.make_(adm, key, descriptor, source);\n  }\n  // other -> observable\n  // Copy props from proto as well, see test:\n  // \"decorate should work with Object.create\"\n  var observableAnnotation = ((_this$options_3 = this.options_) == null ? void 0 : _this$options_3.deep) === false ? observable.ref : observable;\n  // if function respect autoBind option\n  if (typeof descriptor.value === \"function\" && (_this$options_4 = this.options_) != null && _this$options_4.autoBind) {\n    var _adm$proxy_;\n    descriptor.value = descriptor.value.bind((_adm$proxy_ = adm.proxy_) != null ? _adm$proxy_ : adm.target_);\n  }\n  return observableAnnotation.make_(adm, key, descriptor, source);\n}\nfunction extend_$5(adm, key, descriptor, proxyTrap) {\n  var _this$options_5, _this$options_6;\n  // getter -> computed\n  if (descriptor.get) {\n    return computed.extend_(adm, key, descriptor, proxyTrap);\n  }\n  // lone setter -> action setter\n  if (descriptor.set) {\n    // TODO make action applicable to setter and delegate to action.extend_\n    return adm.defineProperty_(key, {\n      configurable: globalState.safeDescriptors ? adm.isPlainObject_ : true,\n      set: createAction(key.toString(), descriptor.set)\n    }, proxyTrap);\n  }\n  // other -> observable\n  // if function respect autoBind option\n  if (typeof descriptor.value === \"function\" && (_this$options_5 = this.options_) != null && _this$options_5.autoBind) {\n    var _adm$proxy_2;\n    descriptor.value = descriptor.value.bind((_adm$proxy_2 = adm.proxy_) != null ? _adm$proxy_2 : adm.target_);\n  }\n  var observableAnnotation = ((_this$options_6 = this.options_) == null ? void 0 : _this$options_6.deep) === false ? observable.ref : observable;\n  return observableAnnotation.extend_(adm, key, descriptor, proxyTrap);\n}\nfunction decorate_20223_$5(desc, context) {\n  die(\"'\" + this.annotationType_ + \"' cannot be used as a decorator\");\n}\n\nvar OBSERVABLE = \"observable\";\nvar OBSERVABLE_REF = \"observable.ref\";\nvar OBSERVABLE_SHALLOW = \"observable.shallow\";\nvar OBSERVABLE_STRUCT = \"observable.struct\";\n// Predefined bags of create observable options, to avoid allocating temporarily option objects\n// in the majority of cases\nvar defaultCreateObservableOptions = {\n  deep: true,\n  name: undefined,\n  defaultDecorator: undefined,\n  proxy: true\n};\nObject.freeze(defaultCreateObservableOptions);\nfunction asCreateObservableOptions(thing) {\n  return thing || defaultCreateObservableOptions;\n}\nvar observableAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE);\nvar observableRefAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_REF, {\n  enhancer: referenceEnhancer\n});\nvar observableShallowAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_SHALLOW, {\n  enhancer: shallowEnhancer\n});\nvar observableStructAnnotation = /*#__PURE__*/createObservableAnnotation(OBSERVABLE_STRUCT, {\n  enhancer: refStructEnhancer\n});\nvar observableDecoratorAnnotation = /*#__PURE__*/createDecoratorAnnotation(observableAnnotation);\nfunction getEnhancerFromOptions(options) {\n  return options.deep === true ? deepEnhancer : options.deep === false ? referenceEnhancer : getEnhancerFromAnnotation(options.defaultDecorator);\n}\nfunction getAnnotationFromOptions(options) {\n  var _options$defaultDecor;\n  return options ? (_options$defaultDecor = options.defaultDecorator) != null ? _options$defaultDecor : createAutoAnnotation(options) : undefined;\n}\nfunction getEnhancerFromAnnotation(annotation) {\n  var _annotation$options_$, _annotation$options_;\n  return !annotation ? deepEnhancer : (_annotation$options_$ = (_annotation$options_ = annotation.options_) == null ? void 0 : _annotation$options_.enhancer) != null ? _annotation$options_$ : deepEnhancer;\n}\n/**\n * Turns an object, array or function into a reactive structure.\n * @param v the value which should become observable.\n */\nfunction createObservable(v, arg2, arg3) {\n  // @observable someProp; (2022.3 Decorators)\n  if (is20223Decorator(arg2)) {\n    return observableAnnotation.decorate_20223_(v, arg2);\n  }\n  // @observable someProp;\n  if (isStringish(arg2)) {\n    storeAnnotation(v, arg2, observableAnnotation);\n    return;\n  }\n  // already observable - ignore\n  if (isObservable(v)) {\n    return v;\n  }\n  // plain object\n  if (isPlainObject(v)) {\n    return observable.object(v, arg2, arg3);\n  }\n  // Array\n  if (Array.isArray(v)) {\n    return observable.array(v, arg2);\n  }\n  // Map\n  if (isES6Map(v)) {\n    return observable.map(v, arg2);\n  }\n  // Set\n  if (isES6Set(v)) {\n    return observable.set(v, arg2);\n  }\n  // other object - ignore\n  if (typeof v === \"object\" && v !== null) {\n    return v;\n  }\n  // anything else\n  return observable.box(v, arg2);\n}\nassign(createObservable, observableDecoratorAnnotation);\nvar observableFactories = {\n  box: function box(value, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableValue(value, getEnhancerFromOptions(o), o.name, true, o.equals);\n  },\n  array: function array(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return (globalState.useProxies === false || o.proxy === false ? createLegacyArray : createObservableArray)(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  map: function map(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableMap(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  set: function set(initialValues, options) {\n    var o = asCreateObservableOptions(options);\n    return new ObservableSet(initialValues, getEnhancerFromOptions(o), o.name);\n  },\n  object: function object(props, decorators, options) {\n    return initObservable(function () {\n      return extendObservable(globalState.useProxies === false || (options == null ? void 0 : options.proxy) === false ? asObservableObject({}, options) : asDynamicObservableObject({}, options), props, decorators);\n    });\n  },\n  ref: /*#__PURE__*/createDecoratorAnnotation(observableRefAnnotation),\n  shallow: /*#__PURE__*/createDecoratorAnnotation(observableShallowAnnotation),\n  deep: observableDecoratorAnnotation,\n  struct: /*#__PURE__*/createDecoratorAnnotation(observableStructAnnotation)\n};\n// eslint-disable-next-line\nvar observable = /*#__PURE__*/assign(createObservable, observableFactories);\n\nvar COMPUTED = \"computed\";\nvar COMPUTED_STRUCT = \"computed.struct\";\nvar computedAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED);\nvar computedStructAnnotation = /*#__PURE__*/createComputedAnnotation(COMPUTED_STRUCT, {\n  equals: comparer.structural\n});\n/**\n * Decorator for class properties: @computed get value() { return expr; }.\n * For legacy purposes also invokable as ES5 observable created: `computed(() => expr)`;\n */\nvar computed = function computed(arg1, arg2) {\n  if (is20223Decorator(arg2)) {\n    // @computed (2022.3 Decorators)\n    return computedAnnotation.decorate_20223_(arg1, arg2);\n  }\n  if (isStringish(arg2)) {\n    // @computed\n    return storeAnnotation(arg1, arg2, computedAnnotation);\n  }\n  if (isPlainObject(arg1)) {\n    // @computed({ options })\n    return createDecoratorAnnotation(createComputedAnnotation(COMPUTED, arg1));\n  }\n  // computed(expr, options?)\n  if (true) {\n    if (!isFunction(arg1)) {\n      die(\"First argument to `computed` should be an expression.\");\n    }\n    if (isFunction(arg2)) {\n      die(\"A setter as second argument is no longer supported, use `{ set: fn }` option instead\");\n    }\n  }\n  var opts = isPlainObject(arg2) ? arg2 : {};\n  opts.get = arg1;\n  opts.name || (opts.name = arg1.name || \"\"); /* for generated name */\n  return new ComputedValue(opts);\n};\nObject.assign(computed, computedAnnotation);\ncomputed.struct = /*#__PURE__*/createDecoratorAnnotation(computedStructAnnotation);\n\nvar _getDescriptor$config, _getDescriptor;\n// we don't use globalState for these in order to avoid possible issues with multiple\n// mobx versions\nvar currentActionId = 0;\nvar nextActionId = 1;\nvar isFunctionNameConfigurable = (_getDescriptor$config = (_getDescriptor = /*#__PURE__*/getDescriptor(function () {}, \"name\")) == null ? void 0 : _getDescriptor.configurable) != null ? _getDescriptor$config : false;\n// we can safely recycle this object\nvar tmpNameDescriptor = {\n  value: \"action\",\n  configurable: true,\n  writable: false,\n  enumerable: false\n};\nfunction createAction(actionName, fn, autoAction, ref) {\n  if (autoAction === void 0) {\n    autoAction = false;\n  }\n  if (true) {\n    if (!isFunction(fn)) {\n      die(\"`action` can only be invoked on functions\");\n    }\n    if (typeof actionName !== \"string\" || !actionName) {\n      die(\"actions should have valid names, got: '\" + actionName + \"'\");\n    }\n  }\n  function res() {\n    return executeAction(actionName, autoAction, fn, ref || this, arguments);\n  }\n  res.isMobxAction = true;\n  res.toString = function () {\n    return fn.toString();\n  };\n  if (isFunctionNameConfigurable) {\n    tmpNameDescriptor.value = actionName;\n    defineProperty(res, \"name\", tmpNameDescriptor);\n  }\n  return res;\n}\nfunction executeAction(actionName, canRunAsDerivation, fn, scope, args) {\n  var runInfo = _startAction(actionName, canRunAsDerivation, scope, args);\n  try {\n    return fn.apply(scope, args);\n  } catch (err) {\n    runInfo.error_ = err;\n    throw err;\n  } finally {\n    _endAction(runInfo);\n  }\n}\nfunction _startAction(actionName, canRunAsDerivation,\n// true for autoAction\nscope, args) {\n  var notifySpy_ =  true && isSpyEnabled() && !!actionName;\n  var startTime_ = 0;\n  if ( true && notifySpy_) {\n    startTime_ = Date.now();\n    var flattenedArgs = args ? Array.from(args) : EMPTY_ARRAY;\n    spyReportStart({\n      type: ACTION,\n      name: actionName,\n      object: scope,\n      arguments: flattenedArgs\n    });\n  }\n  var prevDerivation_ = globalState.trackingDerivation;\n  var runAsAction = !canRunAsDerivation || !prevDerivation_;\n  startBatch();\n  var prevAllowStateChanges_ = globalState.allowStateChanges; // by default preserve previous allow\n  if (runAsAction) {\n    untrackedStart();\n    prevAllowStateChanges_ = allowStateChangesStart(true);\n  }\n  var prevAllowStateReads_ = allowStateReadsStart(true);\n  var runInfo = {\n    runAsAction_: runAsAction,\n    prevDerivation_: prevDerivation_,\n    prevAllowStateChanges_: prevAllowStateChanges_,\n    prevAllowStateReads_: prevAllowStateReads_,\n    notifySpy_: notifySpy_,\n    startTime_: startTime_,\n    actionId_: nextActionId++,\n    parentActionId_: currentActionId\n  };\n  currentActionId = runInfo.actionId_;\n  return runInfo;\n}\nfunction _endAction(runInfo) {\n  if (currentActionId !== runInfo.actionId_) {\n    die(30);\n  }\n  currentActionId = runInfo.parentActionId_;\n  if (runInfo.error_ !== undefined) {\n    globalState.suppressReactionErrors = true;\n  }\n  allowStateChangesEnd(runInfo.prevAllowStateChanges_);\n  allowStateReadsEnd(runInfo.prevAllowStateReads_);\n  endBatch();\n  if (runInfo.runAsAction_) {\n    untrackedEnd(runInfo.prevDerivation_);\n  }\n  if ( true && runInfo.notifySpy_) {\n    spyReportEnd({\n      time: Date.now() - runInfo.startTime_\n    });\n  }\n  globalState.suppressReactionErrors = false;\n}\nfunction allowStateChanges(allowStateChanges, func) {\n  var prev = allowStateChangesStart(allowStateChanges);\n  try {\n    return func();\n  } finally {\n    allowStateChangesEnd(prev);\n  }\n}\nfunction allowStateChangesStart(allowStateChanges) {\n  var prev = globalState.allowStateChanges;\n  globalState.allowStateChanges = allowStateChanges;\n  return prev;\n}\nfunction allowStateChangesEnd(prev) {\n  globalState.allowStateChanges = prev;\n}\n\nvar CREATE = \"create\";\nvar ObservableValue = /*#__PURE__*/function (_Atom) {\n  function ObservableValue(value, enhancer, name_, notifySpy, equals) {\n    var _this;\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableValue@\" + getNextId() : 0;\n    }\n    if (notifySpy === void 0) {\n      notifySpy = true;\n    }\n    if (equals === void 0) {\n      equals = comparer[\"default\"];\n    }\n    _this = _Atom.call(this, name_) || this;\n    _this.enhancer = void 0;\n    _this.name_ = void 0;\n    _this.equals = void 0;\n    _this.hasUnreportedChange_ = false;\n    _this.interceptors_ = void 0;\n    _this.changeListeners_ = void 0;\n    _this.value_ = void 0;\n    _this.dehancer = void 0;\n    _this.enhancer = enhancer;\n    _this.name_ = name_;\n    _this.equals = equals;\n    _this.value_ = enhancer(value, undefined, name_);\n    if ( true && notifySpy && isSpyEnabled()) {\n      // only notify spy if this is a stand-alone observable\n      spyReport({\n        type: CREATE,\n        object: _this,\n        observableKind: \"value\",\n        debugObjectName: _this.name_,\n        newValue: \"\" + _this.value_\n      });\n    }\n    return _this;\n  }\n  _inheritsLoose(ObservableValue, _Atom);\n  var _proto = ObservableValue.prototype;\n  _proto.dehanceValue = function dehanceValue(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n    return value;\n  };\n  _proto.set = function set(newValue) {\n    var oldValue = this.value_;\n    newValue = this.prepareNewValue_(newValue);\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n      if ( true && notifySpy) {\n        spyReportStart({\n          type: UPDATE,\n          object: this,\n          observableKind: \"value\",\n          debugObjectName: this.name_,\n          newValue: newValue,\n          oldValue: oldValue\n        });\n      }\n      this.setNewValue_(newValue);\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n  _proto.prepareNewValue_ = function prepareNewValue_(newValue) {\n    checkIfStateModificationsAreAllowed(this);\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this,\n        type: UPDATE,\n        newValue: newValue\n      });\n      if (!change) {\n        return globalState.UNCHANGED;\n      }\n      newValue = change.newValue;\n    }\n    // apply modifier\n    newValue = this.enhancer(newValue, this.value_, this.name_);\n    return this.equals(this.value_, newValue) ? globalState.UNCHANGED : newValue;\n  };\n  _proto.setNewValue_ = function setNewValue_(newValue) {\n    var oldValue = this.value_;\n    this.value_ = newValue;\n    this.reportChanged();\n    if (hasListeners(this)) {\n      notifyListeners(this, {\n        type: UPDATE,\n        object: this,\n        newValue: newValue,\n        oldValue: oldValue\n      });\n    }\n  };\n  _proto.get = function get() {\n    this.reportObserved();\n    return this.dehanceValue(this.value_);\n  };\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately) {\n      listener({\n        observableKind: \"value\",\n        debugObjectName: this.name_,\n        object: this,\n        type: UPDATE,\n        newValue: this.value_,\n        oldValue: undefined\n      });\n    }\n    return registerListener(this, listener);\n  };\n  _proto.raw = function raw() {\n    // used by MST ot get undehanced value\n    return this.value_;\n  };\n  _proto.toJSON = function toJSON() {\n    return this.get();\n  };\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.value_ + \"]\";\n  };\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n  _proto[Symbol.toPrimitive] = function () {\n    return this.valueOf();\n  };\n  return ObservableValue;\n}(Atom);\nvar isObservableValue = /*#__PURE__*/createInstanceofPredicate(\"ObservableValue\", ObservableValue);\n\n/**\n * A node in the state dependency root that observes other nodes, and can be observed itself.\n *\n * ComputedValue will remember the result of the computation for the duration of the batch, or\n * while being observed.\n *\n * During this time it will recompute only when one of its direct dependencies changed,\n * but only when it is being accessed with `ComputedValue.get()`.\n *\n * Implementation description:\n * 1. First time it's being accessed it will compute and remember result\n *    give back remembered result until 2. happens\n * 2. First time any deep dependency change, propagate POSSIBLY_STALE to all observers, wait for 3.\n * 3. When it's being accessed, recompute if any shallow dependency changed.\n *    if result changed: propagate STALE to all observers, that were POSSIBLY_STALE from the last step.\n *    go to step 2. either way\n *\n * If at any point it's outside batch and it isn't observed: reset everything and go to 1.\n */\nvar ComputedValue = /*#__PURE__*/function () {\n  /**\n   * Create a new computed value based on a function expression.\n   *\n   * The `name` property is for debug purposes only.\n   *\n   * The `equals` property specifies the comparer function to use to determine if a newly produced\n   * value differs from the previous value. Two comparers are provided in the library; `defaultComparer`\n   * compares based on identity comparison (===), and `structuralComparer` deeply compares the structure.\n   * Structural comparison can be convenient if you always produce a new aggregated object and\n   * don't want to notify observers if it is structurally the same.\n   * This is useful for working with vectors, mouse coordinates etc.\n   */\n  function ComputedValue(options) {\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.observing_ = [];\n    // nodes we are looking at. Our value depends on these nodes\n    this.newObserving_ = null;\n    // during tracking it's an array with new observed observers\n    this.observers_ = new Set();\n    this.runId_ = 0;\n    this.lastAccessedBy_ = 0;\n    this.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    this.unboundDepsCount_ = 0;\n    this.value_ = new CaughtException(null);\n    this.name_ = void 0;\n    this.triggeredBy_ = void 0;\n    this.flags_ = 0;\n    this.derivation = void 0;\n    // N.B: unminified as it is used by MST\n    this.setter_ = void 0;\n    this.isTracing_ = TraceMode.NONE;\n    this.scope_ = void 0;\n    this.equals_ = void 0;\n    this.requiresReaction_ = void 0;\n    this.keepAlive_ = void 0;\n    this.onBOL = void 0;\n    this.onBUOL = void 0;\n    if (!options.get) {\n      die(31);\n    }\n    this.derivation = options.get;\n    this.name_ = options.name || ( true ? \"ComputedValue@\" + getNextId() : 0);\n    if (options.set) {\n      this.setter_ = createAction( true ? this.name_ + \"-setter\" : 0, options.set);\n    }\n    this.equals_ = options.equals || (options.compareStructural || options.struct ? comparer.structural : comparer[\"default\"]);\n    this.scope_ = options.context;\n    this.requiresReaction_ = options.requiresReaction;\n    this.keepAlive_ = !!options.keepAlive;\n  }\n  var _proto = ComputedValue.prototype;\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    propagateMaybeChanged(this);\n  };\n  _proto.onBO = function onBO() {\n    if (this.onBOL) {\n      this.onBOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  };\n  _proto.onBUO = function onBUO() {\n    if (this.onBUOL) {\n      this.onBUOL.forEach(function (listener) {\n        return listener();\n      });\n    }\n  }\n  // to check for cycles\n  ;\n  /**\n   * Returns the current value of this computed value.\n   * Will evaluate its computation first if needed.\n   */\n  _proto.get = function get() {\n    if (this.isComputing) {\n      die(32, this.name_, this.derivation);\n    }\n    if (globalState.inBatch === 0 &&\n    // !globalState.trackingDerivatpion &&\n    this.observers_.size === 0 && !this.keepAlive_) {\n      if (shouldCompute(this)) {\n        this.warnAboutUntrackedRead_();\n        startBatch(); // See perf test 'computed memoization'\n        this.value_ = this.computeValue_(false);\n        endBatch();\n      }\n    } else {\n      reportObserved(this);\n      if (shouldCompute(this)) {\n        var prevTrackingContext = globalState.trackingContext;\n        if (this.keepAlive_ && !prevTrackingContext) {\n          globalState.trackingContext = this;\n        }\n        if (this.trackAndCompute()) {\n          propagateChangeConfirmed(this);\n        }\n        globalState.trackingContext = prevTrackingContext;\n      }\n    }\n    var result = this.value_;\n    if (isCaughtException(result)) {\n      throw result.cause;\n    }\n    return result;\n  };\n  _proto.set = function set(value) {\n    if (this.setter_) {\n      if (this.isRunningSetter) {\n        die(33, this.name_);\n      }\n      this.isRunningSetter = true;\n      try {\n        this.setter_.call(this.scope_, value);\n      } finally {\n        this.isRunningSetter = false;\n      }\n    } else {\n      die(34, this.name_);\n    }\n  };\n  _proto.trackAndCompute = function trackAndCompute() {\n    // N.B: unminified as it is used by MST\n    var oldValue = this.value_;\n    var wasSuspended = /* see #1208 */this.dependenciesState_ === IDerivationState_.NOT_TRACKING_;\n    var newValue = this.computeValue_(true);\n    var changed = wasSuspended || isCaughtException(oldValue) || isCaughtException(newValue) || !this.equals_(oldValue, newValue);\n    if (changed) {\n      this.value_ = newValue;\n      if ( true && isSpyEnabled()) {\n        spyReport({\n          observableKind: \"computed\",\n          debugObjectName: this.name_,\n          object: this.scope_,\n          type: \"update\",\n          oldValue: oldValue,\n          newValue: newValue\n        });\n      }\n    }\n    return changed;\n  };\n  _proto.computeValue_ = function computeValue_(track) {\n    this.isComputing = true;\n    // don't allow state changes during computation\n    var prev = allowStateChangesStart(false);\n    var res;\n    if (track) {\n      res = trackDerivedFunction(this, this.derivation, this.scope_);\n    } else {\n      if (globalState.disableErrorBoundaries === true) {\n        res = this.derivation.call(this.scope_);\n      } else {\n        try {\n          res = this.derivation.call(this.scope_);\n        } catch (e) {\n          res = new CaughtException(e);\n        }\n      }\n    }\n    allowStateChangesEnd(prev);\n    this.isComputing = false;\n    return res;\n  };\n  _proto.suspend_ = function suspend_() {\n    if (!this.keepAlive_) {\n      clearObserving(this);\n      this.value_ = undefined; // don't hold on to computed value!\n      if ( true && this.isTracing_ !== TraceMode.NONE) {\n        console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' was suspended and it will recompute on the next access.\");\n      }\n    }\n  };\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    var _this = this;\n    var firstTime = true;\n    var prevValue = undefined;\n    return autorun(function () {\n      // TODO: why is this in a different place than the spyReport() function? in all other observables it's called in the same place\n      var newValue = _this.get();\n      if (!firstTime || fireImmediately) {\n        var prevU = untrackedStart();\n        listener({\n          observableKind: \"computed\",\n          debugObjectName: _this.name_,\n          type: UPDATE,\n          object: _this,\n          newValue: newValue,\n          oldValue: prevValue\n        });\n        untrackedEnd(prevU);\n      }\n      firstTime = false;\n      prevValue = newValue;\n    });\n  };\n  _proto.warnAboutUntrackedRead_ = function warnAboutUntrackedRead_() {\n    if (false) {}\n    if (this.isTracing_ !== TraceMode.NONE) {\n      console.log(\"[mobx.trace] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n    if (typeof this.requiresReaction_ === \"boolean\" ? this.requiresReaction_ : globalState.computedRequiresReaction) {\n      console.warn(\"[mobx] Computed value '\" + this.name_ + \"' is being read outside a reactive context. Doing a full recompute.\");\n    }\n  };\n  _proto.toString = function toString() {\n    return this.name_ + \"[\" + this.derivation.toString() + \"]\";\n  };\n  _proto.valueOf = function valueOf() {\n    return toPrimitive(this.get());\n  };\n  _proto[Symbol.toPrimitive] = function () {\n    return this.valueOf();\n  };\n  return _createClass(ComputedValue, [{\n    key: \"isComputing\",\n    get: function get() {\n      return getFlag(this.flags_, ComputedValue.isComputingMask_);\n    },\n    set: function set(newValue) {\n      this.flags_ = setFlag(this.flags_, ComputedValue.isComputingMask_, newValue);\n    }\n  }, {\n    key: \"isRunningSetter\",\n    get: function get() {\n      return getFlag(this.flags_, ComputedValue.isRunningSetterMask_);\n    },\n    set: function set(newValue) {\n      this.flags_ = setFlag(this.flags_, ComputedValue.isRunningSetterMask_, newValue);\n    }\n  }, {\n    key: \"isBeingObserved\",\n    get: function get() {\n      return getFlag(this.flags_, ComputedValue.isBeingObservedMask_);\n    },\n    set: function set(newValue) {\n      this.flags_ = setFlag(this.flags_, ComputedValue.isBeingObservedMask_, newValue);\n    }\n  }, {\n    key: \"isPendingUnobservation\",\n    get: function get() {\n      return getFlag(this.flags_, ComputedValue.isPendingUnobservationMask_);\n    },\n    set: function set(newValue) {\n      this.flags_ = setFlag(this.flags_, ComputedValue.isPendingUnobservationMask_, newValue);\n    }\n  }, {\n    key: \"diffValue\",\n    get: function get() {\n      return getFlag(this.flags_, ComputedValue.diffValueMask_) ? 1 : 0;\n    },\n    set: function set(newValue) {\n      this.flags_ = setFlag(this.flags_, ComputedValue.diffValueMask_, newValue === 1 ? true : false);\n    }\n  }]);\n}();\nComputedValue.isComputingMask_ = 1;\nComputedValue.isRunningSetterMask_ = 2;\nComputedValue.isBeingObservedMask_ = 4;\nComputedValue.isPendingUnobservationMask_ = 8;\nComputedValue.diffValueMask_ = 16;\nvar isComputedValue = /*#__PURE__*/createInstanceofPredicate(\"ComputedValue\", ComputedValue);\n\nvar IDerivationState_;\n(function (IDerivationState_) {\n  // before being run or (outside batch and not being observed)\n  // at this point derivation is not holding any data about dependency tree\n  IDerivationState_[IDerivationState_[\"NOT_TRACKING_\"] = -1] = \"NOT_TRACKING_\";\n  // no shallow dependency changed since last computation\n  // won't recalculate derivation\n  // this is what makes mobx fast\n  IDerivationState_[IDerivationState_[\"UP_TO_DATE_\"] = 0] = \"UP_TO_DATE_\";\n  // some deep dependency changed, but don't know if shallow dependency changed\n  // will require to check first if UP_TO_DATE or POSSIBLY_STALE\n  // currently only ComputedValue will propagate POSSIBLY_STALE\n  //\n  // having this state is second big optimization:\n  // don't have to recompute on every dependency change, but only when it's needed\n  IDerivationState_[IDerivationState_[\"POSSIBLY_STALE_\"] = 1] = \"POSSIBLY_STALE_\";\n  // A shallow dependency has changed since last computation and the derivation\n  // will need to recompute when it's needed next.\n  IDerivationState_[IDerivationState_[\"STALE_\"] = 2] = \"STALE_\";\n})(IDerivationState_ || (IDerivationState_ = {}));\nvar TraceMode;\n(function (TraceMode) {\n  TraceMode[TraceMode[\"NONE\"] = 0] = \"NONE\";\n  TraceMode[TraceMode[\"LOG\"] = 1] = \"LOG\";\n  TraceMode[TraceMode[\"BREAK\"] = 2] = \"BREAK\";\n})(TraceMode || (TraceMode = {}));\nvar CaughtException = function CaughtException(cause) {\n  this.cause = void 0;\n  this.cause = cause;\n  // Empty\n};\nfunction isCaughtException(e) {\n  return e instanceof CaughtException;\n}\n/**\n * Finds out whether any dependency of the derivation has actually changed.\n * If dependenciesState is 1 then it will recalculate dependencies,\n * if any dependency changed it will propagate it by changing dependenciesState to 2.\n *\n * By iterating over the dependencies in the same order that they were reported and\n * stopping on the first change, all the recalculations are only called for ComputedValues\n * that will be tracked by derivation. That is because we assume that if the first x\n * dependencies of the derivation doesn't change then the derivation should run the same way\n * up until accessing x-th dependency.\n */\nfunction shouldCompute(derivation) {\n  switch (derivation.dependenciesState_) {\n    case IDerivationState_.UP_TO_DATE_:\n      return false;\n    case IDerivationState_.NOT_TRACKING_:\n    case IDerivationState_.STALE_:\n      return true;\n    case IDerivationState_.POSSIBLY_STALE_:\n      {\n        // state propagation can occur outside of action/reactive context #2195\n        var prevAllowStateReads = allowStateReadsStart(true);\n        var prevUntracked = untrackedStart(); // no need for those computeds to be reported, they will be picked up in trackDerivedFunction.\n        var obs = derivation.observing_,\n          l = obs.length;\n        for (var i = 0; i < l; i++) {\n          var obj = obs[i];\n          if (isComputedValue(obj)) {\n            if (globalState.disableErrorBoundaries) {\n              obj.get();\n            } else {\n              try {\n                obj.get();\n              } catch (e) {\n                // we are not interested in the value *or* exception at this moment, but if there is one, notify all\n                untrackedEnd(prevUntracked);\n                allowStateReadsEnd(prevAllowStateReads);\n                return true;\n              }\n            }\n            // if ComputedValue `obj` actually changed it will be computed and propagated to its observers.\n            // and `derivation` is an observer of `obj`\n            // invariantShouldCompute(derivation)\n            if (derivation.dependenciesState_ === IDerivationState_.STALE_) {\n              untrackedEnd(prevUntracked);\n              allowStateReadsEnd(prevAllowStateReads);\n              return true;\n            }\n          }\n        }\n        changeDependenciesStateTo0(derivation);\n        untrackedEnd(prevUntracked);\n        allowStateReadsEnd(prevAllowStateReads);\n        return false;\n      }\n  }\n}\nfunction isComputingDerivation() {\n  return globalState.trackingDerivation !== null; // filter out actions inside computations\n}\nfunction checkIfStateModificationsAreAllowed(atom) {\n  if (false) {}\n  var hasObservers = atom.observers_.size > 0;\n  // Should not be possible to change observed state outside strict mode, except during initialization, see #563\n  if (!globalState.allowStateChanges && (hasObservers || globalState.enforceActions === \"always\")) {\n    console.warn(\"[MobX] \" + (globalState.enforceActions ? \"Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed. Tried to modify: \" : \"Side effects like changing state are not allowed at this point. Are you trying to modify state from, for example, a computed value or the render function of a React component? You can wrap side effects in 'runInAction' (or decorate functions with 'action') if needed. Tried to modify: \") + atom.name_);\n  }\n}\nfunction checkIfStateReadsAreAllowed(observable) {\n  if ( true && !globalState.allowStateReads && globalState.observableRequiresReaction) {\n    console.warn(\"[mobx] Observable '\" + observable.name_ + \"' being read outside a reactive context.\");\n  }\n}\n/**\n * Executes the provided function `f` and tracks which observables are being accessed.\n * The tracking information is stored on the `derivation` object and the derivation is registered\n * as observer of any of the accessed observables.\n */\nfunction trackDerivedFunction(derivation, f, context) {\n  var prevAllowStateReads = allowStateReadsStart(true);\n  changeDependenciesStateTo0(derivation);\n  // Preallocate array; will be trimmed by bindDependencies.\n  derivation.newObserving_ = new Array(\n  // Reserve constant space for initial dependencies, dynamic space otherwise.\n  // See https://github.com/mobxjs/mobx/pull/3833\n  derivation.runId_ === 0 ? 100 : derivation.observing_.length);\n  derivation.unboundDepsCount_ = 0;\n  derivation.runId_ = ++globalState.runId;\n  var prevTracking = globalState.trackingDerivation;\n  globalState.trackingDerivation = derivation;\n  globalState.inBatch++;\n  var result;\n  if (globalState.disableErrorBoundaries === true) {\n    result = f.call(context);\n  } else {\n    try {\n      result = f.call(context);\n    } catch (e) {\n      result = new CaughtException(e);\n    }\n  }\n  globalState.inBatch--;\n  globalState.trackingDerivation = prevTracking;\n  bindDependencies(derivation);\n  warnAboutDerivationWithoutDependencies(derivation);\n  allowStateReadsEnd(prevAllowStateReads);\n  return result;\n}\nfunction warnAboutDerivationWithoutDependencies(derivation) {\n  if (false) {}\n  if (derivation.observing_.length !== 0) {\n    return;\n  }\n  if (typeof derivation.requiresObservable_ === \"boolean\" ? derivation.requiresObservable_ : globalState.reactionRequiresObservable) {\n    console.warn(\"[mobx] Derivation '\" + derivation.name_ + \"' is created/updated without reading any observable value.\");\n  }\n}\n/**\n * diffs newObserving with observing.\n * update observing to be newObserving with unique observables\n * notify observers that become observed/unobserved\n */\nfunction bindDependencies(derivation) {\n  // invariant(derivation.dependenciesState !== IDerivationState.NOT_TRACKING, \"INTERNAL ERROR bindDependencies expects derivation.dependenciesState !== -1\");\n  var prevObserving = derivation.observing_;\n  var observing = derivation.observing_ = derivation.newObserving_;\n  var lowestNewObservingDerivationState = IDerivationState_.UP_TO_DATE_;\n  // Go through all new observables and check diffValue: (this list can contain duplicates):\n  //   0: first occurrence, change to 1 and keep it\n  //   1: extra occurrence, drop it\n  var i0 = 0,\n    l = derivation.unboundDepsCount_;\n  for (var i = 0; i < l; i++) {\n    var dep = observing[i];\n    if (dep.diffValue === 0) {\n      dep.diffValue = 1;\n      if (i0 !== i) {\n        observing[i0] = dep;\n      }\n      i0++;\n    }\n    // Upcast is 'safe' here, because if dep is IObservable, `dependenciesState` will be undefined,\n    // not hitting the condition\n    if (dep.dependenciesState_ > lowestNewObservingDerivationState) {\n      lowestNewObservingDerivationState = dep.dependenciesState_;\n    }\n  }\n  observing.length = i0;\n  derivation.newObserving_ = null; // newObserving shouldn't be needed outside tracking (statement moved down to work around FF bug, see #614)\n  // Go through all old observables and check diffValue: (it is unique after last bindDependencies)\n  //   0: it's not in new observables, unobserve it\n  //   1: it keeps being observed, don't want to notify it. change to 0\n  l = prevObserving.length;\n  while (l--) {\n    var _dep = prevObserving[l];\n    if (_dep.diffValue === 0) {\n      removeObserver(_dep, derivation);\n    }\n    _dep.diffValue = 0;\n  }\n  // Go through all new observables and check diffValue: (now it should be unique)\n  //   0: it was set to 0 in last loop. don't need to do anything.\n  //   1: it wasn't observed, let's observe it. set back to 0\n  while (i0--) {\n    var _dep2 = observing[i0];\n    if (_dep2.diffValue === 1) {\n      _dep2.diffValue = 0;\n      addObserver(_dep2, derivation);\n    }\n  }\n  // Some new observed derivations may become stale during this derivation computation\n  // so they have had no chance to propagate staleness (#916)\n  if (lowestNewObservingDerivationState !== IDerivationState_.UP_TO_DATE_) {\n    derivation.dependenciesState_ = lowestNewObservingDerivationState;\n    derivation.onBecomeStale_();\n  }\n}\nfunction clearObserving(derivation) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR clearObserving should be called only inside batch\");\n  var obs = derivation.observing_;\n  derivation.observing_ = [];\n  var i = obs.length;\n  while (i--) {\n    removeObserver(obs[i], derivation);\n  }\n  derivation.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n}\nfunction untracked(action) {\n  var prev = untrackedStart();\n  try {\n    return action();\n  } finally {\n    untrackedEnd(prev);\n  }\n}\nfunction untrackedStart() {\n  var prev = globalState.trackingDerivation;\n  globalState.trackingDerivation = null;\n  return prev;\n}\nfunction untrackedEnd(prev) {\n  globalState.trackingDerivation = prev;\n}\nfunction allowStateReadsStart(allowStateReads) {\n  var prev = globalState.allowStateReads;\n  globalState.allowStateReads = allowStateReads;\n  return prev;\n}\nfunction allowStateReadsEnd(prev) {\n  globalState.allowStateReads = prev;\n}\n/**\n * needed to keep `lowestObserverState` correct. when changing from (2 or 1) to 0\n *\n */\nfunction changeDependenciesStateTo0(derivation) {\n  if (derivation.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n  derivation.dependenciesState_ = IDerivationState_.UP_TO_DATE_;\n  var obs = derivation.observing_;\n  var i = obs.length;\n  while (i--) {\n    obs[i].lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n  }\n}\n\n/**\n * These values will persist if global state is reset\n */\nvar persistentKeys = [\"mobxGuid\", \"spyListeners\", \"enforceActions\", \"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"allowStateReads\", \"disableErrorBoundaries\", \"runId\", \"UNCHANGED\", \"useProxies\"];\nvar MobXGlobals = function MobXGlobals() {\n  /**\n   * MobXGlobals version.\n   * MobX compatiblity with other versions loaded in memory as long as this version matches.\n   * It indicates that the global state still stores similar information\n   *\n   * N.B: this version is unrelated to the package version of MobX, and is only the version of the\n   * internal state storage of MobX, and can be the same across many different package versions\n   */\n  this.version = 6;\n  /**\n   * globally unique token to signal unchanged\n   */\n  this.UNCHANGED = {};\n  /**\n   * Currently running derivation\n   */\n  this.trackingDerivation = null;\n  /**\n   * Currently running reaction. This determines if we currently have a reactive context.\n   * (Tracking derivation is also set for temporal tracking of computed values inside actions,\n   * but trackingReaction can only be set by a form of Reaction)\n   */\n  this.trackingContext = null;\n  /**\n   * Each time a derivation is tracked, it is assigned a unique run-id\n   */\n  this.runId = 0;\n  /**\n   * 'guid' for general purpose. Will be persisted amongst resets.\n   */\n  this.mobxGuid = 0;\n  /**\n   * Are we in a batch block? (and how many of them)\n   */\n  this.inBatch = 0;\n  /**\n   * Observables that don't have observers anymore, and are about to be\n   * suspended, unless somebody else accesses it in the same batch\n   *\n   * @type {IObservable[]}\n   */\n  this.pendingUnobservations = [];\n  /**\n   * List of scheduled, not yet executed, reactions.\n   */\n  this.pendingReactions = [];\n  /**\n   * Are we currently processing reactions?\n   */\n  this.isRunningReactions = false;\n  /**\n   * Is it allowed to change observables at this point?\n   * In general, MobX doesn't allow that when running computations and React.render.\n   * To ensure that those functions stay pure.\n   */\n  this.allowStateChanges = false;\n  /**\n   * Is it allowed to read observables at this point?\n   * Used to hold the state needed for `observableRequiresReaction`\n   */\n  this.allowStateReads = true;\n  /**\n   * If strict mode is enabled, state changes are by default not allowed\n   */\n  this.enforceActions = true;\n  /**\n   * Spy callbacks\n   */\n  this.spyListeners = [];\n  /**\n   * Globally attached error handlers that react specifically to errors in reactions\n   */\n  this.globalReactionErrorHandlers = [];\n  /**\n   * Warn if computed values are accessed outside a reactive context\n   */\n  this.computedRequiresReaction = false;\n  /**\n   * (Experimental)\n   * Warn if you try to create to derivation / reactive context without accessing any observable.\n   */\n  this.reactionRequiresObservable = false;\n  /**\n   * (Experimental)\n   * Warn if observables are accessed outside a reactive context\n   */\n  this.observableRequiresReaction = false;\n  /*\n   * Don't catch and rethrow exceptions. This is useful for inspecting the state of\n   * the stack when an exception occurs while debugging.\n   */\n  this.disableErrorBoundaries = false;\n  /*\n   * If true, we are already handling an exception in an action. Any errors in reactions should be suppressed, as\n   * they are not the cause, see: https://github.com/mobxjs/mobx/issues/1836\n   */\n  this.suppressReactionErrors = false;\n  this.useProxies = true;\n  /*\n   * print warnings about code that would fail if proxies weren't available\n   */\n  this.verifyProxies = false;\n  /**\n   * False forces all object's descriptors to\n   * writable: true\n   * configurable: true\n   */\n  this.safeDescriptors = true;\n};\nvar canMergeGlobalState = true;\nvar isolateCalled = false;\nvar globalState = /*#__PURE__*/function () {\n  var global = /*#__PURE__*/getGlobal();\n  if (global.__mobxInstanceCount > 0 && !global.__mobxGlobals) {\n    canMergeGlobalState = false;\n  }\n  if (global.__mobxGlobals && global.__mobxGlobals.version !== new MobXGlobals().version) {\n    canMergeGlobalState = false;\n  }\n  if (!canMergeGlobalState) {\n    // Because this is a IIFE we need to let isolateCalled a chance to change\n    // so we run it after the event loop completed at least 1 iteration\n    setTimeout(function () {\n      if (!isolateCalled) {\n        die(35);\n      }\n    }, 1);\n    return new MobXGlobals();\n  } else if (global.__mobxGlobals) {\n    global.__mobxInstanceCount += 1;\n    if (!global.__mobxGlobals.UNCHANGED) {\n      global.__mobxGlobals.UNCHANGED = {};\n    } // make merge backward compatible\n    return global.__mobxGlobals;\n  } else {\n    global.__mobxInstanceCount = 1;\n    return global.__mobxGlobals = /*#__PURE__*/new MobXGlobals();\n  }\n}();\nfunction isolateGlobalState() {\n  if (globalState.pendingReactions.length || globalState.inBatch || globalState.isRunningReactions) {\n    die(36);\n  }\n  isolateCalled = true;\n  if (canMergeGlobalState) {\n    var global = getGlobal();\n    if (--global.__mobxInstanceCount === 0) {\n      global.__mobxGlobals = undefined;\n    }\n    globalState = new MobXGlobals();\n  }\n}\nfunction getGlobalState() {\n  return globalState;\n}\n/**\n * For testing purposes only; this will break the internal state of existing observables,\n * but can be used to get back at a stable state after throwing errors\n */\nfunction resetGlobalState() {\n  var defaultGlobals = new MobXGlobals();\n  for (var key in defaultGlobals) {\n    if (persistentKeys.indexOf(key) === -1) {\n      globalState[key] = defaultGlobals[key];\n    }\n  }\n  globalState.allowStateChanges = !globalState.enforceActions;\n}\n\nfunction hasObservers(observable) {\n  return observable.observers_ && observable.observers_.size > 0;\n}\nfunction getObservers(observable) {\n  return observable.observers_;\n}\n// function invariantObservers(observable: IObservable) {\n//     const list = observable.observers\n//     const map = observable.observersIndexes\n//     const l = list.length\n//     for (let i = 0; i < l; i++) {\n//         const id = list[i].__mapid\n//         if (i) {\n//             invariant(map[id] === i, \"INTERNAL ERROR maps derivation.__mapid to index in list\") // for performance\n//         } else {\n//             invariant(!(id in map), \"INTERNAL ERROR observer on index 0 shouldn't be held in map.\") // for performance\n//         }\n//     }\n//     invariant(\n//         list.length === 0 || Object.keys(map).length === list.length - 1,\n//         \"INTERNAL ERROR there is no junk in map\"\n//     )\n// }\nfunction addObserver(observable, node) {\n  // invariant(node.dependenciesState !== -1, \"INTERNAL ERROR, can add only dependenciesState !== -1\");\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR add already added node\");\n  // invariantObservers(observable);\n  observable.observers_.add(node);\n  if (observable.lowestObserverState_ > node.dependenciesState_) {\n    observable.lowestObserverState_ = node.dependenciesState_;\n  }\n  // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR didn't add node\");\n}\nfunction removeObserver(observable, node) {\n  // invariant(globalState.inBatch > 0, \"INTERNAL ERROR, remove should be called only inside batch\");\n  // invariant(observable._observers.indexOf(node) !== -1, \"INTERNAL ERROR remove already removed node\");\n  // invariantObservers(observable);\n  observable.observers_[\"delete\"](node);\n  if (observable.observers_.size === 0) {\n    // deleting last observer\n    queueForUnobservation(observable);\n  }\n  // invariantObservers(observable);\n  // invariant(observable._observers.indexOf(node) === -1, \"INTERNAL ERROR remove already removed node2\");\n}\nfunction queueForUnobservation(observable) {\n  if (observable.isPendingUnobservation === false) {\n    // invariant(observable._observers.length === 0, \"INTERNAL ERROR, should only queue for unobservation unobserved observables\");\n    observable.isPendingUnobservation = true;\n    globalState.pendingUnobservations.push(observable);\n  }\n}\n/**\n * Batch starts a transaction, at least for purposes of memoizing ComputedValues when nothing else does.\n * During a batch `onBecomeUnobserved` will be called at most once per observable.\n * Avoids unnecessary recalculations.\n */\nfunction startBatch() {\n  globalState.inBatch++;\n}\nfunction endBatch() {\n  if (--globalState.inBatch === 0) {\n    runReactions();\n    // the batch is actually about to finish, all unobserving should happen here.\n    var list = globalState.pendingUnobservations;\n    for (var i = 0; i < list.length; i++) {\n      var observable = list[i];\n      observable.isPendingUnobservation = false;\n      if (observable.observers_.size === 0) {\n        if (observable.isBeingObserved) {\n          // if this observable had reactive observers, trigger the hooks\n          observable.isBeingObserved = false;\n          observable.onBUO();\n        }\n        if (observable instanceof ComputedValue) {\n          // computed values are automatically teared down when the last observer leaves\n          // this process happens recursively, this computed might be the last observabe of another, etc..\n          observable.suspend_();\n        }\n      }\n    }\n    globalState.pendingUnobservations = [];\n  }\n}\nfunction reportObserved(observable) {\n  checkIfStateReadsAreAllowed(observable);\n  var derivation = globalState.trackingDerivation;\n  if (derivation !== null) {\n    /**\n     * Simple optimization, give each derivation run an unique id (runId)\n     * Check if last time this observable was accessed the same runId is used\n     * if this is the case, the relation is already known\n     */\n    if (derivation.runId_ !== observable.lastAccessedBy_) {\n      observable.lastAccessedBy_ = derivation.runId_;\n      // Tried storing newObserving, or observing, or both as Set, but performance didn't come close...\n      derivation.newObserving_[derivation.unboundDepsCount_++] = observable;\n      if (!observable.isBeingObserved && globalState.trackingContext) {\n        observable.isBeingObserved = true;\n        observable.onBO();\n      }\n    }\n    return observable.isBeingObserved;\n  } else if (observable.observers_.size === 0 && globalState.inBatch > 0) {\n    queueForUnobservation(observable);\n  }\n  return false;\n}\n// function invariantLOS(observable: IObservable, msg: string) {\n//     // it's expensive so better not run it in produciton. but temporarily helpful for testing\n//     const min = getObservers(observable).reduce((a, b) => Math.min(a, b.dependenciesState), 2)\n//     if (min >= observable.lowestObserverState) return // <- the only assumption about `lowestObserverState`\n//     throw new Error(\n//         \"lowestObserverState is wrong for \" +\n//             msg +\n//             \" because \" +\n//             min +\n//             \" < \" +\n//             observable.lowestObserverState\n//     )\n// }\n/**\n * NOTE: current propagation mechanism will in case of self reruning autoruns behave unexpectedly\n * It will propagate changes to observers from previous run\n * It's hard or maybe impossible (with reasonable perf) to get it right with current approach\n * Hopefully self reruning autoruns aren't a feature people should depend on\n * Also most basic use cases should be ok\n */\n// Called by Atom when its value changes\nfunction propagateChanged(observable) {\n  // invariantLOS(observable, \"changed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n  observable.lowestObserverState_ = IDerivationState_.STALE_;\n  // Ideally we use for..of here, but the downcompiled version is really slow...\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n      d.onBecomeStale_();\n    }\n    d.dependenciesState_ = IDerivationState_.STALE_;\n  });\n  // invariantLOS(observable, \"changed end\");\n}\n// Called by ComputedValue when it recalculate and its value changed\nfunction propagateChangeConfirmed(observable) {\n  // invariantLOS(observable, \"confirmed start\");\n  if (observable.lowestObserverState_ === IDerivationState_.STALE_) {\n    return;\n  }\n  observable.lowestObserverState_ = IDerivationState_.STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.POSSIBLY_STALE_) {\n      d.dependenciesState_ = IDerivationState_.STALE_;\n      if ( true && d.isTracing_ !== TraceMode.NONE) {\n        logTraceInfo(d, observable);\n      }\n    } else if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_ // this happens during computing of `d`, just keep lowestObserverState up to date.\n    ) {\n      observable.lowestObserverState_ = IDerivationState_.UP_TO_DATE_;\n    }\n  });\n  // invariantLOS(observable, \"confirmed end\");\n}\n// Used by computed when its dependency changed, but we don't wan't to immediately recompute.\nfunction propagateMaybeChanged(observable) {\n  // invariantLOS(observable, \"maybe start\");\n  if (observable.lowestObserverState_ !== IDerivationState_.UP_TO_DATE_) {\n    return;\n  }\n  observable.lowestObserverState_ = IDerivationState_.POSSIBLY_STALE_;\n  observable.observers_.forEach(function (d) {\n    if (d.dependenciesState_ === IDerivationState_.UP_TO_DATE_) {\n      d.dependenciesState_ = IDerivationState_.POSSIBLY_STALE_;\n      d.onBecomeStale_();\n    }\n  });\n  // invariantLOS(observable, \"maybe end\");\n}\nfunction logTraceInfo(derivation, observable) {\n  console.log(\"[mobx.trace] '\" + derivation.name_ + \"' is invalidated due to a change in: '\" + observable.name_ + \"'\");\n  if (derivation.isTracing_ === TraceMode.BREAK) {\n    var lines = [];\n    printDepTree(getDependencyTree(derivation), lines, 1);\n    // prettier-ignore\n    new Function(\"debugger;\\n/*\\nTracing '\" + derivation.name_ + \"'\\n\\nYou are entering this break point because derivation '\" + derivation.name_ + \"' is being traced and '\" + observable.name_ + \"' is now forcing it to update.\\nJust follow the stacktrace you should now see in the devtools to see precisely what piece of your code is causing this update\\nThe stackframe you are looking for is at least ~6-8 stack-frames up.\\n\\n\" + (derivation instanceof ComputedValue ? derivation.derivation.toString().replace(/[*]\\//g, \"/\") : \"\") + \"\\n\\nThe dependencies for this derivation are:\\n\\n\" + lines.join(\"\\n\") + \"\\n*/\\n    \")();\n  }\n}\nfunction printDepTree(tree, lines, depth) {\n  if (lines.length >= 1000) {\n    lines.push(\"(and many more)\");\n    return;\n  }\n  lines.push(\"\" + \"\\t\".repeat(depth - 1) + tree.name);\n  if (tree.dependencies) {\n    tree.dependencies.forEach(function (child) {\n      return printDepTree(child, lines, depth + 1);\n    });\n  }\n}\n\nvar Reaction = /*#__PURE__*/function () {\n  function Reaction(name_, onInvalidate_, errorHandler_, requiresObservable_) {\n    if (name_ === void 0) {\n      name_ =  true ? \"Reaction@\" + getNextId() : 0;\n    }\n    this.name_ = void 0;\n    this.onInvalidate_ = void 0;\n    this.errorHandler_ = void 0;\n    this.requiresObservable_ = void 0;\n    this.observing_ = [];\n    // nodes we are looking at. Our value depends on these nodes\n    this.newObserving_ = [];\n    this.dependenciesState_ = IDerivationState_.NOT_TRACKING_;\n    this.runId_ = 0;\n    this.unboundDepsCount_ = 0;\n    this.flags_ = 0;\n    this.isTracing_ = TraceMode.NONE;\n    this.name_ = name_;\n    this.onInvalidate_ = onInvalidate_;\n    this.errorHandler_ = errorHandler_;\n    this.requiresObservable_ = requiresObservable_;\n  }\n  var _proto = Reaction.prototype;\n  _proto.onBecomeStale_ = function onBecomeStale_() {\n    this.schedule_();\n  };\n  _proto.schedule_ = function schedule_() {\n    if (!this.isScheduled) {\n      this.isScheduled = true;\n      globalState.pendingReactions.push(this);\n      runReactions();\n    }\n  }\n  /**\n   * internal, use schedule() if you intend to kick off a reaction\n   */;\n  _proto.runReaction_ = function runReaction_() {\n    if (!this.isDisposed) {\n      startBatch();\n      this.isScheduled = false;\n      var prev = globalState.trackingContext;\n      globalState.trackingContext = this;\n      if (shouldCompute(this)) {\n        this.isTrackPending = true;\n        try {\n          this.onInvalidate_();\n          if ( true && this.isTrackPending && isSpyEnabled()) {\n            // onInvalidate didn't trigger track right away..\n            spyReport({\n              name: this.name_,\n              type: \"scheduled-reaction\"\n            });\n          }\n        } catch (e) {\n          this.reportExceptionInDerivation_(e);\n        }\n      }\n      globalState.trackingContext = prev;\n      endBatch();\n    }\n  };\n  _proto.track = function track(fn) {\n    if (this.isDisposed) {\n      return;\n      // console.warn(\"Reaction already disposed\") // Note: Not a warning / error in mobx 4 either\n    }\n    startBatch();\n    var notify = isSpyEnabled();\n    var startTime;\n    if ( true && notify) {\n      startTime = Date.now();\n      spyReportStart({\n        name: this.name_,\n        type: \"reaction\"\n      });\n    }\n    this.isRunning = true;\n    var prevReaction = globalState.trackingContext; // reactions could create reactions...\n    globalState.trackingContext = this;\n    var result = trackDerivedFunction(this, fn, undefined);\n    globalState.trackingContext = prevReaction;\n    this.isRunning = false;\n    this.isTrackPending = false;\n    if (this.isDisposed) {\n      // disposed during last run. Clean up everything that was bound after the dispose call.\n      clearObserving(this);\n    }\n    if (isCaughtException(result)) {\n      this.reportExceptionInDerivation_(result.cause);\n    }\n    if ( true && notify) {\n      spyReportEnd({\n        time: Date.now() - startTime\n      });\n    }\n    endBatch();\n  };\n  _proto.reportExceptionInDerivation_ = function reportExceptionInDerivation_(error) {\n    var _this = this;\n    if (this.errorHandler_) {\n      this.errorHandler_(error, this);\n      return;\n    }\n    if (globalState.disableErrorBoundaries) {\n      throw error;\n    }\n    var message =  true ? \"[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: '\" + this + \"'\" : 0;\n    if (!globalState.suppressReactionErrors) {\n      console.error(message, error);\n      /** If debugging brought you here, please, read the above message :-). Tnx! */\n    } else if (true) {\n      console.warn(\"[mobx] (error in reaction '\" + this.name_ + \"' suppressed, fix error of causing action below)\");\n    } // prettier-ignore\n    if ( true && isSpyEnabled()) {\n      spyReport({\n        type: \"error\",\n        name: this.name_,\n        message: message,\n        error: \"\" + error\n      });\n    }\n    globalState.globalReactionErrorHandlers.forEach(function (f) {\n      return f(error, _this);\n    });\n  };\n  _proto.dispose = function dispose() {\n    if (!this.isDisposed) {\n      this.isDisposed = true;\n      if (!this.isRunning) {\n        // if disposed while running, clean up later. Maybe not optimal, but rare case\n        startBatch();\n        clearObserving(this);\n        endBatch();\n      }\n    }\n  };\n  _proto.getDisposer_ = function getDisposer_(abortSignal) {\n    var _this2 = this;\n    var dispose = function dispose() {\n      _this2.dispose();\n      abortSignal == null || abortSignal.removeEventListener == null || abortSignal.removeEventListener(\"abort\", dispose);\n    };\n    abortSignal == null || abortSignal.addEventListener == null || abortSignal.addEventListener(\"abort\", dispose);\n    dispose[$mobx] = this;\n    return dispose;\n  };\n  _proto.toString = function toString() {\n    return \"Reaction[\" + this.name_ + \"]\";\n  };\n  _proto.trace = function trace$1(enterBreakPoint) {\n    if (enterBreakPoint === void 0) {\n      enterBreakPoint = false;\n    }\n    trace(this, enterBreakPoint);\n  };\n  return _createClass(Reaction, [{\n    key: \"isDisposed\",\n    get: function get() {\n      return getFlag(this.flags_, Reaction.isDisposedMask_);\n    },\n    set: function set(newValue) {\n      this.flags_ = setFlag(this.flags_, Reaction.isDisposedMask_, newValue);\n    }\n  }, {\n    key: \"isScheduled\",\n    get: function get() {\n      return getFlag(this.flags_, Reaction.isScheduledMask_);\n    },\n    set: function set(newValue) {\n      this.flags_ = setFlag(this.flags_, Reaction.isScheduledMask_, newValue);\n    }\n  }, {\n    key: \"isTrackPending\",\n    get: function get() {\n      return getFlag(this.flags_, Reaction.isTrackPendingMask_);\n    },\n    set: function set(newValue) {\n      this.flags_ = setFlag(this.flags_, Reaction.isTrackPendingMask_, newValue);\n    }\n  }, {\n    key: \"isRunning\",\n    get: function get() {\n      return getFlag(this.flags_, Reaction.isRunningMask_);\n    },\n    set: function set(newValue) {\n      this.flags_ = setFlag(this.flags_, Reaction.isRunningMask_, newValue);\n    }\n  }, {\n    key: \"diffValue\",\n    get: function get() {\n      return getFlag(this.flags_, Reaction.diffValueMask_) ? 1 : 0;\n    },\n    set: function set(newValue) {\n      this.flags_ = setFlag(this.flags_, Reaction.diffValueMask_, newValue === 1 ? true : false);\n    }\n  }]);\n}();\nReaction.isDisposedMask_ = 1;\nReaction.isScheduledMask_ = 2;\nReaction.isTrackPendingMask_ = 4;\nReaction.isRunningMask_ = 8;\nReaction.diffValueMask_ = 16;\nfunction onReactionError(handler) {\n  globalState.globalReactionErrorHandlers.push(handler);\n  return function () {\n    var idx = globalState.globalReactionErrorHandlers.indexOf(handler);\n    if (idx >= 0) {\n      globalState.globalReactionErrorHandlers.splice(idx, 1);\n    }\n  };\n}\n/**\n * Magic number alert!\n * Defines within how many times a reaction is allowed to re-trigger itself\n * until it is assumed that this is gonna be a never ending loop...\n */\nvar MAX_REACTION_ITERATIONS = 100;\nvar reactionScheduler = function reactionScheduler(f) {\n  return f();\n};\nfunction runReactions() {\n  // Trampolining, if runReactions are already running, new reactions will be picked up\n  if (globalState.inBatch > 0 || globalState.isRunningReactions) {\n    return;\n  }\n  reactionScheduler(runReactionsHelper);\n}\nfunction runReactionsHelper() {\n  globalState.isRunningReactions = true;\n  var allReactions = globalState.pendingReactions;\n  var iterations = 0;\n  // While running reactions, new reactions might be triggered.\n  // Hence we work with two variables and check whether\n  // we converge to no remaining reactions after a while.\n  while (allReactions.length > 0) {\n    if (++iterations === MAX_REACTION_ITERATIONS) {\n      console.error( true ? \"Reaction doesn't converge to a stable state after \" + MAX_REACTION_ITERATIONS + \" iterations.\" + (\" Probably there is a cycle in the reactive function: \" + allReactions[0]) : 0);\n      allReactions.splice(0); // clear reactions\n    }\n    var remainingReactions = allReactions.splice(0);\n    for (var i = 0, l = remainingReactions.length; i < l; i++) {\n      remainingReactions[i].runReaction_();\n    }\n  }\n  globalState.isRunningReactions = false;\n}\nvar isReaction = /*#__PURE__*/createInstanceofPredicate(\"Reaction\", Reaction);\nfunction setReactionScheduler(fn) {\n  var baseScheduler = reactionScheduler;\n  reactionScheduler = function reactionScheduler(f) {\n    return fn(function () {\n      return baseScheduler(f);\n    });\n  };\n}\n\nfunction isSpyEnabled() {\n  return  true && !!globalState.spyListeners.length;\n}\nfunction spyReport(event) {\n  if (false) {} // dead code elimination can do the rest\n  if (!globalState.spyListeners.length) {\n    return;\n  }\n  var listeners = globalState.spyListeners;\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](event);\n  }\n}\nfunction spyReportStart(event) {\n  if (false) {}\n  var change = _extends({}, event, {\n    spyReportStart: true\n  });\n  spyReport(change);\n}\nvar END_EVENT = {\n  type: \"report-end\",\n  spyReportEnd: true\n};\nfunction spyReportEnd(change) {\n  if (false) {}\n  if (change) {\n    spyReport(_extends({}, change, {\n      type: \"report-end\",\n      spyReportEnd: true\n    }));\n  } else {\n    spyReport(END_EVENT);\n  }\n}\nfunction spy(listener) {\n  if (false) {} else {\n    globalState.spyListeners.push(listener);\n    return once(function () {\n      globalState.spyListeners = globalState.spyListeners.filter(function (l) {\n        return l !== listener;\n      });\n    });\n  }\n}\n\nvar ACTION = \"action\";\nvar ACTION_BOUND = \"action.bound\";\nvar AUTOACTION = \"autoAction\";\nvar AUTOACTION_BOUND = \"autoAction.bound\";\nvar DEFAULT_ACTION_NAME = \"<unnamed action>\";\nvar actionAnnotation = /*#__PURE__*/createActionAnnotation(ACTION);\nvar actionBoundAnnotation = /*#__PURE__*/createActionAnnotation(ACTION_BOUND, {\n  bound: true\n});\nvar autoActionAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION, {\n  autoAction: true\n});\nvar autoActionBoundAnnotation = /*#__PURE__*/createActionAnnotation(AUTOACTION_BOUND, {\n  autoAction: true,\n  bound: true\n});\nfunction createActionFactory(autoAction) {\n  var res = function action(arg1, arg2) {\n    // action(fn() {})\n    if (isFunction(arg1)) {\n      return createAction(arg1.name || DEFAULT_ACTION_NAME, arg1, autoAction);\n    }\n    // action(\"name\", fn() {})\n    if (isFunction(arg2)) {\n      return createAction(arg1, arg2, autoAction);\n    }\n    // @action (2022.3 Decorators)\n    if (is20223Decorator(arg2)) {\n      return (autoAction ? autoActionAnnotation : actionAnnotation).decorate_20223_(arg1, arg2);\n    }\n    // @action\n    if (isStringish(arg2)) {\n      return storeAnnotation(arg1, arg2, autoAction ? autoActionAnnotation : actionAnnotation);\n    }\n    // action(\"name\") & @action(\"name\")\n    if (isStringish(arg1)) {\n      return createDecoratorAnnotation(createActionAnnotation(autoAction ? AUTOACTION : ACTION, {\n        name: arg1,\n        autoAction: autoAction\n      }));\n    }\n    if (true) {\n      die(\"Invalid arguments for `action`\");\n    }\n  };\n  return res;\n}\nvar action = /*#__PURE__*/createActionFactory(false);\nObject.assign(action, actionAnnotation);\nvar autoAction = /*#__PURE__*/createActionFactory(true);\nObject.assign(autoAction, autoActionAnnotation);\naction.bound = /*#__PURE__*/createDecoratorAnnotation(actionBoundAnnotation);\nautoAction.bound = /*#__PURE__*/createDecoratorAnnotation(autoActionBoundAnnotation);\nfunction runInAction(fn) {\n  return executeAction(fn.name || DEFAULT_ACTION_NAME, false, fn, this, undefined);\n}\nfunction isAction(thing) {\n  return isFunction(thing) && thing.isMobxAction === true;\n}\n\n/**\n * Creates a named reactive view and keeps it alive, so that the view is always\n * updated if one of the dependencies changes, even when the view is not further used by something else.\n * @param view The reactive view\n * @returns disposer function, which can be used to stop the view from being updated in the future.\n */\nfunction autorun(view, opts) {\n  var _opts$name, _opts, _opts2, _opts3;\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n  if (true) {\n    if (!isFunction(view)) {\n      die(\"Autorun expects a function as first argument\");\n    }\n    if (isAction(view)) {\n      die(\"Autorun does not accept actions since actions are untrackable\");\n    }\n  }\n  var name = (_opts$name = (_opts = opts) == null ? void 0 : _opts.name) != null ? _opts$name :  true ? view.name || \"Autorun@\" + getNextId() : 0;\n  var runSync = !opts.scheduler && !opts.delay;\n  var reaction;\n  if (runSync) {\n    // normal autorun\n    reaction = new Reaction(name, function () {\n      this.track(reactionRunner);\n    }, opts.onError, opts.requiresObservable);\n  } else {\n    var scheduler = createSchedulerFromOptions(opts);\n    // debounced autorun\n    var isScheduled = false;\n    reaction = new Reaction(name, function () {\n      if (!isScheduled) {\n        isScheduled = true;\n        scheduler(function () {\n          isScheduled = false;\n          if (!reaction.isDisposed) {\n            reaction.track(reactionRunner);\n          }\n        });\n      }\n    }, opts.onError, opts.requiresObservable);\n  }\n  function reactionRunner() {\n    view(reaction);\n  }\n  if (!((_opts2 = opts) != null && (_opts2 = _opts2.signal) != null && _opts2.aborted)) {\n    reaction.schedule_();\n  }\n  return reaction.getDisposer_((_opts3 = opts) == null ? void 0 : _opts3.signal);\n}\nvar run = function run(f) {\n  return f();\n};\nfunction createSchedulerFromOptions(opts) {\n  return opts.scheduler ? opts.scheduler : opts.delay ? function (f) {\n    return setTimeout(f, opts.delay);\n  } : run;\n}\nfunction reaction(expression, effect, opts) {\n  var _opts$name2, _opts4, _opts5;\n  if (opts === void 0) {\n    opts = EMPTY_OBJECT;\n  }\n  if (true) {\n    if (!isFunction(expression) || !isFunction(effect)) {\n      die(\"First and second argument to reaction should be functions\");\n    }\n    if (!isPlainObject(opts)) {\n      die(\"Third argument of reactions should be an object\");\n    }\n  }\n  var name = (_opts$name2 = opts.name) != null ? _opts$name2 :  true ? \"Reaction@\" + getNextId() : 0;\n  var effectAction = action(name, opts.onError ? wrapErrorHandler(opts.onError, effect) : effect);\n  var runSync = !opts.scheduler && !opts.delay;\n  var scheduler = createSchedulerFromOptions(opts);\n  var firstTime = true;\n  var isScheduled = false;\n  var value;\n  var equals = opts.compareStructural ? comparer.structural : opts.equals || comparer[\"default\"];\n  var r = new Reaction(name, function () {\n    if (firstTime || runSync) {\n      reactionRunner();\n    } else if (!isScheduled) {\n      isScheduled = true;\n      scheduler(reactionRunner);\n    }\n  }, opts.onError, opts.requiresObservable);\n  function reactionRunner() {\n    isScheduled = false;\n    if (r.isDisposed) {\n      return;\n    }\n    var changed = false;\n    var oldValue = value;\n    r.track(function () {\n      var nextValue = allowStateChanges(false, function () {\n        return expression(r);\n      });\n      changed = firstTime || !equals(value, nextValue);\n      value = nextValue;\n    });\n    if (firstTime && opts.fireImmediately) {\n      effectAction(value, oldValue, r);\n    } else if (!firstTime && changed) {\n      effectAction(value, oldValue, r);\n    }\n    firstTime = false;\n  }\n  if (!((_opts4 = opts) != null && (_opts4 = _opts4.signal) != null && _opts4.aborted)) {\n    r.schedule_();\n  }\n  return r.getDisposer_((_opts5 = opts) == null ? void 0 : _opts5.signal);\n}\nfunction wrapErrorHandler(errorHandler, baseFn) {\n  return function () {\n    try {\n      return baseFn.apply(this, arguments);\n    } catch (e) {\n      errorHandler.call(this, e);\n    }\n  };\n}\n\nvar ON_BECOME_OBSERVED = \"onBO\";\nvar ON_BECOME_UNOBSERVED = \"onBUO\";\nfunction onBecomeObserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_OBSERVED, thing, arg2, arg3);\n}\nfunction onBecomeUnobserved(thing, arg2, arg3) {\n  return interceptHook(ON_BECOME_UNOBSERVED, thing, arg2, arg3);\n}\nfunction interceptHook(hook, thing, arg2, arg3) {\n  var atom = typeof arg3 === \"function\" ? getAtom(thing, arg2) : getAtom(thing);\n  var cb = isFunction(arg3) ? arg3 : arg2;\n  var listenersKey = hook + \"L\";\n  if (atom[listenersKey]) {\n    atom[listenersKey].add(cb);\n  } else {\n    atom[listenersKey] = new Set([cb]);\n  }\n  return function () {\n    var hookListeners = atom[listenersKey];\n    if (hookListeners) {\n      hookListeners[\"delete\"](cb);\n      if (hookListeners.size === 0) {\n        delete atom[listenersKey];\n      }\n    }\n  };\n}\n\nvar NEVER = \"never\";\nvar ALWAYS = \"always\";\nvar OBSERVED = \"observed\";\n// const IF_AVAILABLE = \"ifavailable\"\nfunction configure(options) {\n  if (options.isolateGlobalState === true) {\n    isolateGlobalState();\n  }\n  var useProxies = options.useProxies,\n    enforceActions = options.enforceActions;\n  if (useProxies !== undefined) {\n    globalState.useProxies = useProxies === ALWAYS ? true : useProxies === NEVER ? false : typeof Proxy !== \"undefined\";\n  }\n  if (useProxies === \"ifavailable\") {\n    globalState.verifyProxies = true;\n  }\n  if (enforceActions !== undefined) {\n    var ea = enforceActions === ALWAYS ? ALWAYS : enforceActions === OBSERVED;\n    globalState.enforceActions = ea;\n    globalState.allowStateChanges = ea === true || ea === ALWAYS ? false : true;\n  }\n  [\"computedRequiresReaction\", \"reactionRequiresObservable\", \"observableRequiresReaction\", \"disableErrorBoundaries\", \"safeDescriptors\"].forEach(function (key) {\n    if (key in options) {\n      globalState[key] = !!options[key];\n    }\n  });\n  globalState.allowStateReads = !globalState.observableRequiresReaction;\n  if ( true && globalState.disableErrorBoundaries === true) {\n    console.warn(\"WARNING: Debug feature only. MobX will NOT recover from errors when `disableErrorBoundaries` is enabled.\");\n  }\n  if (options.reactionScheduler) {\n    setReactionScheduler(options.reactionScheduler);\n  }\n}\n\nfunction extendObservable(target, properties, annotations, options) {\n  if (true) {\n    if (arguments.length > 4) {\n      die(\"'extendObservable' expected 2-4 arguments\");\n    }\n    if (typeof target !== \"object\") {\n      die(\"'extendObservable' expects an object as first argument\");\n    }\n    if (isObservableMap(target)) {\n      die(\"'extendObservable' should not be used on maps, use map.merge instead\");\n    }\n    if (!isPlainObject(properties)) {\n      die(\"'extendObservable' only accepts plain objects as second argument\");\n    }\n    if (isObservable(properties) || isObservable(annotations)) {\n      die(\"Extending an object with another observable (object) is not supported\");\n    }\n  }\n  // Pull descriptors first, so we don't have to deal with props added by administration ($mobx)\n  var descriptors = getOwnPropertyDescriptors(properties);\n  initObservable(function () {\n    var adm = asObservableObject(target, options)[$mobx];\n    ownKeys(descriptors).forEach(function (key) {\n      adm.extend_(key, descriptors[key],\n      // must pass \"undefined\" for { key: undefined }\n      !annotations ? true : key in annotations ? annotations[key] : true);\n    });\n  });\n  return target;\n}\n\nfunction getDependencyTree(thing, property) {\n  return nodeToDependencyTree(getAtom(thing, property));\n}\nfunction nodeToDependencyTree(node) {\n  var result = {\n    name: node.name_\n  };\n  if (node.observing_ && node.observing_.length > 0) {\n    result.dependencies = unique(node.observing_).map(nodeToDependencyTree);\n  }\n  return result;\n}\nfunction getObserverTree(thing, property) {\n  return nodeToObserverTree(getAtom(thing, property));\n}\nfunction nodeToObserverTree(node) {\n  var result = {\n    name: node.name_\n  };\n  if (hasObservers(node)) {\n    result.observers = Array.from(getObservers(node)).map(nodeToObserverTree);\n  }\n  return result;\n}\nfunction unique(list) {\n  return Array.from(new Set(list));\n}\n\nvar generatorId = 0;\nfunction FlowCancellationError() {\n  this.message = \"FLOW_CANCELLED\";\n}\nFlowCancellationError.prototype = /*#__PURE__*/Object.create(Error.prototype);\nfunction isFlowCancellationError(error) {\n  return error instanceof FlowCancellationError;\n}\nvar flowAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow\");\nvar flowBoundAnnotation = /*#__PURE__*/createFlowAnnotation(\"flow.bound\", {\n  bound: true\n});\nvar flow = /*#__PURE__*/Object.assign(function flow(arg1, arg2) {\n  // @flow (2022.3 Decorators)\n  if (is20223Decorator(arg2)) {\n    return flowAnnotation.decorate_20223_(arg1, arg2);\n  }\n  // @flow\n  if (isStringish(arg2)) {\n    return storeAnnotation(arg1, arg2, flowAnnotation);\n  }\n  // flow(fn)\n  if ( true && arguments.length !== 1) {\n    die(\"Flow expects single argument with generator function\");\n  }\n  var generator = arg1;\n  var name = generator.name || \"<unnamed flow>\";\n  // Implementation based on https://github.com/tj/co/blob/master/index.js\n  var res = function res() {\n    var ctx = this;\n    var args = arguments;\n    var runId = ++generatorId;\n    var gen = action(name + \" - runid: \" + runId + \" - init\", generator).apply(ctx, args);\n    var rejector;\n    var pendingPromise = undefined;\n    var promise = new Promise(function (resolve, reject) {\n      var stepId = 0;\n      rejector = reject;\n      function onFulfilled(res) {\n        pendingPromise = undefined;\n        var ret;\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen.next).call(gen, res);\n        } catch (e) {\n          return reject(e);\n        }\n        next(ret);\n      }\n      function onRejected(err) {\n        pendingPromise = undefined;\n        var ret;\n        try {\n          ret = action(name + \" - runid: \" + runId + \" - yield \" + stepId++, gen[\"throw\"]).call(gen, err);\n        } catch (e) {\n          return reject(e);\n        }\n        next(ret);\n      }\n      function next(ret) {\n        if (isFunction(ret == null ? void 0 : ret.then)) {\n          // an async iterator\n          ret.then(next, reject);\n          return;\n        }\n        if (ret.done) {\n          return resolve(ret.value);\n        }\n        pendingPromise = Promise.resolve(ret.value);\n        return pendingPromise.then(onFulfilled, onRejected);\n      }\n      onFulfilled(undefined); // kick off the process\n    });\n    promise.cancel = action(name + \" - runid: \" + runId + \" - cancel\", function () {\n      try {\n        if (pendingPromise) {\n          cancelPromise(pendingPromise);\n        }\n        // Finally block can return (or yield) stuff..\n        var _res = gen[\"return\"](undefined);\n        // eat anything that promise would do, it's cancelled!\n        var yieldedPromise = Promise.resolve(_res.value);\n        yieldedPromise.then(noop, noop);\n        cancelPromise(yieldedPromise); // maybe it can be cancelled :)\n        // reject our original promise\n        rejector(new FlowCancellationError());\n      } catch (e) {\n        rejector(e); // there could be a throwing finally block\n      }\n    });\n    return promise;\n  };\n  res.isMobXFlow = true;\n  return res;\n}, flowAnnotation);\nflow.bound = /*#__PURE__*/createDecoratorAnnotation(flowBoundAnnotation);\nfunction cancelPromise(promise) {\n  if (isFunction(promise.cancel)) {\n    promise.cancel();\n  }\n}\nfunction flowResult(result) {\n  return result; // just tricking TypeScript :)\n}\nfunction isFlow(fn) {\n  return (fn == null ? void 0 : fn.isMobXFlow) === true;\n}\n\nfunction interceptReads(thing, propOrHandler, handler) {\n  var target;\n  if (isObservableMap(thing) || isObservableArray(thing) || isObservableValue(thing)) {\n    target = getAdministration(thing);\n  } else if (isObservableObject(thing)) {\n    if ( true && !isStringish(propOrHandler)) {\n      return die(\"InterceptReads can only be used with a specific property, not with an object in general\");\n    }\n    target = getAdministration(thing, propOrHandler);\n  } else if (true) {\n    return die(\"Expected observable map, object or array as first array\");\n  }\n  if ( true && target.dehancer !== undefined) {\n    return die(\"An intercept reader was already established\");\n  }\n  target.dehancer = typeof propOrHandler === \"function\" ? propOrHandler : handler;\n  return function () {\n    target.dehancer = undefined;\n  };\n}\n\nfunction intercept(thing, propOrHandler, handler) {\n  if (isFunction(handler)) {\n    return interceptProperty(thing, propOrHandler, handler);\n  } else {\n    return interceptInterceptable(thing, propOrHandler);\n  }\n}\nfunction interceptInterceptable(thing, handler) {\n  return getAdministration(thing).intercept_(handler);\n}\nfunction interceptProperty(thing, property, handler) {\n  return getAdministration(thing, property).intercept_(handler);\n}\n\nfunction _isComputed(value, property) {\n  if (property === undefined) {\n    return isComputedValue(value);\n  }\n  if (isObservableObject(value) === false) {\n    return false;\n  }\n  if (!value[$mobx].values_.has(property)) {\n    return false;\n  }\n  var atom = getAtom(value, property);\n  return isComputedValue(atom);\n}\nfunction isComputed(value) {\n  if ( true && arguments.length > 1) {\n    return die(\"isComputed expects only 1 argument. Use isComputedProp to inspect the observability of a property\");\n  }\n  return _isComputed(value);\n}\nfunction isComputedProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"isComputed expected a property name as second argument\");\n  }\n  return _isComputed(value, propName);\n}\n\nfunction _isObservable(value, property) {\n  if (!value) {\n    return false;\n  }\n  if (property !== undefined) {\n    if ( true && (isObservableMap(value) || isObservableArray(value))) {\n      return die(\"isObservable(object, propertyName) is not supported for arrays and maps. Use map.has or array.length instead.\");\n    }\n    if (isObservableObject(value)) {\n      return value[$mobx].values_.has(property);\n    }\n    return false;\n  }\n  // For first check, see #701\n  return isObservableObject(value) || !!value[$mobx] || isAtom(value) || isReaction(value) || isComputedValue(value);\n}\nfunction isObservable(value) {\n  if ( true && arguments.length !== 1) {\n    die(\"isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property\");\n  }\n  return _isObservable(value);\n}\nfunction isObservableProp(value, propName) {\n  if ( true && !isStringish(propName)) {\n    return die(\"expected a property name as second argument\");\n  }\n  return _isObservable(value, propName);\n}\n\nfunction keys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].keys_();\n  }\n  if (isObservableMap(obj) || isObservableSet(obj)) {\n    return Array.from(obj.keys());\n  }\n  if (isObservableArray(obj)) {\n    return obj.map(function (_, index) {\n      return index;\n    });\n  }\n  die(5);\n}\nfunction values(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return obj[key];\n    });\n  }\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return obj.get(key);\n    });\n  }\n  if (isObservableSet(obj)) {\n    return Array.from(obj.values());\n  }\n  if (isObservableArray(obj)) {\n    return obj.slice();\n  }\n  die(6);\n}\nfunction entries(obj) {\n  if (isObservableObject(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj[key]];\n    });\n  }\n  if (isObservableMap(obj)) {\n    return keys(obj).map(function (key) {\n      return [key, obj.get(key)];\n    });\n  }\n  if (isObservableSet(obj)) {\n    return Array.from(obj.entries());\n  }\n  if (isObservableArray(obj)) {\n    return obj.map(function (key, index) {\n      return [index, key];\n    });\n  }\n  die(7);\n}\nfunction set(obj, key, value) {\n  if (arguments.length === 2 && !isObservableSet(obj)) {\n    startBatch();\n    var _values = key;\n    try {\n      for (var _key in _values) {\n        set(obj, _key, _values[_key]);\n      }\n    } finally {\n      endBatch();\n    }\n    return;\n  }\n  if (isObservableObject(obj)) {\n    obj[$mobx].set_(key, value);\n  } else if (isObservableMap(obj)) {\n    obj.set(key, value);\n  } else if (isObservableSet(obj)) {\n    obj.add(key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n    if (key < 0) {\n      die(\"Invalid index: '\" + key + \"'\");\n    }\n    startBatch();\n    if (key >= obj.length) {\n      obj.length = key + 1;\n    }\n    obj[key] = value;\n    endBatch();\n  } else {\n    die(8);\n  }\n}\nfunction remove(obj, key) {\n  if (isObservableObject(obj)) {\n    obj[$mobx].delete_(key);\n  } else if (isObservableMap(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableSet(obj)) {\n    obj[\"delete\"](key);\n  } else if (isObservableArray(obj)) {\n    if (typeof key !== \"number\") {\n      key = parseInt(key, 10);\n    }\n    obj.splice(key, 1);\n  } else {\n    die(9);\n  }\n}\nfunction has(obj, key) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].has_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.has(key);\n  } else if (isObservableSet(obj)) {\n    return obj.has(key);\n  } else if (isObservableArray(obj)) {\n    return key >= 0 && key < obj.length;\n  }\n  die(10);\n}\nfunction get(obj, key) {\n  if (!has(obj, key)) {\n    return undefined;\n  }\n  if (isObservableObject(obj)) {\n    return obj[$mobx].get_(key);\n  } else if (isObservableMap(obj)) {\n    return obj.get(key);\n  } else if (isObservableArray(obj)) {\n    return obj[key];\n  }\n  die(11);\n}\nfunction apiDefineProperty(obj, key, descriptor) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].defineProperty_(key, descriptor);\n  }\n  die(39);\n}\nfunction apiOwnKeys(obj) {\n  if (isObservableObject(obj)) {\n    return obj[$mobx].ownKeys_();\n  }\n  die(38);\n}\n\nfunction observe(thing, propOrCb, cbOrFire, fireImmediately) {\n  if (isFunction(cbOrFire)) {\n    return observeObservableProperty(thing, propOrCb, cbOrFire, fireImmediately);\n  } else {\n    return observeObservable(thing, propOrCb, cbOrFire);\n  }\n}\nfunction observeObservable(thing, listener, fireImmediately) {\n  return getAdministration(thing).observe_(listener, fireImmediately);\n}\nfunction observeObservableProperty(thing, property, listener, fireImmediately) {\n  return getAdministration(thing, property).observe_(listener, fireImmediately);\n}\n\nfunction cache(map, key, value) {\n  map.set(key, value);\n  return value;\n}\nfunction toJSHelper(source, __alreadySeen) {\n  if (source == null || typeof source !== \"object\" || source instanceof Date || !isObservable(source)) {\n    return source;\n  }\n  if (isObservableValue(source) || isComputedValue(source)) {\n    return toJSHelper(source.get(), __alreadySeen);\n  }\n  if (__alreadySeen.has(source)) {\n    return __alreadySeen.get(source);\n  }\n  if (isObservableArray(source)) {\n    var res = cache(__alreadySeen, source, new Array(source.length));\n    source.forEach(function (value, idx) {\n      res[idx] = toJSHelper(value, __alreadySeen);\n    });\n    return res;\n  }\n  if (isObservableSet(source)) {\n    var _res = cache(__alreadySeen, source, new Set());\n    source.forEach(function (value) {\n      _res.add(toJSHelper(value, __alreadySeen));\n    });\n    return _res;\n  }\n  if (isObservableMap(source)) {\n    var _res2 = cache(__alreadySeen, source, new Map());\n    source.forEach(function (value, key) {\n      _res2.set(key, toJSHelper(value, __alreadySeen));\n    });\n    return _res2;\n  } else {\n    // must be observable object\n    var _res3 = cache(__alreadySeen, source, {});\n    apiOwnKeys(source).forEach(function (key) {\n      if (objectPrototype.propertyIsEnumerable.call(source, key)) {\n        _res3[key] = toJSHelper(source[key], __alreadySeen);\n      }\n    });\n    return _res3;\n  }\n}\n/**\n * Recursively converts an observable to it's non-observable native counterpart.\n * It does NOT recurse into non-observables, these are left as they are, even if they contain observables.\n * Computed and other non-enumerable properties are completely ignored.\n * Complex scenarios require custom solution, eg implementing `toJSON` or using `serializr` lib.\n */\nfunction toJS(source, options) {\n  if ( true && options) {\n    die(\"toJS no longer supports options\");\n  }\n  return toJSHelper(source, new Map());\n}\n\nfunction trace() {\n  if (false) {}\n  var enterBreakPoint = false;\n  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n    args[_key] = arguments[_key];\n  }\n  if (typeof args[args.length - 1] === \"boolean\") {\n    enterBreakPoint = args.pop();\n  }\n  var derivation = getAtomFromArgs(args);\n  if (!derivation) {\n    return die(\"'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly\");\n  }\n  if (derivation.isTracing_ === TraceMode.NONE) {\n    console.log(\"[mobx.trace] '\" + derivation.name_ + \"' tracing enabled\");\n  }\n  derivation.isTracing_ = enterBreakPoint ? TraceMode.BREAK : TraceMode.LOG;\n}\nfunction getAtomFromArgs(args) {\n  switch (args.length) {\n    case 0:\n      return globalState.trackingDerivation;\n    case 1:\n      return getAtom(args[0]);\n    case 2:\n      return getAtom(args[0], args[1]);\n  }\n}\n\n/**\n * During a transaction no views are updated until the end of the transaction.\n * The transaction will be run synchronously nonetheless.\n *\n * @param action a function that updates some reactive state\n * @returns any value that was returned by the 'action' parameter.\n */\nfunction transaction(action, thisArg) {\n  if (thisArg === void 0) {\n    thisArg = undefined;\n  }\n  startBatch();\n  try {\n    return action.apply(thisArg);\n  } finally {\n    endBatch();\n  }\n}\n\nfunction when(predicate, arg1, arg2) {\n  if (arguments.length === 1 || arg1 && typeof arg1 === \"object\") {\n    return whenPromise(predicate, arg1);\n  }\n  return _when(predicate, arg1, arg2 || {});\n}\nfunction _when(predicate, effect, opts) {\n  var timeoutHandle;\n  if (typeof opts.timeout === \"number\") {\n    var error = new Error(\"WHEN_TIMEOUT\");\n    timeoutHandle = setTimeout(function () {\n      if (!disposer[$mobx].isDisposed) {\n        disposer();\n        if (opts.onError) {\n          opts.onError(error);\n        } else {\n          throw error;\n        }\n      }\n    }, opts.timeout);\n  }\n  opts.name =  true ? opts.name || \"When@\" + getNextId() : 0;\n  var effectAction = createAction( true ? opts.name + \"-effect\" : 0, effect);\n  // eslint-disable-next-line\n  var disposer = autorun(function (r) {\n    // predicate should not change state\n    var cond = allowStateChanges(false, predicate);\n    if (cond) {\n      r.dispose();\n      if (timeoutHandle) {\n        clearTimeout(timeoutHandle);\n      }\n      effectAction();\n    }\n  }, opts);\n  return disposer;\n}\nfunction whenPromise(predicate, opts) {\n  var _opts$signal;\n  if ( true && opts && opts.onError) {\n    return die(\"the options 'onError' and 'promise' cannot be combined\");\n  }\n  if (opts != null && (_opts$signal = opts.signal) != null && _opts$signal.aborted) {\n    return Object.assign(Promise.reject(new Error(\"WHEN_ABORTED\")), {\n      cancel: function cancel() {\n        return null;\n      }\n    });\n  }\n  var cancel;\n  var abort;\n  var res = new Promise(function (resolve, reject) {\n    var _opts$signal2;\n    var disposer = _when(predicate, resolve, _extends({}, opts, {\n      onError: reject\n    }));\n    cancel = function cancel() {\n      disposer();\n      reject(new Error(\"WHEN_CANCELLED\"));\n    };\n    abort = function abort() {\n      disposer();\n      reject(new Error(\"WHEN_ABORTED\"));\n    };\n    opts == null || (_opts$signal2 = opts.signal) == null || _opts$signal2.addEventListener == null || _opts$signal2.addEventListener(\"abort\", abort);\n  })[\"finally\"](function () {\n    var _opts$signal3;\n    return opts == null || (_opts$signal3 = opts.signal) == null || _opts$signal3.removeEventListener == null ? void 0 : _opts$signal3.removeEventListener(\"abort\", abort);\n  });\n  res.cancel = cancel;\n  return res;\n}\n\nfunction getAdm(target) {\n  return target[$mobx];\n}\n// Optimization: we don't need the intermediate objects and could have a completely custom administration for DynamicObjects,\n// and skip either the internal values map, or the base object with its property descriptors!\nvar objectProxyTraps = {\n  has: function has(target, name) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"detect new properties using the 'in' operator. Use 'has' from 'mobx' instead.\");\n    }\n    return getAdm(target).has_(name);\n  },\n  get: function get(target, name) {\n    return getAdm(target).get_(name);\n  },\n  set: function set(target, name, value) {\n    var _getAdm$set_;\n    if (!isStringish(name)) {\n      return false;\n    }\n    if ( true && !getAdm(target).values_.has(name)) {\n      warnAboutProxyRequirement(\"add a new observable property through direct assignment. Use 'set' from 'mobx' instead.\");\n    }\n    // null (intercepted) -> true (success)\n    return (_getAdm$set_ = getAdm(target).set_(name, value, true)) != null ? _getAdm$set_ : true;\n  },\n  deleteProperty: function deleteProperty(target, name) {\n    var _getAdm$delete_;\n    if (true) {\n      warnAboutProxyRequirement(\"delete properties from an observable object. Use 'remove' from 'mobx' instead.\");\n    }\n    if (!isStringish(name)) {\n      return false;\n    }\n    // null (intercepted) -> true (success)\n    return (_getAdm$delete_ = getAdm(target).delete_(name, true)) != null ? _getAdm$delete_ : true;\n  },\n  defineProperty: function defineProperty(target, name, descriptor) {\n    var _getAdm$definePropert;\n    if (true) {\n      warnAboutProxyRequirement(\"define property on an observable object. Use 'defineProperty' from 'mobx' instead.\");\n    }\n    // null (intercepted) -> true (success)\n    return (_getAdm$definePropert = getAdm(target).defineProperty_(name, descriptor)) != null ? _getAdm$definePropert : true;\n  },\n  ownKeys: function ownKeys(target) {\n    if ( true && globalState.trackingDerivation) {\n      warnAboutProxyRequirement(\"iterate keys to detect added / removed properties. Use 'keys' from 'mobx' instead.\");\n    }\n    return getAdm(target).ownKeys_();\n  },\n  preventExtensions: function preventExtensions(target) {\n    die(13);\n  }\n};\nfunction asDynamicObservableObject(target, options) {\n  var _target$$mobx, _target$$mobx$proxy_;\n  assertProxies();\n  target = asObservableObject(target, options);\n  return (_target$$mobx$proxy_ = (_target$$mobx = target[$mobx]).proxy_) != null ? _target$$mobx$proxy_ : _target$$mobx.proxy_ = new Proxy(target, objectProxyTraps);\n}\n\nfunction hasInterceptors(interceptable) {\n  return interceptable.interceptors_ !== undefined && interceptable.interceptors_.length > 0;\n}\nfunction registerInterceptor(interceptable, handler) {\n  var interceptors = interceptable.interceptors_ || (interceptable.interceptors_ = []);\n  interceptors.push(handler);\n  return once(function () {\n    var idx = interceptors.indexOf(handler);\n    if (idx !== -1) {\n      interceptors.splice(idx, 1);\n    }\n  });\n}\nfunction interceptChange(interceptable, change) {\n  var prevU = untrackedStart();\n  try {\n    // Interceptor can modify the array, copy it to avoid concurrent modification, see #1950\n    var interceptors = [].concat(interceptable.interceptors_ || []);\n    for (var i = 0, l = interceptors.length; i < l; i++) {\n      change = interceptors[i](change);\n      if (change && !change.type) {\n        die(14);\n      }\n      if (!change) {\n        break;\n      }\n    }\n    return change;\n  } finally {\n    untrackedEnd(prevU);\n  }\n}\n\nfunction hasListeners(listenable) {\n  return listenable.changeListeners_ !== undefined && listenable.changeListeners_.length > 0;\n}\nfunction registerListener(listenable, handler) {\n  var listeners = listenable.changeListeners_ || (listenable.changeListeners_ = []);\n  listeners.push(handler);\n  return once(function () {\n    var idx = listeners.indexOf(handler);\n    if (idx !== -1) {\n      listeners.splice(idx, 1);\n    }\n  });\n}\nfunction notifyListeners(listenable, change) {\n  var prevU = untrackedStart();\n  var listeners = listenable.changeListeners_;\n  if (!listeners) {\n    return;\n  }\n  listeners = listeners.slice();\n  for (var i = 0, l = listeners.length; i < l; i++) {\n    listeners[i](change);\n  }\n  untrackedEnd(prevU);\n}\n\nfunction makeObservable(target, annotations, options) {\n  initObservable(function () {\n    var _annotations;\n    var adm = asObservableObject(target, options)[$mobx];\n    if ( true && annotations && target[storedAnnotationsSymbol]) {\n      die(\"makeObservable second arg must be nullish when using decorators. Mixing @decorator syntax with annotations is not supported.\");\n    }\n    // Default to decorators\n    (_annotations = annotations) != null ? _annotations : annotations = collectStoredAnnotations(target);\n    // Annotate\n    ownKeys(annotations).forEach(function (key) {\n      return adm.make_(key, annotations[key]);\n    });\n  });\n  return target;\n}\n// proto[keysSymbol] = new Set<PropertyKey>()\nvar keysSymbol = /*#__PURE__*/Symbol(\"mobx-keys\");\nfunction makeAutoObservable(target, overrides, options) {\n  if (true) {\n    if (!isPlainObject(target) && !isPlainObject(Object.getPrototypeOf(target))) {\n      die(\"'makeAutoObservable' can only be used for classes that don't have a superclass\");\n    }\n    if (isObservableObject(target)) {\n      die(\"makeAutoObservable can only be used on objects not already made observable\");\n    }\n  }\n  // Optimization: avoid visiting protos\n  // Assumes that annotation.make_/.extend_ works the same for plain objects\n  if (isPlainObject(target)) {\n    return extendObservable(target, target, overrides, options);\n  }\n  initObservable(function () {\n    var adm = asObservableObject(target, options)[$mobx];\n    // Optimization: cache keys on proto\n    // Assumes makeAutoObservable can be called only once per object and can't be used in subclass\n    if (!target[keysSymbol]) {\n      var proto = Object.getPrototypeOf(target);\n      var keys = new Set([].concat(ownKeys(target), ownKeys(proto)));\n      keys[\"delete\"](\"constructor\");\n      keys[\"delete\"]($mobx);\n      addHiddenProp(proto, keysSymbol, keys);\n    }\n    target[keysSymbol].forEach(function (key) {\n      return adm.make_(key,\n      // must pass \"undefined\" for { key: undefined }\n      !overrides ? true : key in overrides ? overrides[key] : true);\n    });\n  });\n  return target;\n}\n\nvar SPLICE = \"splice\";\nvar UPDATE = \"update\";\nvar MAX_SPLICE_SIZE = 10000; // See e.g. https://github.com/mobxjs/mobx/issues/859\nvar arrayTraps = {\n  get: function get(target, name) {\n    var adm = target[$mobx];\n    if (name === $mobx) {\n      return adm;\n    }\n    if (name === \"length\") {\n      return adm.getArrayLength_();\n    }\n    if (typeof name === \"string\" && !isNaN(name)) {\n      return adm.get_(parseInt(name));\n    }\n    if (hasProp(arrayExtensions, name)) {\n      return arrayExtensions[name];\n    }\n    return target[name];\n  },\n  set: function set(target, name, value) {\n    var adm = target[$mobx];\n    if (name === \"length\") {\n      adm.setArrayLength_(value);\n    }\n    if (typeof name === \"symbol\" || isNaN(name)) {\n      target[name] = value;\n    } else {\n      // numeric string\n      adm.set_(parseInt(name), value);\n    }\n    return true;\n  },\n  preventExtensions: function preventExtensions() {\n    die(15);\n  }\n};\nvar ObservableArrayAdministration = /*#__PURE__*/function () {\n  function ObservableArrayAdministration(name, enhancer, owned_, legacyMode_) {\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : 0;\n    }\n    this.owned_ = void 0;\n    this.legacyMode_ = void 0;\n    this.atom_ = void 0;\n    this.values_ = [];\n    // this is the prop that gets proxied, so can't replace it!\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.enhancer_ = void 0;\n    this.dehancer = void 0;\n    this.proxy_ = void 0;\n    this.lastKnownLength_ = 0;\n    this.owned_ = owned_;\n    this.legacyMode_ = legacyMode_;\n    this.atom_ = new Atom(name);\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV,  true ? name + \"[..]\" : 0);\n    };\n  }\n  var _proto = ObservableArrayAdministration.prototype;\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n    return value;\n  };\n  _proto.dehanceValues_ = function dehanceValues_(values) {\n    if (this.dehancer !== undefined && values.length > 0) {\n      return values.map(this.dehancer);\n    }\n    return values;\n  };\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if (fireImmediately === void 0) {\n      fireImmediately = false;\n    }\n    if (fireImmediately) {\n      listener({\n        observableKind: \"array\",\n        object: this.proxy_,\n        debugObjectName: this.atom_.name_,\n        type: \"splice\",\n        index: 0,\n        added: this.values_.slice(),\n        addedCount: this.values_.length,\n        removed: [],\n        removedCount: 0\n      });\n    }\n    return registerListener(this, listener);\n  };\n  _proto.getArrayLength_ = function getArrayLength_() {\n    this.atom_.reportObserved();\n    return this.values_.length;\n  };\n  _proto.setArrayLength_ = function setArrayLength_(newLength) {\n    if (typeof newLength !== \"number\" || isNaN(newLength) || newLength < 0) {\n      die(\"Out of range: \" + newLength);\n    }\n    var currentLength = this.values_.length;\n    if (newLength === currentLength) {\n      return;\n    } else if (newLength > currentLength) {\n      var newItems = new Array(newLength - currentLength);\n      for (var i = 0; i < newLength - currentLength; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n      this.spliceWithArray_(currentLength, 0, newItems);\n    } else {\n      this.spliceWithArray_(newLength, currentLength - newLength);\n    }\n  };\n  _proto.updateArrayLength_ = function updateArrayLength_(oldLength, delta) {\n    if (oldLength !== this.lastKnownLength_) {\n      die(16);\n    }\n    this.lastKnownLength_ += delta;\n    if (this.legacyMode_ && delta > 0) {\n      reserveArrayBuffer(oldLength + delta + 1);\n    }\n  };\n  _proto.spliceWithArray_ = function spliceWithArray_(index, deleteCount, newItems) {\n    var _this = this;\n    checkIfStateModificationsAreAllowed(this.atom_);\n    var length = this.values_.length;\n    if (index === undefined) {\n      index = 0;\n    } else if (index > length) {\n      index = length;\n    } else if (index < 0) {\n      index = Math.max(0, length + index);\n    }\n    if (arguments.length === 1) {\n      deleteCount = length - index;\n    } else if (deleteCount === undefined || deleteCount === null) {\n      deleteCount = 0;\n    } else {\n      deleteCount = Math.max(0, Math.min(deleteCount, length - index));\n    }\n    if (newItems === undefined) {\n      newItems = EMPTY_ARRAY;\n    }\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_,\n        type: SPLICE,\n        index: index,\n        removedCount: deleteCount,\n        added: newItems\n      });\n      if (!change) {\n        return EMPTY_ARRAY;\n      }\n      deleteCount = change.removedCount;\n      newItems = change.added;\n    }\n    newItems = newItems.length === 0 ? newItems : newItems.map(function (v) {\n      return _this.enhancer_(v, undefined);\n    });\n    if (this.legacyMode_ || \"development\" !== \"production\") {\n      var lengthDelta = newItems.length - deleteCount;\n      this.updateArrayLength_(length, lengthDelta); // checks if internal array wasn't modified\n    }\n    var res = this.spliceItemsIntoValues_(index, deleteCount, newItems);\n    if (deleteCount !== 0 || newItems.length !== 0) {\n      this.notifyArraySplice_(index, newItems, res);\n    }\n    return this.dehanceValues_(res);\n  };\n  _proto.spliceItemsIntoValues_ = function spliceItemsIntoValues_(index, deleteCount, newItems) {\n    if (newItems.length < MAX_SPLICE_SIZE) {\n      var _this$values_;\n      return (_this$values_ = this.values_).splice.apply(_this$values_, [index, deleteCount].concat(newItems));\n    } else {\n      // The items removed by the splice\n      var res = this.values_.slice(index, index + deleteCount);\n      // The items that that should remain at the end of the array\n      var oldItems = this.values_.slice(index + deleteCount);\n      // New length is the previous length + addition count - deletion count\n      this.values_.length += newItems.length - deleteCount;\n      for (var i = 0; i < newItems.length; i++) {\n        this.values_[index + i] = newItems[i];\n      }\n      for (var _i = 0; _i < oldItems.length; _i++) {\n        this.values_[index + newItems.length + _i] = oldItems[_i];\n      }\n      return res;\n    }\n  };\n  _proto.notifyArrayChildUpdate_ = function notifyArrayChildUpdate_(index, newValue, oldValue) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      type: UPDATE,\n      debugObjectName: this.atom_.name_,\n      index: index,\n      newValue: newValue,\n      oldValue: oldValue\n    } : null;\n    // The reason why this is on right hand side here (and not above), is this way the uglifier will drop it, but it won't\n    // cause any runtime overhead in development mode without NODE_ENV set, unless spying is enabled\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n    this.atom_.reportChanged();\n    if (notify) {\n      notifyListeners(this, change);\n    }\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n  _proto.notifyArraySplice_ = function notifyArraySplice_(index, added, removed) {\n    var notifySpy = !this.owned_ && isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"array\",\n      object: this.proxy_,\n      debugObjectName: this.atom_.name_,\n      type: SPLICE,\n      index: index,\n      removed: removed,\n      added: added,\n      removedCount: removed.length,\n      addedCount: added.length\n    } : null;\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    }\n    this.atom_.reportChanged();\n    // conform: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/observe\n    if (notify) {\n      notifyListeners(this, change);\n    }\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n  _proto.get_ = function get_(index) {\n    if (this.legacyMode_ && index >= this.values_.length) {\n      console.warn( true ? \"[mobx.array] Attempt to read an array index (\" + index + \") that is out of bounds (\" + this.values_.length + \"). Please check length first. Out of bound indices will not be tracked by MobX\" : 0);\n      return undefined;\n    }\n    this.atom_.reportObserved();\n    return this.dehanceValue_(this.values_[index]);\n  };\n  _proto.set_ = function set_(index, newValue) {\n    var values = this.values_;\n    if (this.legacyMode_ && index > values.length) {\n      // out of bounds\n      die(17, index, values.length);\n    }\n    if (index < values.length) {\n      // update at index in range\n      checkIfStateModificationsAreAllowed(this.atom_);\n      var oldValue = values[index];\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          type: UPDATE,\n          object: this.proxy_,\n          // since \"this\" is the real array we need to pass its proxy\n          index: index,\n          newValue: newValue\n        });\n        if (!change) {\n          return;\n        }\n        newValue = change.newValue;\n      }\n      newValue = this.enhancer_(newValue, oldValue);\n      var changed = newValue !== oldValue;\n      if (changed) {\n        values[index] = newValue;\n        this.notifyArrayChildUpdate_(index, newValue, oldValue);\n      }\n    } else {\n      // For out of bound index, we don't create an actual sparse array,\n      // but rather fill the holes with undefined (same as setArrayLength_).\n      // This could be considered a bug.\n      var newItems = new Array(index + 1 - values.length);\n      for (var i = 0; i < newItems.length - 1; i++) {\n        newItems[i] = undefined;\n      } // No Array.fill everywhere...\n      newItems[newItems.length - 1] = newValue;\n      this.spliceWithArray_(values.length, 0, newItems);\n    }\n  };\n  return ObservableArrayAdministration;\n}();\nfunction createObservableArray(initialValues, enhancer, name, owned) {\n  if (name === void 0) {\n    name =  true ? \"ObservableArray@\" + getNextId() : 0;\n  }\n  if (owned === void 0) {\n    owned = false;\n  }\n  assertProxies();\n  return initObservable(function () {\n    var adm = new ObservableArrayAdministration(name, enhancer, owned, false);\n    addHiddenFinalProp(adm.values_, $mobx, adm);\n    var proxy = new Proxy(adm.values_, arrayTraps);\n    adm.proxy_ = proxy;\n    if (initialValues && initialValues.length) {\n      adm.spliceWithArray_(0, 0, initialValues);\n    }\n    return proxy;\n  });\n}\n// eslint-disable-next-line\nvar arrayExtensions = {\n  clear: function clear() {\n    return this.splice(0);\n  },\n  replace: function replace(newItems) {\n    var adm = this[$mobx];\n    return adm.spliceWithArray_(0, adm.values_.length, newItems);\n  },\n  // Used by JSON.stringify\n  toJSON: function toJSON() {\n    return this.slice();\n  },\n  /*\n   * functions that do alter the internal structure of the array, (based on lib.es6.d.ts)\n   * since these functions alter the inner structure of the array, the have side effects.\n   * Because the have side effects, they should not be used in computed function,\n   * and for that reason the do not call dependencyState.notifyObserved\n   */\n  splice: function splice(index, deleteCount) {\n    for (var _len = arguments.length, newItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n      newItems[_key - 2] = arguments[_key];\n    }\n    var adm = this[$mobx];\n    switch (arguments.length) {\n      case 0:\n        return [];\n      case 1:\n        return adm.spliceWithArray_(index);\n      case 2:\n        return adm.spliceWithArray_(index, deleteCount);\n    }\n    return adm.spliceWithArray_(index, deleteCount, newItems);\n  },\n  spliceWithArray: function spliceWithArray(index, deleteCount, newItems) {\n    return this[$mobx].spliceWithArray_(index, deleteCount, newItems);\n  },\n  push: function push() {\n    var adm = this[$mobx];\n    for (var _len2 = arguments.length, items = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n      items[_key2] = arguments[_key2];\n    }\n    adm.spliceWithArray_(adm.values_.length, 0, items);\n    return adm.values_.length;\n  },\n  pop: function pop() {\n    return this.splice(Math.max(this[$mobx].values_.length - 1, 0), 1)[0];\n  },\n  shift: function shift() {\n    return this.splice(0, 1)[0];\n  },\n  unshift: function unshift() {\n    var adm = this[$mobx];\n    for (var _len3 = arguments.length, items = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n      items[_key3] = arguments[_key3];\n    }\n    adm.spliceWithArray_(0, 0, items);\n    return adm.values_.length;\n  },\n  reverse: function reverse() {\n    // reverse by default mutates in place before returning the result\n    // which makes it both a 'derivation' and a 'mutation'.\n    if (globalState.trackingDerivation) {\n      die(37, \"reverse\");\n    }\n    this.replace(this.slice().reverse());\n    return this;\n  },\n  sort: function sort() {\n    // sort by default mutates in place before returning the result\n    // which goes against all good practices. Let's not change the array in place!\n    if (globalState.trackingDerivation) {\n      die(37, \"sort\");\n    }\n    var copy = this.slice();\n    copy.sort.apply(copy, arguments);\n    this.replace(copy);\n    return this;\n  },\n  remove: function remove(value) {\n    var adm = this[$mobx];\n    var idx = adm.dehanceValues_(adm.values_).indexOf(value);\n    if (idx > -1) {\n      this.splice(idx, 1);\n      return true;\n    }\n    return false;\n  }\n};\n/**\n * Wrap function from prototype\n * Without this, everything works as well, but this works\n * faster as everything works on unproxied values\n */\naddArrayExtension(\"at\", simpleFunc);\naddArrayExtension(\"concat\", simpleFunc);\naddArrayExtension(\"flat\", simpleFunc);\naddArrayExtension(\"includes\", simpleFunc);\naddArrayExtension(\"indexOf\", simpleFunc);\naddArrayExtension(\"join\", simpleFunc);\naddArrayExtension(\"lastIndexOf\", simpleFunc);\naddArrayExtension(\"slice\", simpleFunc);\naddArrayExtension(\"toString\", simpleFunc);\naddArrayExtension(\"toLocaleString\", simpleFunc);\naddArrayExtension(\"toSorted\", simpleFunc);\naddArrayExtension(\"toSpliced\", simpleFunc);\naddArrayExtension(\"with\", simpleFunc);\n// map\naddArrayExtension(\"every\", mapLikeFunc);\naddArrayExtension(\"filter\", mapLikeFunc);\naddArrayExtension(\"find\", mapLikeFunc);\naddArrayExtension(\"findIndex\", mapLikeFunc);\naddArrayExtension(\"findLast\", mapLikeFunc);\naddArrayExtension(\"findLastIndex\", mapLikeFunc);\naddArrayExtension(\"flatMap\", mapLikeFunc);\naddArrayExtension(\"forEach\", mapLikeFunc);\naddArrayExtension(\"map\", mapLikeFunc);\naddArrayExtension(\"some\", mapLikeFunc);\naddArrayExtension(\"toReversed\", mapLikeFunc);\n// reduce\naddArrayExtension(\"reduce\", reduceLikeFunc);\naddArrayExtension(\"reduceRight\", reduceLikeFunc);\nfunction addArrayExtension(funcName, funcFactory) {\n  if (typeof Array.prototype[funcName] === \"function\") {\n    arrayExtensions[funcName] = funcFactory(funcName);\n  }\n}\n// Report and delegate to dehanced array\nfunction simpleFunc(funcName) {\n  return function () {\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n}\n// Make sure callbacks receive correct array arg #2326\nfunction mapLikeFunc(funcName) {\n  return function (callback, thisArg) {\n    var _this2 = this;\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    return dehancedValues[funcName](function (element, index) {\n      return callback.call(thisArg, element, index, _this2);\n    });\n  };\n}\n// Make sure callbacks receive correct array arg #2326\nfunction reduceLikeFunc(funcName) {\n  return function () {\n    var _this3 = this;\n    var adm = this[$mobx];\n    adm.atom_.reportObserved();\n    var dehancedValues = adm.dehanceValues_(adm.values_);\n    // #2432 - reduce behavior depends on arguments.length\n    var callback = arguments[0];\n    arguments[0] = function (accumulator, currentValue, index) {\n      return callback(accumulator, currentValue, index, _this3);\n    };\n    return dehancedValues[funcName].apply(dehancedValues, arguments);\n  };\n}\nvar isObservableArrayAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableArrayAdministration\", ObservableArrayAdministration);\nfunction isObservableArray(thing) {\n  return isObject(thing) && isObservableArrayAdministration(thing[$mobx]);\n}\n\nvar ObservableMapMarker = {};\nvar ADD = \"add\";\nvar DELETE = \"delete\";\n// just extend Map? See also https://gist.github.com/nestharus/13b4d74f2ef4a2f4357dbd3fc23c1e54\n// But: https://github.com/mobxjs/mobx/issues/1556\nvar ObservableMap = /*#__PURE__*/function () {\n  function ObservableMap(initialData, enhancer_, name_) {\n    var _this = this;\n    if (enhancer_ === void 0) {\n      enhancer_ = deepEnhancer;\n    }\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableMap@\" + getNextId() : 0;\n    }\n    this.enhancer_ = void 0;\n    this.name_ = void 0;\n    this[$mobx] = ObservableMapMarker;\n    this.data_ = void 0;\n    this.hasMap_ = void 0;\n    // hasMap, not hashMap >-).\n    this.keysAtom_ = void 0;\n    this.interceptors_ = void 0;\n    this.changeListeners_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = enhancer_;\n    this.name_ = name_;\n    if (!isFunction(Map)) {\n      die(18);\n    }\n    initObservable(function () {\n      _this.keysAtom_ = createAtom( true ? _this.name_ + \".keys()\" : 0);\n      _this.data_ = new Map();\n      _this.hasMap_ = new Map();\n      if (initialData) {\n        _this.merge(initialData);\n      }\n    });\n  }\n  var _proto = ObservableMap.prototype;\n  _proto.has_ = function has_(key) {\n    return this.data_.has(key);\n  };\n  _proto.has = function has(key) {\n    var _this2 = this;\n    if (!globalState.trackingDerivation) {\n      return this.has_(key);\n    }\n    var entry = this.hasMap_.get(key);\n    if (!entry) {\n      var newEntry = entry = new ObservableValue(this.has_(key), referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : 0, false);\n      this.hasMap_.set(key, newEntry);\n      onBecomeUnobserved(newEntry, function () {\n        return _this2.hasMap_[\"delete\"](key);\n      });\n    }\n    return entry.get();\n  };\n  _proto.set = function set(key, value) {\n    var hasKey = this.has_(key);\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: hasKey ? UPDATE : ADD,\n        object: this,\n        newValue: value,\n        name: key\n      });\n      if (!change) {\n        return this;\n      }\n      value = change.newValue;\n    }\n    if (hasKey) {\n      this.updateValue_(key, value);\n    } else {\n      this.addValue_(key, value);\n    }\n    return this;\n  };\n  _proto[\"delete\"] = function _delete(key) {\n    var _this3 = this;\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        name: key\n      });\n      if (!change) {\n        return false;\n      }\n    }\n    if (this.has_(key)) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n      var _change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: this.data_.get(key).value_,\n        name: key\n      } : null;\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      } // TODO fix type\n      transaction(function () {\n        var _this3$hasMap_$get;\n        _this3.keysAtom_.reportChanged();\n        (_this3$hasMap_$get = _this3.hasMap_.get(key)) == null || _this3$hasMap_$get.setNewValue_(false);\n        var observable = _this3.data_.get(key);\n        observable.setNewValue_(undefined);\n        _this3.data_[\"delete\"](key);\n      });\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n      return true;\n    }\n    return false;\n  };\n  _proto.updateValue_ = function updateValue_(key, newValue) {\n    var observable = this.data_.get(key);\n    newValue = observable.prepareNewValue_(newValue);\n    if (newValue !== globalState.UNCHANGED) {\n      var notifySpy = isSpyEnabled();\n      var notify = hasListeners(this);\n      var change = notify || notifySpy ? {\n        observableKind: \"map\",\n        debugObjectName: this.name_,\n        type: UPDATE,\n        object: this,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      } // TODO fix type\n      observable.setNewValue_(newValue);\n      if (notify) {\n        notifyListeners(this, change);\n      }\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n  };\n  _proto.addValue_ = function addValue_(key, newValue) {\n    var _this4 = this;\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    transaction(function () {\n      var _this4$hasMap_$get;\n      var observable = new ObservableValue(newValue, _this4.enhancer_,  true ? _this4.name_ + \".\" + stringifyKey(key) : 0, false);\n      _this4.data_.set(key, observable);\n      newValue = observable.value_; // value might have been changed\n      (_this4$hasMap_$get = _this4.hasMap_.get(key)) == null || _this4$hasMap_$get.setNewValue_(true);\n      _this4.keysAtom_.reportChanged();\n    });\n    var notifySpy = isSpyEnabled();\n    var notify = hasListeners(this);\n    var change = notify || notifySpy ? {\n      observableKind: \"map\",\n      debugObjectName: this.name_,\n      type: ADD,\n      object: this,\n      name: key,\n      newValue: newValue\n    } : null;\n    if ( true && notifySpy) {\n      spyReportStart(change);\n    } // TODO fix type\n    if (notify) {\n      notifyListeners(this, change);\n    }\n    if ( true && notifySpy) {\n      spyReportEnd();\n    }\n  };\n  _proto.get = function get(key) {\n    if (this.has(key)) {\n      return this.dehanceValue_(this.data_.get(key).get());\n    }\n    return this.dehanceValue_(undefined);\n  };\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n    return value;\n  };\n  _proto.keys = function keys() {\n    this.keysAtom_.reportObserved();\n    return this.data_.keys();\n  };\n  _proto.values = function values() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterableForMap({\n      next: function next() {\n        var _keys$next = keys.next(),\n          done = _keys$next.done,\n          value = _keys$next.value;\n        return {\n          done: done,\n          value: done ? undefined : self.get(value)\n        };\n      }\n    });\n  };\n  _proto.entries = function entries() {\n    var self = this;\n    var keys = this.keys();\n    return makeIterableForMap({\n      next: function next() {\n        var _keys$next2 = keys.next(),\n          done = _keys$next2.done,\n          value = _keys$next2.value;\n        return {\n          done: done,\n          value: done ? undefined : [value, self.get(value)]\n        };\n      }\n    });\n  };\n  _proto[Symbol.iterator] = function () {\n    return this.entries();\n  };\n  _proto.forEach = function forEach(callback, thisArg) {\n    for (var _iterator = _createForOfIteratorHelperLoose(this), _step; !(_step = _iterator()).done;) {\n      var _step$value = _step.value,\n        key = _step$value[0],\n        value = _step$value[1];\n      callback.call(thisArg, value, key, this);\n    }\n  }\n  /** Merge another object into this object, returns this. */;\n  _proto.merge = function merge(other) {\n    var _this5 = this;\n    if (isObservableMap(other)) {\n      other = new Map(other);\n    }\n    transaction(function () {\n      if (isPlainObject(other)) {\n        getPlainObjectKeys(other).forEach(function (key) {\n          return _this5.set(key, other[key]);\n        });\n      } else if (Array.isArray(other)) {\n        other.forEach(function (_ref) {\n          var key = _ref[0],\n            value = _ref[1];\n          return _this5.set(key, value);\n        });\n      } else if (isES6Map(other)) {\n        if (!isPlainES6Map(other)) {\n          die(19, other);\n        }\n        other.forEach(function (value, key) {\n          return _this5.set(key, value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(20, other);\n      }\n    });\n    return this;\n  };\n  _proto.clear = function clear() {\n    var _this6 = this;\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator2 = _createForOfIteratorHelperLoose(_this6.keys()), _step2; !(_step2 = _iterator2()).done;) {\n          var key = _step2.value;\n          _this6[\"delete\"](key);\n        }\n      });\n    });\n  };\n  _proto.replace = function replace(values) {\n    var _this7 = this;\n    // Implementation requirements:\n    // - respect ordering of replacement map\n    // - allow interceptors to run and potentially prevent individual operations\n    // - don't recreate observables that already exist in original map (so we don't destroy existing subscriptions)\n    // - don't _keysAtom.reportChanged if the keys of resulting map are indentical (order matters!)\n    // - note that result map may differ from replacement map due to the interceptors\n    transaction(function () {\n      // Convert to map so we can do quick key lookups\n      var replacementMap = convertToMap(values);\n      var orderedData = new Map();\n      // Used for optimization\n      var keysReportChangedCalled = false;\n      // Delete keys that don't exist in replacement map\n      // if the key deletion is prevented by interceptor\n      // add entry at the beginning of the result map\n      for (var _iterator3 = _createForOfIteratorHelperLoose(_this7.data_.keys()), _step3; !(_step3 = _iterator3()).done;) {\n        var key = _step3.value;\n        // Concurrently iterating/deleting keys\n        // iterator should handle this correctly\n        if (!replacementMap.has(key)) {\n          var deleted = _this7[\"delete\"](key);\n          // Was the key removed?\n          if (deleted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          } else {\n            // Delete prevented by interceptor\n            var value = _this7.data_.get(key);\n            orderedData.set(key, value);\n          }\n        }\n      }\n      // Merge entries\n      for (var _iterator4 = _createForOfIteratorHelperLoose(replacementMap.entries()), _step4; !(_step4 = _iterator4()).done;) {\n        var _step4$value = _step4.value,\n          _key = _step4$value[0],\n          _value = _step4$value[1];\n        // We will want to know whether a new key is added\n        var keyExisted = _this7.data_.has(_key);\n        // Add or update value\n        _this7.set(_key, _value);\n        // The addition could have been prevent by interceptor\n        if (_this7.data_.has(_key)) {\n          // The update could have been prevented by interceptor\n          // and also we want to preserve existing values\n          // so use value from _data map (instead of replacement map)\n          var _value2 = _this7.data_.get(_key);\n          orderedData.set(_key, _value2);\n          // Was a new key added?\n          if (!keyExisted) {\n            // _keysAtom.reportChanged() was already called\n            keysReportChangedCalled = true;\n          }\n        }\n      }\n      // Check for possible key order change\n      if (!keysReportChangedCalled) {\n        if (_this7.data_.size !== orderedData.size) {\n          // If size differs, keys are definitely modified\n          _this7.keysAtom_.reportChanged();\n        } else {\n          var iter1 = _this7.data_.keys();\n          var iter2 = orderedData.keys();\n          var next1 = iter1.next();\n          var next2 = iter2.next();\n          while (!next1.done) {\n            if (next1.value !== next2.value) {\n              _this7.keysAtom_.reportChanged();\n              break;\n            }\n            next1 = iter1.next();\n            next2 = iter2.next();\n          }\n        }\n      }\n      // Use correctly ordered map\n      _this7.data_ = orderedData;\n    });\n    return this;\n  };\n  _proto.toString = function toString() {\n    return \"[object ObservableMap]\";\n  };\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n  /**\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\n   * for callback details\n   */\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with maps.\");\n    }\n    return registerListener(this, listener);\n  };\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n  return _createClass(ObservableMap, [{\n    key: \"size\",\n    get: function get() {\n      this.keysAtom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: Symbol.toStringTag,\n    get: function get() {\n      return \"Map\";\n    }\n  }]);\n}();\n// eslint-disable-next-line\nvar isObservableMap = /*#__PURE__*/createInstanceofPredicate(\"ObservableMap\", ObservableMap);\nfunction makeIterableForMap(iterator) {\n  iterator[Symbol.toStringTag] = \"MapIterator\";\n  return makeIterable(iterator);\n}\nfunction convertToMap(dataStructure) {\n  if (isES6Map(dataStructure) || isObservableMap(dataStructure)) {\n    return dataStructure;\n  } else if (Array.isArray(dataStructure)) {\n    return new Map(dataStructure);\n  } else if (isPlainObject(dataStructure)) {\n    var map = new Map();\n    for (var key in dataStructure) {\n      map.set(key, dataStructure[key]);\n    }\n    return map;\n  } else {\n    return die(21, dataStructure);\n  }\n}\n\nvar ObservableSetMarker = {};\nvar ObservableSet = /*#__PURE__*/function () {\n  function ObservableSet(initialData, enhancer, name_) {\n    var _this = this;\n    if (enhancer === void 0) {\n      enhancer = deepEnhancer;\n    }\n    if (name_ === void 0) {\n      name_ =  true ? \"ObservableSet@\" + getNextId() : 0;\n    }\n    this.name_ = void 0;\n    this[$mobx] = ObservableSetMarker;\n    this.data_ = new Set();\n    this.atom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.dehancer = void 0;\n    this.enhancer_ = void 0;\n    this.name_ = name_;\n    if (!isFunction(Set)) {\n      die(22);\n    }\n    this.enhancer_ = function (newV, oldV) {\n      return enhancer(newV, oldV, name_);\n    };\n    initObservable(function () {\n      _this.atom_ = createAtom(_this.name_);\n      if (initialData) {\n        _this.replace(initialData);\n      }\n    });\n  }\n  var _proto = ObservableSet.prototype;\n  _proto.dehanceValue_ = function dehanceValue_(value) {\n    if (this.dehancer !== undefined) {\n      return this.dehancer(value);\n    }\n    return value;\n  };\n  _proto.clear = function clear() {\n    var _this2 = this;\n    transaction(function () {\n      untracked(function () {\n        for (var _iterator = _createForOfIteratorHelperLoose(_this2.data_.values()), _step; !(_step = _iterator()).done;) {\n          var value = _step.value;\n          _this2[\"delete\"](value);\n        }\n      });\n    });\n  };\n  _proto.forEach = function forEach(callbackFn, thisArg) {\n    for (var _iterator2 = _createForOfIteratorHelperLoose(this), _step2; !(_step2 = _iterator2()).done;) {\n      var value = _step2.value;\n      callbackFn.call(thisArg, value, value, this);\n    }\n  };\n  _proto.add = function add(value) {\n    var _this3 = this;\n    checkIfStateModificationsAreAllowed(this.atom_);\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: ADD,\n        object: this,\n        newValue: value\n      });\n      if (!change) {\n        return this;\n      }\n      // ideally, value = change.value would be done here, so that values can be\n      // changed by interceptor. Same applies for other Set and Map api's.\n    }\n    if (!this.has(value)) {\n      transaction(function () {\n        _this3.data_.add(_this3.enhancer_(value, undefined));\n        _this3.atom_.reportChanged();\n      });\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n      var _change = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: ADD,\n        object: this,\n        newValue: value\n      } : null;\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change);\n      }\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n    }\n    return this;\n  };\n  _proto[\"delete\"] = function _delete(value) {\n    var _this4 = this;\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: DELETE,\n        object: this,\n        oldValue: value\n      });\n      if (!change) {\n        return false;\n      }\n    }\n    if (this.has(value)) {\n      var notifySpy =  true && isSpyEnabled();\n      var notify = hasListeners(this);\n      var _change2 = notify || notifySpy ? {\n        observableKind: \"set\",\n        debugObjectName: this.name_,\n        type: DELETE,\n        object: this,\n        oldValue: value\n      } : null;\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportStart(_change2);\n      }\n      transaction(function () {\n        _this4.atom_.reportChanged();\n        _this4.data_[\"delete\"](value);\n      });\n      if (notify) {\n        notifyListeners(this, _change2);\n      }\n      if (notifySpy && \"development\" !== \"production\") {\n        spyReportEnd();\n      }\n      return true;\n    }\n    return false;\n  };\n  _proto.has = function has(value) {\n    this.atom_.reportObserved();\n    return this.data_.has(this.dehanceValue_(value));\n  };\n  _proto.entries = function entries() {\n    var nextIndex = 0;\n    var keys = Array.from(this.keys());\n    var values = Array.from(this.values());\n    return makeIterableForSet({\n      next: function next() {\n        var index = nextIndex;\n        nextIndex += 1;\n        return index < values.length ? {\n          value: [keys[index], values[index]],\n          done: false\n        } : {\n          value: undefined,\n          done: true\n        };\n      }\n    });\n  };\n  _proto.keys = function keys() {\n    return this.values();\n  };\n  _proto.values = function values() {\n    this.atom_.reportObserved();\n    var self = this;\n    var nextIndex = 0;\n    var observableValues = Array.from(this.data_.values());\n    return makeIterableForSet({\n      next: function next() {\n        return nextIndex < observableValues.length ? {\n          value: self.dehanceValue_(observableValues[nextIndex++]),\n          done: false\n        } : {\n          value: undefined,\n          done: true\n        };\n      }\n    });\n  };\n  _proto.intersection = function intersection(otherSet) {\n    if (isES6Set(otherSet) && !isObservableSet(otherSet)) {\n      return otherSet.intersection(this);\n    } else {\n      var dehancedSet = new Set(this);\n      return dehancedSet.intersection(otherSet);\n    }\n  };\n  _proto.union = function union(otherSet) {\n    if (isES6Set(otherSet) && !isObservableSet(otherSet)) {\n      return otherSet.union(this);\n    } else {\n      var dehancedSet = new Set(this);\n      return dehancedSet.union(otherSet);\n    }\n  };\n  _proto.difference = function difference(otherSet) {\n    return new Set(this).difference(otherSet);\n  };\n  _proto.symmetricDifference = function symmetricDifference(otherSet) {\n    if (isES6Set(otherSet) && !isObservableSet(otherSet)) {\n      return otherSet.symmetricDifference(this);\n    } else {\n      var dehancedSet = new Set(this);\n      return dehancedSet.symmetricDifference(otherSet);\n    }\n  };\n  _proto.isSubsetOf = function isSubsetOf(otherSet) {\n    return new Set(this).isSubsetOf(otherSet);\n  };\n  _proto.isSupersetOf = function isSupersetOf(otherSet) {\n    return new Set(this).isSupersetOf(otherSet);\n  };\n  _proto.isDisjointFrom = function isDisjointFrom(otherSet) {\n    if (isES6Set(otherSet) && !isObservableSet(otherSet)) {\n      return otherSet.isDisjointFrom(this);\n    } else {\n      var dehancedSet = new Set(this);\n      return dehancedSet.isDisjointFrom(otherSet);\n    }\n  };\n  _proto.replace = function replace(other) {\n    var _this5 = this;\n    if (isObservableSet(other)) {\n      other = new Set(other);\n    }\n    transaction(function () {\n      if (Array.isArray(other)) {\n        _this5.clear();\n        other.forEach(function (value) {\n          return _this5.add(value);\n        });\n      } else if (isES6Set(other)) {\n        _this5.clear();\n        other.forEach(function (value) {\n          return _this5.add(value);\n        });\n      } else if (other !== null && other !== undefined) {\n        die(\"Cannot initialize set from \" + other);\n      }\n    });\n    return this;\n  };\n  _proto.observe_ = function observe_(listener, fireImmediately) {\n    // ... 'fireImmediately' could also be true?\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support fireImmediately=true in combination with sets.\");\n    }\n    return registerListener(this, listener);\n  };\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n  _proto.toJSON = function toJSON() {\n    return Array.from(this);\n  };\n  _proto.toString = function toString() {\n    return \"[object ObservableSet]\";\n  };\n  _proto[Symbol.iterator] = function () {\n    return this.values();\n  };\n  return _createClass(ObservableSet, [{\n    key: \"size\",\n    get: function get() {\n      this.atom_.reportObserved();\n      return this.data_.size;\n    }\n  }, {\n    key: Symbol.toStringTag,\n    get: function get() {\n      return \"Set\";\n    }\n  }]);\n}();\n// eslint-disable-next-line\nvar isObservableSet = /*#__PURE__*/createInstanceofPredicate(\"ObservableSet\", ObservableSet);\nfunction makeIterableForSet(iterator) {\n  iterator[Symbol.toStringTag] = \"SetIterator\";\n  return makeIterable(iterator);\n}\n\nvar descriptorCache = /*#__PURE__*/Object.create(null);\nvar REMOVE = \"remove\";\nvar ObservableObjectAdministration = /*#__PURE__*/function () {\n  function ObservableObjectAdministration(target_, values_, name_,\n  // Used anytime annotation is not explicitely provided\n  defaultAnnotation_) {\n    if (values_ === void 0) {\n      values_ = new Map();\n    }\n    if (defaultAnnotation_ === void 0) {\n      defaultAnnotation_ = autoAnnotation;\n    }\n    this.target_ = void 0;\n    this.values_ = void 0;\n    this.name_ = void 0;\n    this.defaultAnnotation_ = void 0;\n    this.keysAtom_ = void 0;\n    this.changeListeners_ = void 0;\n    this.interceptors_ = void 0;\n    this.proxy_ = void 0;\n    this.isPlainObject_ = void 0;\n    this.appliedAnnotations_ = void 0;\n    this.pendingKeys_ = void 0;\n    this.target_ = target_;\n    this.values_ = values_;\n    this.name_ = name_;\n    this.defaultAnnotation_ = defaultAnnotation_;\n    this.keysAtom_ = new Atom( true ? this.name_ + \".keys\" : 0);\n    // Optimization: we use this frequently\n    this.isPlainObject_ = isPlainObject(this.target_);\n    if ( true && !isAnnotation(this.defaultAnnotation_)) {\n      die(\"defaultAnnotation must be valid annotation\");\n    }\n    if (true) {\n      // Prepare structure for tracking which fields were already annotated\n      this.appliedAnnotations_ = {};\n    }\n  }\n  var _proto = ObservableObjectAdministration.prototype;\n  _proto.getObservablePropValue_ = function getObservablePropValue_(key) {\n    return this.values_.get(key).get();\n  };\n  _proto.setObservablePropValue_ = function setObservablePropValue_(key, newValue) {\n    var observable = this.values_.get(key);\n    if (observable instanceof ComputedValue) {\n      observable.set(newValue);\n      return true;\n    }\n    // intercept\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        type: UPDATE,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: newValue\n      });\n      if (!change) {\n        return null;\n      }\n      newValue = change.newValue;\n    }\n    newValue = observable.prepareNewValue_(newValue);\n    // notify spy & observers\n    if (newValue !== globalState.UNCHANGED) {\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n      var _change = notify || notifySpy ? {\n        type: UPDATE,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        oldValue: observable.value_,\n        name: key,\n        newValue: newValue\n      } : null;\n      if ( true && notifySpy) {\n        spyReportStart(_change);\n      }\n      observable.setNewValue_(newValue);\n      if (notify) {\n        notifyListeners(this, _change);\n      }\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n    return true;\n  };\n  _proto.get_ = function get_(key) {\n    if (globalState.trackingDerivation && !hasProp(this.target_, key)) {\n      // Key doesn't exist yet, subscribe for it in case it's added later\n      this.has_(key);\n    }\n    return this.target_[key];\n  }\n  /**\n   * @param {PropertyKey} key\n   * @param {any} value\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\n   * @param {boolean} proxyTrap whether it's called from proxy trap\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\n   */;\n  _proto.set_ = function set_(key, value, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n    // Don't use .has(key) - we care about own\n    if (hasProp(this.target_, key)) {\n      // Existing prop\n      if (this.values_.has(key)) {\n        // Observable (can be intercepted)\n        return this.setObservablePropValue_(key, value);\n      } else if (proxyTrap) {\n        // Non-observable - proxy\n        return Reflect.set(this.target_, key, value);\n      } else {\n        // Non-observable\n        this.target_[key] = value;\n        return true;\n      }\n    } else {\n      // New prop\n      return this.extend_(key, {\n        value: value,\n        enumerable: true,\n        writable: true,\n        configurable: true\n      }, this.defaultAnnotation_, proxyTrap);\n    }\n  }\n  // Trap for \"in\"\n  ;\n  _proto.has_ = function has_(key) {\n    if (!globalState.trackingDerivation) {\n      // Skip key subscription outside derivation\n      return key in this.target_;\n    }\n    this.pendingKeys_ || (this.pendingKeys_ = new Map());\n    var entry = this.pendingKeys_.get(key);\n    if (!entry) {\n      entry = new ObservableValue(key in this.target_, referenceEnhancer,  true ? this.name_ + \".\" + stringifyKey(key) + \"?\" : 0, false);\n      this.pendingKeys_.set(key, entry);\n    }\n    return entry.get();\n  }\n  /**\n   * @param {PropertyKey} key\n   * @param {Annotation|boolean} annotation true - use default annotation, false - ignore prop\n   */;\n  _proto.make_ = function make_(key, annotation) {\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n    if (annotation === false) {\n      return;\n    }\n    assertAnnotable(this, annotation, key);\n    if (!(key in this.target_)) {\n      var _this$target_$storedA;\n      // Throw on missing key, except for decorators:\n      // Decorator annotations are collected from whole prototype chain.\n      // When called from super() some props may not exist yet.\n      // However we don't have to worry about missing prop,\n      // because the decorator must have been applied to something.\n      if ((_this$target_$storedA = this.target_[storedAnnotationsSymbol]) != null && _this$target_$storedA[key]) {\n        return; // will be annotated by subclass constructor\n      } else {\n        die(1, annotation.annotationType_, this.name_ + \".\" + key.toString());\n      }\n    }\n    var source = this.target_;\n    while (source && source !== objectPrototype) {\n      var descriptor = getDescriptor(source, key);\n      if (descriptor) {\n        var outcome = annotation.make_(this, key, descriptor, source);\n        if (outcome === 0 /* MakeResult.Cancel */) {\n          return;\n        }\n        if (outcome === 1 /* MakeResult.Break */) {\n          break;\n        }\n      }\n      source = Object.getPrototypeOf(source);\n    }\n    recordAnnotationApplied(this, annotation, key);\n  }\n  /**\n   * @param {PropertyKey} key\n   * @param {PropertyDescriptor} descriptor\n   * @param {Annotation|boolean} annotation true - use default annotation, false - copy as is\n   * @param {boolean} proxyTrap whether it's called from proxy trap\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\n   */;\n  _proto.extend_ = function extend_(key, descriptor, annotation, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n    if (annotation === true) {\n      annotation = this.defaultAnnotation_;\n    }\n    if (annotation === false) {\n      return this.defineProperty_(key, descriptor, proxyTrap);\n    }\n    assertAnnotable(this, annotation, key);\n    var outcome = annotation.extend_(this, key, descriptor, proxyTrap);\n    if (outcome) {\n      recordAnnotationApplied(this, annotation, key);\n    }\n    return outcome;\n  }\n  /**\n   * @param {PropertyKey} key\n   * @param {PropertyDescriptor} descriptor\n   * @param {boolean} proxyTrap whether it's called from proxy trap\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\n   */;\n  _proto.defineProperty_ = function defineProperty_(key, descriptor, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    try {\n      startBatch();\n      // Delete\n      var deleteOutcome = this.delete_(key);\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      }\n      // ADD interceptor\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: descriptor.value\n        });\n        if (!change) {\n          return null;\n        }\n        var newValue = change.newValue;\n        if (descriptor.value !== newValue) {\n          descriptor = _extends({}, descriptor, {\n            value: newValue\n          });\n        }\n      }\n      // Define\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n      // Notify\n      this.notifyPropertyAddition_(key, descriptor.value);\n    } finally {\n      endBatch();\n    }\n    return true;\n  }\n  // If original descriptor becomes relevant, move this to annotation directly\n  ;\n  _proto.defineObservableProperty_ = function defineObservableProperty_(key, value, enhancer, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    try {\n      startBatch();\n      // Delete\n      var deleteOutcome = this.delete_(key);\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      }\n      // ADD interceptor\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: value\n        });\n        if (!change) {\n          return null;\n        }\n        value = change.newValue;\n      }\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: true,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      };\n      // Define\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n      var observable = new ObservableValue(value, enhancer,  true ? this.name_ + \".\" + key.toString() : 0, false);\n      this.values_.set(key, observable);\n      // Notify (value possibly changed by ObservableValue)\n      this.notifyPropertyAddition_(key, observable.value_);\n    } finally {\n      endBatch();\n    }\n    return true;\n  }\n  // If original descriptor becomes relevant, move this to annotation directly\n  ;\n  _proto.defineComputedProperty_ = function defineComputedProperty_(key, options, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    try {\n      startBatch();\n      // Delete\n      var deleteOutcome = this.delete_(key);\n      if (!deleteOutcome) {\n        // Failure or intercepted\n        return deleteOutcome;\n      }\n      // ADD interceptor\n      if (hasInterceptors(this)) {\n        var change = interceptChange(this, {\n          object: this.proxy_ || this.target_,\n          name: key,\n          type: ADD,\n          newValue: undefined\n        });\n        if (!change) {\n          return null;\n        }\n      }\n      options.name || (options.name =  true ? this.name_ + \".\" + key.toString() : 0);\n      options.context = this.proxy_ || this.target_;\n      var cachedDescriptor = getCachedObservablePropDescriptor(key);\n      var descriptor = {\n        configurable: globalState.safeDescriptors ? this.isPlainObject_ : true,\n        enumerable: false,\n        get: cachedDescriptor.get,\n        set: cachedDescriptor.set\n      };\n      // Define\n      if (proxyTrap) {\n        if (!Reflect.defineProperty(this.target_, key, descriptor)) {\n          return false;\n        }\n      } else {\n        defineProperty(this.target_, key, descriptor);\n      }\n      this.values_.set(key, new ComputedValue(options));\n      // Notify\n      this.notifyPropertyAddition_(key, undefined);\n    } finally {\n      endBatch();\n    }\n    return true;\n  }\n  /**\n   * @param {PropertyKey} key\n   * @param {PropertyDescriptor} descriptor\n   * @param {boolean} proxyTrap whether it's called from proxy trap\n   * @returns {boolean|null} true on success, false on failure (proxyTrap + non-configurable), null when cancelled by interceptor\n   */;\n  _proto.delete_ = function delete_(key, proxyTrap) {\n    if (proxyTrap === void 0) {\n      proxyTrap = false;\n    }\n    checkIfStateModificationsAreAllowed(this.keysAtom_);\n    // No such prop\n    if (!hasProp(this.target_, key)) {\n      return true;\n    }\n    // Intercept\n    if (hasInterceptors(this)) {\n      var change = interceptChange(this, {\n        object: this.proxy_ || this.target_,\n        name: key,\n        type: REMOVE\n      });\n      // Cancelled\n      if (!change) {\n        return null;\n      }\n    }\n    // Delete\n    try {\n      var _this$pendingKeys_;\n      startBatch();\n      var notify = hasListeners(this);\n      var notifySpy =  true && isSpyEnabled();\n      var observable = this.values_.get(key);\n      // Value needed for spies/listeners\n      var value = undefined;\n      // Optimization: don't pull the value unless we will need it\n      if (!observable && (notify || notifySpy)) {\n        var _getDescriptor;\n        value = (_getDescriptor = getDescriptor(this.target_, key)) == null ? void 0 : _getDescriptor.value;\n      }\n      // delete prop (do first, may fail)\n      if (proxyTrap) {\n        if (!Reflect.deleteProperty(this.target_, key)) {\n          return false;\n        }\n      } else {\n        delete this.target_[key];\n      }\n      // Allow re-annotating this field\n      if (true) {\n        delete this.appliedAnnotations_[key];\n      }\n      // Clear observable\n      if (observable) {\n        this.values_[\"delete\"](key);\n        // for computed, value is undefined\n        if (observable instanceof ObservableValue) {\n          value = observable.value_;\n        }\n        // Notify: autorun(() => obj[key]), see #1796\n        propagateChanged(observable);\n      }\n      // Notify \"keys/entries/values\" observers\n      this.keysAtom_.reportChanged();\n      // Notify \"has\" observers\n      // \"in\" as it may still exist in proto\n      (_this$pendingKeys_ = this.pendingKeys_) == null || (_this$pendingKeys_ = _this$pendingKeys_.get(key)) == null || _this$pendingKeys_.set(key in this.target_);\n      // Notify spies/listeners\n      if (notify || notifySpy) {\n        var _change2 = {\n          type: REMOVE,\n          observableKind: \"object\",\n          object: this.proxy_ || this.target_,\n          debugObjectName: this.name_,\n          oldValue: value,\n          name: key\n        };\n        if ( true && notifySpy) {\n          spyReportStart(_change2);\n        }\n        if (notify) {\n          notifyListeners(this, _change2);\n        }\n        if ( true && notifySpy) {\n          spyReportEnd();\n        }\n      }\n    } finally {\n      endBatch();\n    }\n    return true;\n  }\n  /**\n   * Observes this object. Triggers for the events 'add', 'update' and 'delete'.\n   * See: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/observe\n   * for callback details\n   */;\n  _proto.observe_ = function observe_(callback, fireImmediately) {\n    if ( true && fireImmediately === true) {\n      die(\"`observe` doesn't support the fire immediately property for observable objects.\");\n    }\n    return registerListener(this, callback);\n  };\n  _proto.intercept_ = function intercept_(handler) {\n    return registerInterceptor(this, handler);\n  };\n  _proto.notifyPropertyAddition_ = function notifyPropertyAddition_(key, value) {\n    var _this$pendingKeys_2;\n    var notify = hasListeners(this);\n    var notifySpy =  true && isSpyEnabled();\n    if (notify || notifySpy) {\n      var change = notify || notifySpy ? {\n        type: ADD,\n        observableKind: \"object\",\n        debugObjectName: this.name_,\n        object: this.proxy_ || this.target_,\n        name: key,\n        newValue: value\n      } : null;\n      if ( true && notifySpy) {\n        spyReportStart(change);\n      }\n      if (notify) {\n        notifyListeners(this, change);\n      }\n      if ( true && notifySpy) {\n        spyReportEnd();\n      }\n    }\n    (_this$pendingKeys_2 = this.pendingKeys_) == null || (_this$pendingKeys_2 = _this$pendingKeys_2.get(key)) == null || _this$pendingKeys_2.set(true);\n    // Notify \"keys/entries/values\" observers\n    this.keysAtom_.reportChanged();\n  };\n  _proto.ownKeys_ = function ownKeys_() {\n    this.keysAtom_.reportObserved();\n    return ownKeys(this.target_);\n  };\n  _proto.keys_ = function keys_() {\n    // Returns enumerable && own, but unfortunately keysAtom will report on ANY key change.\n    // There is no way to distinguish between Object.keys(object) and Reflect.ownKeys(object) - both are handled by ownKeys trap.\n    // We can either over-report in Object.keys(object) or under-report in Reflect.ownKeys(object)\n    // We choose to over-report in Object.keys(object), because:\n    // - typically it's used with simple data objects\n    // - when symbolic/non-enumerable keys are relevant Reflect.ownKeys works as expected\n    this.keysAtom_.reportObserved();\n    return Object.keys(this.target_);\n  };\n  return ObservableObjectAdministration;\n}();\nfunction asObservableObject(target, options) {\n  var _options$name;\n  if ( true && options && isObservableObject(target)) {\n    die(\"Options can't be provided for already observable objects.\");\n  }\n  if (hasProp(target, $mobx)) {\n    if ( true && !(getAdministration(target) instanceof ObservableObjectAdministration)) {\n      die(\"Cannot convert '\" + getDebugName(target) + \"' into observable object:\" + \"\\nThe target is already observable of different type.\" + \"\\nExtending builtins is not supported.\");\n    }\n    return target;\n  }\n  if ( true && !Object.isExtensible(target)) {\n    die(\"Cannot make the designated object observable; it is not extensible\");\n  }\n  var name = (_options$name = options == null ? void 0 : options.name) != null ? _options$name :  true ? (isPlainObject(target) ? \"ObservableObject\" : target.constructor.name) + \"@\" + getNextId() : 0;\n  var adm = new ObservableObjectAdministration(target, new Map(), String(name), getAnnotationFromOptions(options));\n  addHiddenProp(target, $mobx, adm);\n  return target;\n}\nvar isObservableObjectAdministration = /*#__PURE__*/createInstanceofPredicate(\"ObservableObjectAdministration\", ObservableObjectAdministration);\nfunction getCachedObservablePropDescriptor(key) {\n  return descriptorCache[key] || (descriptorCache[key] = {\n    get: function get() {\n      return this[$mobx].getObservablePropValue_(key);\n    },\n    set: function set(value) {\n      return this[$mobx].setObservablePropValue_(key, value);\n    }\n  });\n}\nfunction isObservableObject(thing) {\n  if (isObject(thing)) {\n    return isObservableObjectAdministration(thing[$mobx]);\n  }\n  return false;\n}\nfunction recordAnnotationApplied(adm, annotation, key) {\n  var _adm$target_$storedAn;\n  if (true) {\n    adm.appliedAnnotations_[key] = annotation;\n  }\n  // Remove applied decorator annotation so we don't try to apply it again in subclass constructor\n  (_adm$target_$storedAn = adm.target_[storedAnnotationsSymbol]) == null || delete _adm$target_$storedAn[key];\n}\nfunction assertAnnotable(adm, annotation, key) {\n  // Valid annotation\n  if ( true && !isAnnotation(annotation)) {\n    die(\"Cannot annotate '\" + adm.name_ + \".\" + key.toString() + \"': Invalid annotation.\");\n  }\n  /*\n  // Configurable, not sealed, not frozen\n  // Possibly not needed, just a little better error then the one thrown by engine.\n  // Cases where this would be useful the most (subclass field initializer) are not interceptable by this.\n  if (__DEV__) {\n      const configurable = getDescriptor(adm.target_, key)?.configurable\n      const frozen = Object.isFrozen(adm.target_)\n      const sealed = Object.isSealed(adm.target_)\n      if (!configurable || frozen || sealed) {\n          const fieldName = `${adm.name_}.${key.toString()}`\n          const requestedAnnotationType = annotation.annotationType_\n          let error = `Cannot apply '${requestedAnnotationType}' to '${fieldName}':`\n          if (frozen) {\n              error += `\\nObject is frozen.`\n          }\n          if (sealed) {\n              error += `\\nObject is sealed.`\n          }\n          if (!configurable) {\n              error += `\\nproperty is not configurable.`\n              // Mention only if caused by us to avoid confusion\n              if (hasProp(adm.appliedAnnotations!, key)) {\n                  error += `\\nTo prevent accidental re-definition of a field by a subclass, `\n                  error += `all annotated fields of non-plain objects (classes) are not configurable.`\n              }\n          }\n          die(error)\n      }\n  }\n  */\n  // Not annotated\n  if ( true && !isOverride(annotation) && hasProp(adm.appliedAnnotations_, key)) {\n    var fieldName = adm.name_ + \".\" + key.toString();\n    var currentAnnotationType = adm.appliedAnnotations_[key].annotationType_;\n    var requestedAnnotationType = annotation.annotationType_;\n    die(\"Cannot apply '\" + requestedAnnotationType + \"' to '\" + fieldName + \"':\" + (\"\\nThe field is already annotated with '\" + currentAnnotationType + \"'.\") + \"\\nRe-annotating fields is not allowed.\" + \"\\nUse 'override' annotation for methods overridden by subclass.\");\n  }\n}\n\n// Bug in safari 9.* (or iOS 9 safari mobile). See #364\nvar ENTRY_0 = /*#__PURE__*/createArrayEntryDescriptor(0);\nvar safariPrototypeSetterInheritanceBug = /*#__PURE__*/function () {\n  var v = false;\n  var p = {};\n  Object.defineProperty(p, \"0\", {\n    set: function set() {\n      v = true;\n    }\n  });\n  /*#__PURE__*/Object.create(p)[\"0\"] = 1;\n  return v === false;\n}();\n/**\n * This array buffer contains two lists of properties, so that all arrays\n * can recycle their property definitions, which significantly improves performance of creating\n * properties on the fly.\n */\nvar OBSERVABLE_ARRAY_BUFFER_SIZE = 0;\n// Typescript workaround to make sure ObservableArray extends Array\nvar StubArray = function StubArray() {};\nfunction inherit(ctor, proto) {\n  if (Object.setPrototypeOf) {\n    Object.setPrototypeOf(ctor.prototype, proto);\n  } else if (ctor.prototype.__proto__ !== undefined) {\n    ctor.prototype.__proto__ = proto;\n  } else {\n    ctor.prototype = proto;\n  }\n}\ninherit(StubArray, Array.prototype);\n// Weex proto freeze protection was here,\n// but it is unclear why the hack is need as MobX never changed the prototype\n// anyway, so removed it in V6\nvar LegacyObservableArray = /*#__PURE__*/function (_StubArray) {\n  function LegacyObservableArray(initialValues, enhancer, name, owned) {\n    var _this;\n    if (name === void 0) {\n      name =  true ? \"ObservableArray@\" + getNextId() : 0;\n    }\n    if (owned === void 0) {\n      owned = false;\n    }\n    _this = _StubArray.call(this) || this;\n    initObservable(function () {\n      var adm = new ObservableArrayAdministration(name, enhancer, owned, true);\n      adm.proxy_ = _this;\n      addHiddenFinalProp(_this, $mobx, adm);\n      if (initialValues && initialValues.length) {\n        // @ts-ignore\n        _this.spliceWithArray(0, 0, initialValues);\n      }\n      if (safariPrototypeSetterInheritanceBug) {\n        // Seems that Safari won't use numeric prototype setter until any * numeric property is\n        // defined on the instance. After that it works fine, even if this property is deleted.\n        Object.defineProperty(_this, \"0\", ENTRY_0);\n      }\n    });\n    return _this;\n  }\n  _inheritsLoose(LegacyObservableArray, _StubArray);\n  var _proto = LegacyObservableArray.prototype;\n  _proto.concat = function concat() {\n    this[$mobx].atom_.reportObserved();\n    for (var _len = arguments.length, arrays = new Array(_len), _key = 0; _key < _len; _key++) {\n      arrays[_key] = arguments[_key];\n    }\n    return Array.prototype.concat.apply(this.slice(),\n    //@ts-ignore\n    arrays.map(function (a) {\n      return isObservableArray(a) ? a.slice() : a;\n    }));\n  };\n  _proto[Symbol.iterator] = function () {\n    var self = this;\n    var nextIndex = 0;\n    return makeIterable({\n      next: function next() {\n        return nextIndex < self.length ? {\n          value: self[nextIndex++],\n          done: false\n        } : {\n          done: true,\n          value: undefined\n        };\n      }\n    });\n  };\n  return _createClass(LegacyObservableArray, [{\n    key: \"length\",\n    get: function get() {\n      return this[$mobx].getArrayLength_();\n    },\n    set: function set(newLength) {\n      this[$mobx].setArrayLength_(newLength);\n    }\n  }, {\n    key: Symbol.toStringTag,\n    get: function get() {\n      return \"Array\";\n    }\n  }]);\n}(StubArray);\nObject.entries(arrayExtensions).forEach(function (_ref) {\n  var prop = _ref[0],\n    fn = _ref[1];\n  if (prop !== \"concat\") {\n    addHiddenProp(LegacyObservableArray.prototype, prop, fn);\n  }\n});\nfunction createArrayEntryDescriptor(index) {\n  return {\n    enumerable: false,\n    configurable: true,\n    get: function get() {\n      return this[$mobx].get_(index);\n    },\n    set: function set(value) {\n      this[$mobx].set_(index, value);\n    }\n  };\n}\nfunction createArrayBufferItem(index) {\n  defineProperty(LegacyObservableArray.prototype, \"\" + index, createArrayEntryDescriptor(index));\n}\nfunction reserveArrayBuffer(max) {\n  if (max > OBSERVABLE_ARRAY_BUFFER_SIZE) {\n    for (var index = OBSERVABLE_ARRAY_BUFFER_SIZE; index < max + 100; index++) {\n      createArrayBufferItem(index);\n    }\n    OBSERVABLE_ARRAY_BUFFER_SIZE = max;\n  }\n}\nreserveArrayBuffer(1000);\nfunction createLegacyArray(initialValues, enhancer, name) {\n  return new LegacyObservableArray(initialValues, enhancer, name);\n}\n\nfunction getAtom(thing, property) {\n  if (typeof thing === \"object\" && thing !== null) {\n    if (isObservableArray(thing)) {\n      if (property !== undefined) {\n        die(23);\n      }\n      return thing[$mobx].atom_;\n    }\n    if (isObservableSet(thing)) {\n      return thing.atom_;\n    }\n    if (isObservableMap(thing)) {\n      if (property === undefined) {\n        return thing.keysAtom_;\n      }\n      var observable = thing.data_.get(property) || thing.hasMap_.get(property);\n      if (!observable) {\n        die(25, property, getDebugName(thing));\n      }\n      return observable;\n    }\n    if (isObservableObject(thing)) {\n      if (!property) {\n        return die(26);\n      }\n      var _observable = thing[$mobx].values_.get(property);\n      if (!_observable) {\n        die(27, property, getDebugName(thing));\n      }\n      return _observable;\n    }\n    if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n      return thing;\n    }\n  } else if (isFunction(thing)) {\n    if (isReaction(thing[$mobx])) {\n      // disposer function\n      return thing[$mobx];\n    }\n  }\n  die(28);\n}\nfunction getAdministration(thing, property) {\n  if (!thing) {\n    die(29);\n  }\n  if (property !== undefined) {\n    return getAdministration(getAtom(thing, property));\n  }\n  if (isAtom(thing) || isComputedValue(thing) || isReaction(thing)) {\n    return thing;\n  }\n  if (isObservableMap(thing) || isObservableSet(thing)) {\n    return thing;\n  }\n  if (thing[$mobx]) {\n    return thing[$mobx];\n  }\n  die(24, thing);\n}\nfunction getDebugName(thing, property) {\n  var named;\n  if (property !== undefined) {\n    named = getAtom(thing, property);\n  } else if (isAction(thing)) {\n    return thing.name;\n  } else if (isObservableObject(thing) || isObservableMap(thing) || isObservableSet(thing)) {\n    named = getAdministration(thing);\n  } else {\n    // valid for arrays as well\n    named = getAtom(thing);\n  }\n  return named.name_;\n}\n/**\n * Helper function for initializing observable structures, it applies:\n * 1. allowStateChanges so we don't violate enforceActions.\n * 2. untracked so we don't accidentaly subscribe to anything observable accessed during init in case the observable is created inside derivation.\n * 3. batch to avoid state version updates\n */\nfunction initObservable(cb) {\n  var derivation = untrackedStart();\n  var allowStateChanges = allowStateChangesStart(true);\n  startBatch();\n  try {\n    return cb();\n  } finally {\n    endBatch();\n    allowStateChangesEnd(allowStateChanges);\n    untrackedEnd(derivation);\n  }\n}\n\nvar toString = objectPrototype.toString;\nfunction deepEqual(a, b, depth) {\n  if (depth === void 0) {\n    depth = -1;\n  }\n  return eq(a, b, depth);\n}\n// Copied from https://github.com/jashkenas/underscore/blob/5c237a7c682fb68fd5378203f0bf22dce1624854/underscore.js#L1186-L1289\n// Internal recursive comparison function for `isEqual`.\nfunction eq(a, b, depth, aStack, bStack) {\n  // Identical objects are equal. `0 === -0`, but they aren't identical.\n  // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).\n  if (a === b) {\n    return a !== 0 || 1 / a === 1 / b;\n  }\n  // `null` or `undefined` only equal to itself (strict comparison).\n  if (a == null || b == null) {\n    return false;\n  }\n  // `NaN`s are equivalent, but non-reflexive.\n  if (a !== a) {\n    return b !== b;\n  }\n  // Exhaust primitive checks\n  var type = typeof a;\n  if (type !== \"function\" && type !== \"object\" && typeof b != \"object\") {\n    return false;\n  }\n  // Compare `[[Class]]` names.\n  var className = toString.call(a);\n  if (className !== toString.call(b)) {\n    return false;\n  }\n  switch (className) {\n    // Strings, numbers, regular expressions, dates, and booleans are compared by value.\n    case \"[object RegExp]\":\n    // RegExps are coerced to strings for comparison (Note: '' + /a/i === '/a/i')\n    case \"[object String]\":\n      // Primitives and their corresponding object wrappers are equivalent; thus, `\"5\"` is\n      // equivalent to `new String(\"5\")`.\n      return \"\" + a === \"\" + b;\n    case \"[object Number]\":\n      // `NaN`s are equivalent, but non-reflexive.\n      // Object(NaN) is equivalent to NaN.\n      if (+a !== +a) {\n        return +b !== +b;\n      }\n      // An `egal` comparison is performed for other numeric values.\n      return +a === 0 ? 1 / +a === 1 / b : +a === +b;\n    case \"[object Date]\":\n    case \"[object Boolean]\":\n      // Coerce dates and booleans to numeric primitive values. Dates are compared by their\n      // millisecond representations. Note that invalid dates with millisecond representations\n      // of `NaN` are not equivalent.\n      return +a === +b;\n    case \"[object Symbol]\":\n      return typeof Symbol !== \"undefined\" && Symbol.valueOf.call(a) === Symbol.valueOf.call(b);\n    case \"[object Map]\":\n    case \"[object Set]\":\n      // Maps and Sets are unwrapped to arrays of entry-pairs, adding an incidental level.\n      // Hide this extra level by increasing the depth.\n      if (depth >= 0) {\n        depth++;\n      }\n      break;\n  }\n  // Unwrap any wrapped objects.\n  a = unwrap(a);\n  b = unwrap(b);\n  var areArrays = className === \"[object Array]\";\n  if (!areArrays) {\n    if (typeof a != \"object\" || typeof b != \"object\") {\n      return false;\n    }\n    // Objects with different constructors are not equivalent, but `Object`s or `Array`s\n    // from different frames are.\n    var aCtor = a.constructor,\n      bCtor = b.constructor;\n    if (aCtor !== bCtor && !(isFunction(aCtor) && aCtor instanceof aCtor && isFunction(bCtor) && bCtor instanceof bCtor) && \"constructor\" in a && \"constructor\" in b) {\n      return false;\n    }\n  }\n  if (depth === 0) {\n    return false;\n  } else if (depth < 0) {\n    depth = -1;\n  }\n  // Assume equality for cyclic structures. The algorithm for detecting cyclic\n  // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.\n  // Initializing stack of traversed objects.\n  // It's done here since we only need them for objects and arrays comparison.\n  aStack = aStack || [];\n  bStack = bStack || [];\n  var length = aStack.length;\n  while (length--) {\n    // Linear search. Performance is inversely proportional to the number of\n    // unique nested structures.\n    if (aStack[length] === a) {\n      return bStack[length] === b;\n    }\n  }\n  // Add the first object to the stack of traversed objects.\n  aStack.push(a);\n  bStack.push(b);\n  // Recursively compare objects and arrays.\n  if (areArrays) {\n    // Compare array lengths to determine if a deep comparison is necessary.\n    length = a.length;\n    if (length !== b.length) {\n      return false;\n    }\n    // Deep compare the contents, ignoring non-numeric properties.\n    while (length--) {\n      if (!eq(a[length], b[length], depth - 1, aStack, bStack)) {\n        return false;\n      }\n    }\n  } else {\n    // Deep compare objects.\n    var keys = Object.keys(a);\n    var key;\n    length = keys.length;\n    // Ensure that both objects contain the same number of properties before comparing deep equality.\n    if (Object.keys(b).length !== length) {\n      return false;\n    }\n    while (length--) {\n      // Deep compare each member\n      key = keys[length];\n      if (!(hasProp(b, key) && eq(a[key], b[key], depth - 1, aStack, bStack))) {\n        return false;\n      }\n    }\n  }\n  // Remove the first object from the stack of traversed objects.\n  aStack.pop();\n  bStack.pop();\n  return true;\n}\nfunction unwrap(a) {\n  if (isObservableArray(a)) {\n    return a.slice();\n  }\n  if (isES6Map(a) || isObservableMap(a)) {\n    return Array.from(a.entries());\n  }\n  if (isES6Set(a) || isObservableSet(a)) {\n    return Array.from(a.entries());\n  }\n  return a;\n}\n\nvar _getGlobal$Iterator;\n// safely get iterator prototype if available\nvar maybeIteratorPrototype = ((_getGlobal$Iterator = /*#__PURE__*/getGlobal().Iterator) == null ? void 0 : _getGlobal$Iterator.prototype) || {};\nfunction makeIterable(iterator) {\n  iterator[Symbol.iterator] = getSelf;\n  return Object.assign(Object.create(maybeIteratorPrototype), iterator);\n}\nfunction getSelf() {\n  return this;\n}\n\nfunction isAnnotation(thing) {\n  return (\n    // Can be function\n    thing instanceof Object && typeof thing.annotationType_ === \"string\" && isFunction(thing.make_) && isFunction(thing.extend_)\n  );\n}\n\n/**\n * (c) Michel Weststrate 2015 - 2020\n * MIT Licensed\n *\n * Welcome to the mobx sources! To get a global overview of how MobX internally works,\n * this is a good place to start:\n * https://medium.com/@mweststrate/becoming-fully-reactive-an-in-depth-explanation-of-mobservable-55995262a254#.xvbh6qd74\n *\n * Source folders:\n * ===============\n *\n * - api/     Most of the public static methods exposed by the module can be found here.\n * - core/    Implementation of the MobX algorithm; atoms, derivations, reactions, dependency trees, optimizations. Cool stuff can be found here.\n * - types/   All the magic that is need to have observable objects, arrays and values is in this folder. Including the modifiers like `asFlat`.\n * - utils/   Utility stuff.\n *\n */\n[\"Symbol\", \"Map\", \"Set\"].forEach(function (m) {\n  var g = getGlobal();\n  if (typeof g[m] === \"undefined\") {\n    die(\"MobX requires global '\" + m + \"' to be available or polyfilled\");\n  }\n});\nif (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === \"object\") {\n  // See: https://github.com/andykog/mobx-devtools/\n  __MOBX_DEVTOOLS_GLOBAL_HOOK__.injectMobx({\n    spy: spy,\n    extras: {\n      getDebugName: getDebugName\n    },\n    $mobx: $mobx\n  });\n}\n\n\n//# sourceMappingURL=mobx.esm.js.map\n\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/mobx/dist/mobx.esm.js?");
 
 /***/ }),
@@ -176,6 +191,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
   \*****************************************************************************************************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
+"use strict";
 eval("/**\n * @license React\n * use-sync-external-store-shim.development.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\n true &&\n  (function () {\n    function is(x, y) {\n      return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);\n    }\n    function useSyncExternalStore$2(subscribe, getSnapshot) {\n      didWarnOld18Alpha ||\n        void 0 === React.startTransition ||\n        ((didWarnOld18Alpha = !0),\n        console.error(\n          \"You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release.\"\n        ));\n      var value = getSnapshot();\n      if (!didWarnUncachedGetSnapshot) {\n        var cachedValue = getSnapshot();\n        objectIs(value, cachedValue) ||\n          (console.error(\n            \"The result of getSnapshot should be cached to avoid an infinite loop\"\n          ),\n          (didWarnUncachedGetSnapshot = !0));\n      }\n      cachedValue = useState({\n        inst: { value: value, getSnapshot: getSnapshot }\n      });\n      var inst = cachedValue[0].inst,\n        forceUpdate = cachedValue[1];\n      useLayoutEffect(\n        function () {\n          inst.value = value;\n          inst.getSnapshot = getSnapshot;\n          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n        },\n        [subscribe, value, getSnapshot]\n      );\n      useEffect(\n        function () {\n          checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n          return subscribe(function () {\n            checkIfSnapshotChanged(inst) && forceUpdate({ inst: inst });\n          });\n        },\n        [subscribe]\n      );\n      useDebugValue(value);\n      return value;\n    }\n    function checkIfSnapshotChanged(inst) {\n      var latestGetSnapshot = inst.getSnapshot;\n      inst = inst.value;\n      try {\n        var nextValue = latestGetSnapshot();\n        return !objectIs(inst, nextValue);\n      } catch (error) {\n        return !0;\n      }\n    }\n    function useSyncExternalStore$1(subscribe, getSnapshot) {\n      return getSnapshot();\n    }\n    \"undefined\" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&\n      \"function\" ===\n        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&\n      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());\n    var React = __webpack_require__(/*! react */ \"react\"),\n      objectIs = \"function\" === typeof Object.is ? Object.is : is,\n      useState = React.useState,\n      useEffect = React.useEffect,\n      useLayoutEffect = React.useLayoutEffect,\n      useDebugValue = React.useDebugValue,\n      didWarnOld18Alpha = !1,\n      didWarnUncachedGetSnapshot = !1,\n      shim =\n        \"undefined\" === typeof window ||\n        \"undefined\" === typeof window.document ||\n        \"undefined\" === typeof window.document.createElement\n          ? useSyncExternalStore$1\n          : useSyncExternalStore$2;\n    exports.useSyncExternalStore =\n      void 0 !== React.useSyncExternalStore ? React.useSyncExternalStore : shim;\n    \"undefined\" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&\n      \"function\" ===\n        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&\n      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());\n  })();\n\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js?");
 
 /***/ }),
@@ -186,16 +202,28 @@ eval("/**\n * @license React\n * use-sync-external-store-shim.development.js\n *
   \*******************************************************************/
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
+"use strict";
 eval("\n\nif (false) {} else {\n  module.exports = __webpack_require__(/*! ../cjs/use-sync-external-store-shim.development.js */ \"../../../node_modules/use-sync-external-store/cjs/use-sync-external-store-shim.development.js\");\n}\n\n\n//# sourceURL=webpack://@webex/cc-user-state/../../../node_modules/use-sync-external-store/shim/index.js?");
 
 /***/ }),
 
+/***/ "../cc-components/dist/index.js":
+/*!**************************************!*\
+  !*** ../cc-components/dist/index.js ***!
+  \**************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+eval("/*\n * ATTENTION: The \"eval\" devtool has been used (maybe by default in mode: \"development\").\n * This devtool is neither made for production nor for readable output files.\n * It uses \"eval()\" calls to create a separate source file in the browser devtools.\n * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)\n * or disable the default devtool with \"devtool: false\".\n * If you are looking for production-ready output files, see mode: \"production\" (https://webpack.js.org/configuration/mode/).\n */\n/******/ (() => { // webpackBootstrap\n/******/ \t\"use strict\";\n/******/ \tvar __webpack_modules__ = ({\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.component.js\":\n/*!****************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.component.js ***!\n  \\****************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lit/directives/if-defined.js */ \\\"../../../node_modules/lit/directives/if-defined.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _utils_mixins_AvatarComponentMixin__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/mixins/AvatarComponentMixin */ \\\"../../../node_modules/@momentum-design/components/dist/utils/mixins/AvatarComponentMixin.js\\\");\\n/* harmony import */ var _avatar_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./avatar.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.constants.js\\\");\\n/* harmony import */ var _avatar_styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./avatar.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.styles.js\\\");\\n/* harmony import */ var _avatar_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./avatar.utils */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.utils.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n\\n\\n\\n\\n/**\\n * The `mdc-avatar` component is used to represent a person or a space.\\n * An avatar can be an icon, initials, counter and photo.\\n *\\n * To set the photo of an avatar,\\n * you need to set \\\"src\\\" attribute.\\n *\\n * While the avatar image is loading, as a placeholder,\\n * we will show the initials text.\\n * If the initials are not specified then,\\n * we will show `user-regular` icon as a placeholder.\\n *\\n * By default, if there are no attributes specified,\\n * then the default avatar will be an icon with `user-regular` name.\\n *\\n * The avatar component is non clickable and non interactive/focusable component.\\n * If the avatar is typing, then the loading indicator will be displayed.\\n * If the counter type avatar is set to a negative number, then we will display 0.\\n * The presence indicator will be hidden when the counter property is set.\\n *\\n * @dependency mdc-icon\\n * @dependency mdc-presence\\n * @dependency mdc-text\\n *\\n * @tagname mdc-avatar\\n *\\n * @cssproperty --mdc-avatar-default-background-color - Allows customization of the default background color.\\n * @cssproperty --mdc-avatar-default-foreground-color - Allows customization of the default foreground color.\\n * @cssproperty --mdc-avatar-loading-indicator-background-color -\\n *  Allows customization of the loading indicator background color.\\n * @cssproperty --mdc-avatar-loading-indicator-foreground-color -\\n *  Allows customization of the loading indicator foreground color.\\n * @cssproperty --mdc-avatar-loading-overlay-background-color -\\n *  Allows customization of the loading overlay background color.\\n */\\nclass Avatar extends (0,_utils_mixins_AvatarComponentMixin__WEBPACK_IMPORTED_MODULE_4__.AvatarComponentMixin)(_models__WEBPACK_IMPORTED_MODULE_3__.Component) {\\n    constructor() {\\n        super(...arguments);\\n        /**\\n         * @internal\\n         */\\n        this.isPhotoLoaded = false;\\n    }\\n    /**\\n     * @internal\\n     * The avatar presence will be hidden if the avatar type is COUNTER.\\n     * If the presence is set, it will be rendered as a child of the avatar.\\n     *\\n     * @param type - The type of the avatar.\\n     * @returns The presence template or an empty template.\\n     */\\n    getPresenceTemplateBasedOnType(type) {\\n        // avatar type of counter should not have presence\\n        if (type === _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.AVATAR_TYPE.COUNTER && (this.counter || this.counter === 0)) {\\n            return lit__WEBPACK_IMPORTED_MODULE_0__.nothing;\\n        }\\n        if (this.presence) {\\n            return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n        <mdc-presence class=\\\"presence\\\" type=\\\"${this.presence}\\\" size=\\\"${(0,_avatar_utils__WEBPACK_IMPORTED_MODULE_7__.getPresenceSize)(this.size)}\\\"></mdc-presence>\\n      `;\\n        }\\n        return lit__WEBPACK_IMPORTED_MODULE_0__.nothing;\\n    }\\n    /**\\n     * @internal\\n     * Sets `isPhotoLoaded` to `true` when the avatar photo is loaded.\\n     * This is used to hide the avatar photo initially and show it only when it is loaded.\\n     */\\n    handleOnLoad() {\\n        this.isPhotoLoaded = true;\\n    }\\n    /**\\n     * @internal\\n     * Handles errors that occur during the image loading process.\\n     * Sets `isPhotoLoaded` to `false` to indicate the failure and throws an error message.\\n     * The error message suggests checking the `src` attribute.\\n     */\\n    handleOnError() {\\n        this.isPhotoLoaded = false;\\n        if (this.onerror) {\\n            this.onerror('There was a problem while fetching the <img/>. Please check the src attribute and try again.');\\n        }\\n    }\\n    /**\\n     * @internal\\n     * Generates the photo template for the avatar component.\\n     * Utilizes the `src` attribute to display an image.\\n     * The photo remains hidden until it is fully loaded;\\n     * upon successful loading, the `handleOnLoad` method sets `isPhotoLoaded` to true.\\n     * In the event of a loading error, the `handleOnError` method sets `isPhotoLoaded` to false and raises an error.\\n     *\\n     * @returns The template result containing the avatar photo.\\n     */\\n    photoTemplate() {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n      <img\\n        class=\\\"photo\\\"\\n        src=\\\"${(0,lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_2__.ifDefined)(this.src)}\\\"\\n        aria-hidden=\\\"true\\\"\\n        ?hidden=\\\"${!this.isPhotoLoaded}\\\"\\n        @load=\\\"${this.handleOnLoad}\\\"\\n        @error=\\\"${this.handleOnError}\\\"\\n      />\\n    `;\\n    }\\n    /**\\n     * @internal\\n     * Generates the icon template for the photo avatar component.\\n     * Utilizes the `mdc-icon` component to display an icon.\\n     * If the `iconName` property is not provided, it defaults to the `DEFAULTS.ICON_NAME`.\\n     *\\n     * @returns The template result containing the avatar icon.\\n     */\\n    iconTemplate() {\\n        const name = this.iconName || _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.DEFAULTS.ICON_NAME;\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n      <mdc-icon\\n        name=\\\"${(0,lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_2__.ifDefined)(name)}\\\"\\n        length-unit=\\\"rem\\\"\\n        size=\\\"${(0,_avatar_utils__WEBPACK_IMPORTED_MODULE_7__.getAvatarIconSize)(this.size)}\\\"\\n      ></mdc-icon>\\n    `;\\n    }\\n    /**\\n     * @internal\\n     * Generates the text template for the initials/counter avatar component.\\n     * Utilizes the `mdc-text` component to display text.\\n     *\\n     * @param content - the text content to be displayed\\n     * @returns The template result containing the avatar text.\\n     */\\n    textTemplate(content) {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n      <mdc-text\\n        type=\\\"${(0,_avatar_utils__WEBPACK_IMPORTED_MODULE_7__.getAvatarTextFontSize)(this.size)}\\\"\\n        tagname=\\\"span\\\"\\n      >\\n        ${content}\\n      </mdc-text>\\n    `;\\n    }\\n    /**\\n     * @internal\\n     * Generates the text content for counter avatar by converting the given number to a string.\\n     * If the counter exceeds the maximum limit of 99, it will return the maximum limit as a string\\n     * followed by a '+' character.\\n     *\\n     * @param counter - the number to be converted to a string\\n     * @returns the counter text\\n     */\\n    generateCounterText(counter) {\\n        // If the consumer provides a negative number, we set it to 0.\\n        if (counter < 0) {\\n            return '0';\\n        }\\n        if (counter > _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.MAX_COUNTER) {\\n            return `${_avatar_constants__WEBPACK_IMPORTED_MODULE_5__.MAX_COUNTER}+`;\\n        }\\n        return counter.toString();\\n    }\\n    /**\\n     * @internal\\n     * Converts the given initials to uppercase and takes the first two characters.\\n     * This is used to generate the text content for the initials avatar.\\n     *\\n     * @param initials - the string containing the initials\\n     * @returns the first two uppercase characters of the given initials\\n     */\\n    generateInitialsText(initials) {\\n        return initials.toUpperCase().slice(0, 2);\\n    }\\n    /**\\n     * @internal\\n     * Generates the text content based on the given type.\\n     * If the type is TEXT, it will use the initials property and generate the first two uppercase characters.\\n     * If the type is COUNTER, it uses the value of counter property and\\n     * generate the string representation of the counter.\\n     * The generated content is then passed to the `textTemplate` method to generate the final template.\\n     *\\n     * @param type - the type of the avatar\\n     * @returns the template result containing the avatar text\\n     */\\n    generateTextContent(type) {\\n        let content = '';\\n        if (type === _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.AVATAR_TYPE.TEXT && this.initials) {\\n            content = this.generateInitialsText(this.initials);\\n        }\\n        if (type === _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.AVATAR_TYPE.COUNTER && (this.counter || this.counter === 0)) {\\n            content = this.generateCounterText(this.counter);\\n        }\\n        return this.textTemplate(content);\\n    }\\n    /**\\n     * @internal\\n     * Returns the type of the avatar component based on the user-provided inputs.\\n     *\\n     * @returns the type of the avatar component\\n     */\\n    getTypeBasedOnInputs() {\\n        if (this.src) {\\n            return _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.AVATAR_TYPE.PHOTO;\\n        }\\n        if (this.iconName) {\\n            return _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.AVATAR_TYPE.ICON;\\n        }\\n        if (this.initials) {\\n            return _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.AVATAR_TYPE.TEXT;\\n        }\\n        if (this.counter || this.counter === 0) {\\n            return _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.AVATAR_TYPE.COUNTER;\\n        }\\n        return _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.AVATAR_TYPE.ICON;\\n    }\\n    /**\\n     * @internal\\n     * Returns the template result based on the type of the avatar component.\\n     * The type is determined by `getTypeBasedOnInputs` based on user's input.\\n     * Based on the generated type, template result is generated.\\n     *\\n     * @param type - the type of the avatar component\\n     * @returns the template result containing the avatar content\\n     */\\n    getTemplateBasedOnType(type) {\\n        switch (type) {\\n            case _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.AVATAR_TYPE.PHOTO:\\n                return this.photoTemplate();\\n            case _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.AVATAR_TYPE.TEXT:\\n            case _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.AVATAR_TYPE.COUNTER:\\n                return this.generateTextContent(type);\\n            case _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.AVATAR_TYPE.ICON:\\n            default:\\n                return this.iconTemplate();\\n        }\\n    }\\n    /**\\n     * @internal\\n     * Represents the loading indicator for the avatar when typing.\\n     * If the avatar is in typing state, this method returns a loading indicator\\n     * comprising three small filled dots, scaled based on the avatar size.\\n     *\\n     * @returns The template result containing the loading indicator, or an empty template if not typing.\\n     */\\n    getLoadingContent() {\\n        if (!this.isTyping) {\\n            return lit__WEBPACK_IMPORTED_MODULE_0__.nothing;\\n        }\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<div class=\\\"loading__wrapper\\\"><div class=\\\"loader\\\"></div></div>`;\\n    }\\n    /**\\n     * @internal\\n     * Generates the photo placeholder content for the avatar component.\\n     * If the photo is not yet loaded, and the avatar type is PHOTO with initials provided,\\n     * it generates and returns the initials as a placeholder text.\\n     * If the photo is already loaded, it returns an empty template.\\n     *\\n     * @param type - The type of the avatar.\\n     * @returns The template result containing the placeholder content or an empty template.\\n     */\\n    getPhotoPlaceHolderContent(type) {\\n        // if photo is already loaded then no need to show placeholder\\n        if (this.isPhotoLoaded) {\\n            return lit__WEBPACK_IMPORTED_MODULE_0__.nothing;\\n        }\\n        if (type === _avatar_constants__WEBPACK_IMPORTED_MODULE_5__.AVATAR_TYPE.PHOTO) {\\n            if (this.initials) {\\n                return this.textTemplate(this.generateInitialsText(this.initials));\\n            }\\n            return this.iconTemplate();\\n        }\\n        return lit__WEBPACK_IMPORTED_MODULE_0__.nothing;\\n    }\\n    update(changedProperties) {\\n        super.update(changedProperties);\\n        if (changedProperties.has('src') && !this.src) {\\n            // Reset photo loaded if src is empty\\n            this.isPhotoLoaded = false;\\n        }\\n    }\\n    render() {\\n        const type = this.getTypeBasedOnInputs();\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n      <div class=\\\"content\\\" aria-hidden=\\\"true\\\">\\n        ${this.getPhotoPlaceHolderContent(type)}\\n        ${this.getTemplateBasedOnType(type)}\\n        ${this.getLoadingContent()}\\n        ${this.getPresenceTemplateBasedOnType(type)}\\n      </div>\\n    `;\\n    }\\n}\\nAvatar.styles = [..._models__WEBPACK_IMPORTED_MODULE_3__.Component.styles, ..._avatar_styles__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.state)(),\\n    __metadata(\\\"design:type\\\", Object)\\n], Avatar.prototype, \\\"isPhotoLoaded\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Avatar);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.constants.js\":\n/*!****************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.constants.js ***!\n  \\****************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   AVATAR_SIZE: () => (/* binding */ AVATAR_SIZE),\\n/* harmony export */   AVATAR_TYPE: () => (/* binding */ AVATAR_TYPE),\\n/* harmony export */   DEFAULTS: () => (/* binding */ DEFAULTS),\\n/* harmony export */   MAX_COUNTER: () => (/* binding */ MAX_COUNTER),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('avatar');\\nconst AVATAR_TYPE = {\\n    COUNTER: 'counter',\\n    ICON: 'icon',\\n    PHOTO: 'photo',\\n    TEXT: 'text',\\n};\\nconst MAX_COUNTER = 99;\\nconst ICON_NAME = 'user-regular';\\nconst AVATAR_SIZE = {\\n    24: 24,\\n    32: 32,\\n    48: 48,\\n    64: 64,\\n    72: 72,\\n    88: 88,\\n    124: 124,\\n};\\nconst DEFAULTS = {\\n    TYPE: AVATAR_TYPE.PHOTO,\\n    SIZE: AVATAR_SIZE[32],\\n    ICON_NAME,\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.styles.js\":\n/*!*************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.styles.js ***!\n  \\*************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var _utils_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/styles */ \\\"../../../node_modules/@momentum-design/components/dist/utils/styles/index.js\\\");\\n\\n\\nconst styles = [_utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFitContentStyles, (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n  :host {\\n    --mdc-avatar-default-background-color: var(--mds-color-theme-avatar-default);\\n    --mdc-avatar-default-foreground-color: var(--mds-color-theme-common-text-primary-normal);\\n    --mdc-avatar-loading-indicator-background-color: var(--mds-color-theme-common-text-primary-disabled);\\n    --mdc-avatar-loading-indicator-foreground-color: var(--mdc-avatar-default-foreground-color);\\n    --mdc-avatar-loading-overlay-background-color: var(--mds-color-theme-common-overlays-secondary-normal);\\n  }\\n  :host([size=\\\"124\\\"]) .content {\\n    width: 7.75rem;\\n    height: 7.75rem;\\n  }\\n  :host([size=\\\"88\\\"]) .content {\\n    width: 5.5rem;\\n    height: 5.5rem;\\n  }\\n  :host([size=\\\"72\\\"]) .content {\\n    width: 4.5rem;\\n    height: 4.5rem;\\n  }\\n  :host([size=\\\"64\\\"]) .content {\\n    width: 4rem;\\n    height: 4rem;\\n  }\\n  :host([size=\\\"48\\\"]) .content {\\n    width: 3rem;\\n    height: 3rem;\\n  }\\n  :host([size=\\\"32\\\"]) .content {\\n    width: 2rem;\\n    height: 2rem;\\n  }\\n  :host([size=\\\"24\\\"]) .content {\\n    width: 1.5rem;\\n    height: 1.5rem;\\n  }\\n  :host([size=\\\"124\\\"]) .content > .loading__wrapper > .loader {\\n    transform: scale(1.5);\\n  }\\n  :host([size=\\\"88\\\"]) .content > .loading__wrapper > .loader {\\n    transform: scale(1.2);\\n  }\\n  :host([size=\\\"72\\\"]) .content > .loading__wrapper > .loader,\\n  :host([size=\\\"64\\\"]) .content > .loading__wrapper > .loader {\\n    transform: scale(0.8);\\n  }\\n  :host([size=\\\"48\\\"]) .content > .loading__wrapper > .loader {\\n    transform: scale(0.6);\\n  }\\n  :host([size=\\\"32\\\"]) .content > .loading__wrapper > .loader {\\n    transform: scale(0.4);\\n  }\\n  :host([size=\\\"24\\\"]) .content > .loading__wrapper > .loader {\\n    transform: scale(0.3);\\n  }\\n  .content {\\n    width: 2rem;\\n    height: 2rem;\\n    background-color: var(--mdc-avatar-default-background-color);\\n    color: var(--mdc-avatar-default-foreground-color);\\n    border-radius: 100vh;\\n    position: relative;\\n    display: grid;\\n    place-items: center;\\n  }\\n  .photo {\\n    border-radius: 100vh;\\n    height: 100%;\\n    width: 100%;\\n    object-fit: cover;\\n    overflow: hidden;\\n  }\\n  .presence {\\n    position: absolute;\\n    bottom: 0;\\n    right: 0;\\n  }\\n  .loading__wrapper {\\n    position: absolute;\\n    border-radius: 100vh;\\n    width: 100%;\\n    height: 100%;\\n    background-color: var(--mdc-avatar-loading-overlay-background-color);\\n    display: grid;\\n    place-items: center;\\n  }\\n  .loader {\\n    position: absolute;\\n    width: 1rem;\\n    transform: scale(0.4);\\n    aspect-ratio: 1;\\n    border-radius: 100vh;\\n    animation: loading-key 1s infinite linear alternate;\\n  }\\n  @keyframes loading-key {\\n    0%  {\\n      box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color),\\n        -1.25rem 0 var(--mdc-avatar-loading-indicator-background-color);\\n      background: var(--mdc-avatar-loading-indicator-foreground-color);\\n    }\\n    33% {\\n      box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color),\\n        -1.25rem 0 var(--mdc-avatar-loading-indicator-background-color);\\n      background: var(--mdc-avatar-loading-indicator-background-color);\\n    }\\n    66% {\\n      box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-background-color),\\n        -1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color);\\n      background: var(--mdc-avatar-loading-indicator-background-color);\\n    }\\n    100%{\\n      box-shadow: 1.25rem 0 var(--mdc-avatar-loading-indicator-background-color),\\n        -1.25rem 0 var(--mdc-avatar-loading-indicator-foreground-color);\\n      background: var(--mdc-avatar-loading-indicator-foreground-color);\\n    }\\n  }\\n\\n  /* High Contrast Mode */\\n  @media (forced-colors: active) {\\n    .content:not(.photo) {\\n      outline: 0.125rem solid;\\n    }\\n  }\\n`];\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.utils.js\":\n/*!************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.utils.js ***!\n  \\************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   getAvatarIconSize: () => (/* binding */ getAvatarIconSize),\\n/* harmony export */   getAvatarTextFontSize: () => (/* binding */ getAvatarTextFontSize),\\n/* harmony export */   getPresenceSize: () => (/* binding */ getPresenceSize)\\n/* harmony export */ });\\n/* harmony import */ var _presence_presence_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../presence/presence.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/presence/presence.constants.js\\\");\\n/* harmony import */ var _text_text_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../text/text.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/text.constants.js\\\");\\n/* harmony import */ var _avatar_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./avatar.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.constants.js\\\");\\n\\n\\n\\nconst getPresenceSize = (size) => {\\n    const avatarPresenceSizeMap = {\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[124]]: _presence_presence_constants__WEBPACK_IMPORTED_MODULE_0__.SIZE.XX_LARGE,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[88]]: _presence_presence_constants__WEBPACK_IMPORTED_MODULE_0__.SIZE.X_LARGE,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[72]]: _presence_presence_constants__WEBPACK_IMPORTED_MODULE_0__.SIZE.LARGE,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[64]]: _presence_presence_constants__WEBPACK_IMPORTED_MODULE_0__.SIZE.MIDSIZE,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[48]]: _presence_presence_constants__WEBPACK_IMPORTED_MODULE_0__.SIZE.SMALL,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[32]]: _presence_presence_constants__WEBPACK_IMPORTED_MODULE_0__.SIZE.X_SMALL,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[24]]: _presence_presence_constants__WEBPACK_IMPORTED_MODULE_0__.SIZE.XX_SMALL,\\n    };\\n    return avatarPresenceSizeMap[size] || _presence_presence_constants__WEBPACK_IMPORTED_MODULE_0__.SIZE.X_SMALL; // default size of presence\\n};\\nconst getAvatarIconSize = (size) => {\\n    const avatarIconSizeMap = {\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[124]]: 4.75,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[88]]: 3,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[72]]: 2.5,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[64]]: 2.25,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[48]]: 1.75,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[32]]: 1.25,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[24]]: 1,\\n    };\\n    return avatarIconSizeMap[size] || 1.25; // default size of icon\\n};\\nconst getAvatarTextFontSize = (size) => {\\n    const avatarTextFontSizeMap = {\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[124]]: _text_text_constants__WEBPACK_IMPORTED_MODULE_1__.TYPE.HEADING_XLARGE_MEDIUM,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[88]]: _text_text_constants__WEBPACK_IMPORTED_MODULE_1__.TYPE.HEADING_LARGE_MEDIUM,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[72]]: _text_text_constants__WEBPACK_IMPORTED_MODULE_1__.TYPE.HEADING_MIDSIZE_MEDIUM,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[64]]: _text_text_constants__WEBPACK_IMPORTED_MODULE_1__.TYPE.HEADING_SMALL_MEDIUM,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[48]]: _text_text_constants__WEBPACK_IMPORTED_MODULE_1__.TYPE.HEADING_SMALL_MEDIUM,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[32]]: _text_text_constants__WEBPACK_IMPORTED_MODULE_1__.TYPE.BODY_MIDSIZE_MEDIUM,\\n        [_avatar_constants__WEBPACK_IMPORTED_MODULE_2__.AVATAR_SIZE[24]]: _text_text_constants__WEBPACK_IMPORTED_MODULE_1__.TYPE.BODY_SMALL_MEDIUM,\\n    };\\n    return avatarTextFontSizeMap[size] || _text_text_constants__WEBPACK_IMPORTED_MODULE_1__.TYPE.BODY_MIDSIZE_MEDIUM; // default size of text font\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.utils.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/avatar/index.js\":\n/*!*****************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/avatar/index.js ***!\n  \\*****************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _avatar_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./avatar.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.component.js\\\");\\n/* harmony import */ var _avatar_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./avatar.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.constants.js\\\");\\n/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../icon */ \\\"../../../node_modules/@momentum-design/components/dist/components/icon/index.js\\\");\\n/* harmony import */ var _presence__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../presence */ \\\"../../../node_modules/@momentum-design/components/dist/components/presence/index.js\\\");\\n/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../text */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/index.js\\\");\\n\\n\\n\\n\\n\\n_avatar_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_avatar_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_avatar_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/avatar/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/avatarbutton/avatarbutton.component.js\":\n/*!****************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/avatarbutton/avatarbutton.component.js ***!\n  \\****************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lit/directives/if-defined.js */ \\\"../../../node_modules/lit/directives/if-defined.js\\\");\\n/* harmony import */ var _utils_mixins_AvatarComponentMixin__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/mixins/AvatarComponentMixin */ \\\"../../../node_modules/@momentum-design/components/dist/utils/mixins/AvatarComponentMixin.js\\\");\\n/* harmony import */ var _avatar_avatar_constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../avatar/avatar.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.constants.js\\\");\\n/* harmony import */ var _button_button_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../button/button.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/button/button.constants.js\\\");\\n/* harmony import */ var _buttonsimple_buttonsimple_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../buttonsimple/buttonsimple.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.component.js\\\");\\n/* harmony import */ var _avatarbutton_styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./avatarbutton.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatarbutton/avatarbutton.styles.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n\\n\\n\\n\\n/**\\n * The `mdc-avatarbutton` component is an interactable version of the `mdc-avatar` component.\\n *\\n * This component is made by extending `buttonsimple` class.\\n * The button component acts as a wrapper for the avatar component.\\n *\\n * @dependency mdc-avatar\\n *\\n * @tagname mdc-avatarbutton\\n */\\nclass AvatarButton extends (0,_utils_mixins_AvatarComponentMixin__WEBPACK_IMPORTED_MODULE_3__.AvatarComponentMixin)(_buttonsimple_buttonsimple_component__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"]) {\\n    constructor() {\\n        super();\\n        /**\\n       * Aria-label attribute to be set for accessibility\\n       */\\n        this.ariaLabel = null;\\n        this.active = undefined;\\n        this.disabled = undefined;\\n        this.softDisabled = undefined;\\n        this.role = 'button';\\n        this.type = _button_button_constants__WEBPACK_IMPORTED_MODULE_5__.DEFAULTS.TYPE;\\n    }\\n    update(changedProperties) {\\n        super.update(changedProperties);\\n        if (changedProperties.has('size')) {\\n            this.setSize(this.size);\\n        }\\n    }\\n    setSize(size) {\\n        this.setAttribute('size', Object.values(_avatar_avatar_constants__WEBPACK_IMPORTED_MODULE_4__.AVATAR_SIZE).includes(size) ? `${size}` : _avatar_avatar_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.SIZE.toString());\\n    }\\n    render() {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n      <mdc-avatar\\n        slot=\\\"prefixIcon\\\"\\n        ?is-typing=\\\"${this.isTyping}\\\"\\n        counter=\\\"${(0,lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_2__.ifDefined)(this.counter)}\\\"\\n        icon-name=\\\"${(0,lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_2__.ifDefined)(this.iconName)}\\\"\\n        initials=\\\"${(0,lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_2__.ifDefined)(this.initials)}\\\"\\n        presence=\\\"${(0,lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_2__.ifDefined)(this.presence)}\\\"\\n        size=\\\"${(0,lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_2__.ifDefined)(this.size)}\\\"\\n        src=\\\"${(0,lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_2__.ifDefined)(this.src)}\\\"\\n      ></mdc-avatar>\\n    `;\\n    }\\n}\\nAvatarButton.styles = [..._avatarbutton_styles__WEBPACK_IMPORTED_MODULE_7__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, attribute: 'aria-label' }),\\n    __metadata(\\\"design:type\\\", Object)\\n], AvatarButton.prototype, \\\"ariaLabel\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (AvatarButton);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/avatarbutton/avatarbutton.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/avatarbutton/avatarbutton.constants.js\":\n/*!****************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/avatarbutton/avatarbutton.constants.js ***!\n  \\****************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('avatarbutton');\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/avatarbutton/avatarbutton.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/avatarbutton/avatarbutton.styles.js\":\n/*!*************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/avatarbutton/avatarbutton.styles.js ***!\n  \\*************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var _utils_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/styles */ \\\"../../../node_modules/@momentum-design/components/dist/utils/styles/index.js\\\");\\n\\n\\nconst styles = [_utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFitContentStyles, (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n  :host {\\n    padding: unset;\\n    margin: unset;\\n    outline: none;\\n    border-radius: 0.25rem;\\n  }\\n`, ...(0,_utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFocusRingStyles)()];\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/avatarbutton/avatarbutton.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/avatarbutton/index.js\":\n/*!***********************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/avatarbutton/index.js ***!\n  \\***********************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _avatarbutton_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./avatarbutton.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatarbutton/avatarbutton.component.js\\\");\\n/* harmony import */ var _avatarbutton_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./avatarbutton.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatarbutton/avatarbutton.constants.js\\\");\\n/* harmony import */ var _avatar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../avatar */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatar/index.js\\\");\\n\\n\\n\\n_avatarbutton_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_avatarbutton_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_avatarbutton_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/avatarbutton/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/badge/badge.component.js\":\n/*!**************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/badge/badge.component.js ***!\n  \\**************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var lit_html_directives_class_map_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit-html/directives/class-map.js */ \\\"../../../node_modules/lit-html/development/directives/class-map.js\\\");\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lit/directives/if-defined.js */ \\\"../../../node_modules/lit/directives/if-defined.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _text_text_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../text/text.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/text.constants.js\\\");\\n/* harmony import */ var _badge_constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./badge.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/badge/badge.constants.js\\\");\\n/* harmony import */ var _badge_styles__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./badge.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/badge/badge.styles.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n\\n\\n\\n\\n/**\\n * The `mdc-badge` component is a versatile UI element used to\\n * display dot, icons, counters, success, warning and error type badge.\\n *\\n * Supported badge types:\\n * - `dot`: Displays a dot notification badge with a blue color.\\n * - `icon`: Displays a badge with a specified icon using the `icon-name` attribute.\\n * - `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,\\n * it shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.\\n * - `success`: Displays a success badge with a check circle icon and green color.\\n * - `warning`: Displays a warning badge with a warning icon and yellow color.\\n * - `error`: Displays a error badge with a error legacy icon and red color.\\n *\\n * For `icon`, `success`, `warning` and `error` types, the `mdc-icon` component is used to render the icon.\\n *\\n * For the `counter` type, the `mdc-text` component is used to render the counter value.\\n *\\n * @dependency mdc-icon\\n * @dependency mdc-text\\n *\\n * @tagname mdc-badge\\n */\\nclass Badge extends _models__WEBPACK_IMPORTED_MODULE_4__.Component {\\n    constructor() {\\n        super(...arguments);\\n        /**\\n         * Type of the variant can be `primary` or `secondary`.\\n         * It defines the background and foreground color of the icon.\\n         * @default primary\\n         */\\n        this.variant = _badge_constants__WEBPACK_IMPORTED_MODULE_6__.DEFAULTS.VARIANT;\\n        /**\\n         * The maximum number can be set up to 999, anything above that will be rendered as _999+_.\\n         * The max counter can be `9`, `99` or `999`.\\n         * @default 99\\n         */\\n        this.maxCounter = _badge_constants__WEBPACK_IMPORTED_MODULE_6__.DEFAULTS.MAX_COUNTER;\\n        /**\\n         * Overlay is to add a thin outline to the badge.\\n         * This will help distinguish between the badge and the button,\\n         * where the badge will be layered on top of a button.\\n         * @default false\\n         */\\n        this.overlay = false;\\n        /**\\n         * Aria-label attribute to be set for accessibility\\n         * @default null\\n         */\\n        this.ariaLabel = null;\\n    }\\n    /**\\n     * If `type` is set to `counter` and if `counter` is greater than `maxCounter`,\\n     * then it will return a string the maxCounter value as string.\\n     * Otherwise, it will return a string representation of `counter`.\\n     * If `counter` is not a number, it will return an empty string.\\n     * @param maxCounter - the maximum limit which can be displayed on the badge\\n     * @param counter - the number to be displayed on the badge\\n     * @returns the string representation of the counter\\n     */\\n    getCounterText(maxCounter, counter) {\\n        if (counter === undefined || typeof counter !== 'number' || maxCounter === 0) {\\n            return '';\\n        }\\n        if (counter > maxCounter) {\\n            return `${maxCounter}+`;\\n        }\\n        // At any given time, the max limit should not cross 999.\\n        if (maxCounter > _badge_constants__WEBPACK_IMPORTED_MODULE_6__.DEFAULTS.MAX_COUNTER_LIMIT || counter > _badge_constants__WEBPACK_IMPORTED_MODULE_6__.DEFAULTS.MAX_COUNTER_LIMIT) {\\n            return `${_badge_constants__WEBPACK_IMPORTED_MODULE_6__.DEFAULTS.MAX_COUNTER_LIMIT}+`;\\n        }\\n        return counter.toString();\\n    }\\n    /**\\n     * Method to generate the badge icon.\\n     * @param iconName - the name of the icon from the icon set\\n     * @param backgroundClassPostfix - postfix for the class to style the badge icon.\\n     * @returns the template result of the icon.\\n     */\\n    getBadgeIcon(iconName, backgroundClassPostfix) {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n      <mdc-icon\\n        class=\\\"mdc-badge-icon ${(0,lit_html_directives_class_map_js__WEBPACK_IMPORTED_MODULE_1__.classMap)({\\n            'mdc-badge-overlay': this.overlay,\\n            [`mdc-badge-icon__${backgroundClassPostfix}`]: true,\\n        })}\\\"\\n        name=\\\"${(0,lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_3__.ifDefined)(iconName)}\\\"\\n        size=\\\"${_badge_constants__WEBPACK_IMPORTED_MODULE_6__.DEFAULTS.ICON_SIZE}\\\"\\n      ></mdc-icon>\\n    `;\\n    }\\n    /**\\n     * Method to generate the badge dot template.\\n     * @returns the template result of the dot with mdc-badge-dot class.\\n     */\\n    getBadgeDot() {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<div class=\\\"mdc-badge-dot ${(0,lit_html_directives_class_map_js__WEBPACK_IMPORTED_MODULE_1__.classMap)({ 'mdc-badge-overlay': this.overlay })}\\\"></div>`;\\n    }\\n    /**\\n     * Method to generate the badge text and counter template.\\n     * @returns the template result of the text.\\n     */\\n    getBadgeCounterText() {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n      <mdc-text\\n        type=\\\"${_text_text_constants__WEBPACK_IMPORTED_MODULE_5__.TYPE.BODY_SMALL_MEDIUM}\\\"\\n        tagname=\\\"${_text_text_constants__WEBPACK_IMPORTED_MODULE_5__.VALID_TEXT_TAGS.DIV}\\\"\\n        class=\\\"mdc-badge-text ${(0,lit_html_directives_class_map_js__WEBPACK_IMPORTED_MODULE_1__.classMap)({ 'mdc-badge-overlay': this.overlay })}\\\"\\n      >\\n        ${this.getCounterText(this.maxCounter, this.counter)}\\n      </mdc-text>\\n    `;\\n    }\\n    /**\\n     * Method to set the role based on the aria-label provided.\\n     * If the aria-label is provided, the role of the element will be 'img'.\\n     * Otherwise, the role will be null.\\n     */\\n    setRoleByAriaLabel() {\\n        if (this.ariaLabel) {\\n            this.role = 'img';\\n        }\\n        else {\\n            this.role = null;\\n        }\\n    }\\n    /**\\n     * Generates the badge content based on the badge type.\\n     * Utilizes various helper methods to create the appropriate badge template based on the\\n     * current badge type. Supports 'dot', 'icon', 'counter', 'success', 'warning', and 'error'\\n     * types, returning the corresponding template result for each type.\\n     * @returns the TemplateResult for the current badge type.\\n     */\\n    getBadgeContentBasedOnType() {\\n        if (this.variant && !Object.values(_badge_constants__WEBPACK_IMPORTED_MODULE_6__.ICON_VARIANT).includes(this.variant)) {\\n            this.variant = _badge_constants__WEBPACK_IMPORTED_MODULE_6__.DEFAULTS.VARIANT;\\n        }\\n        const { iconName, type, variant } = this;\\n        switch (type) {\\n            case _badge_constants__WEBPACK_IMPORTED_MODULE_6__.TYPE.ICON:\\n                return this.getBadgeIcon(iconName || '', variant);\\n            case _badge_constants__WEBPACK_IMPORTED_MODULE_6__.TYPE.COUNTER:\\n                return this.getBadgeCounterText();\\n            case _badge_constants__WEBPACK_IMPORTED_MODULE_6__.TYPE.SUCCESS:\\n                return this.getBadgeIcon(_badge_constants__WEBPACK_IMPORTED_MODULE_6__.ICON_NAMES_LIST.SUCCESS_ICON_NAME, _badge_constants__WEBPACK_IMPORTED_MODULE_6__.ICON_STATE.SUCCESS);\\n            case _badge_constants__WEBPACK_IMPORTED_MODULE_6__.TYPE.WARNING:\\n                return this.getBadgeIcon(_badge_constants__WEBPACK_IMPORTED_MODULE_6__.ICON_NAMES_LIST.WARNING_ICON_NAME, _badge_constants__WEBPACK_IMPORTED_MODULE_6__.ICON_STATE.WARNING);\\n            case _badge_constants__WEBPACK_IMPORTED_MODULE_6__.TYPE.ERROR:\\n                return this.getBadgeIcon(_badge_constants__WEBPACK_IMPORTED_MODULE_6__.ICON_NAMES_LIST.ERROR_ICON_NAME, _badge_constants__WEBPACK_IMPORTED_MODULE_6__.ICON_STATE.ERROR);\\n            case _badge_constants__WEBPACK_IMPORTED_MODULE_6__.TYPE.DOT:\\n            default:\\n                this.type = _badge_constants__WEBPACK_IMPORTED_MODULE_6__.TYPE.DOT;\\n                return this.getBadgeDot();\\n        }\\n    }\\n    update(changedProperties) {\\n        super.update(changedProperties);\\n        if (changedProperties.has('ariaLabel')) {\\n            this.setRoleByAriaLabel();\\n        }\\n    }\\n    render() {\\n        return this.getBadgeContentBasedOnType();\\n    }\\n}\\nBadge.styles = [..._models__WEBPACK_IMPORTED_MODULE_4__.Component.styles, ..._badge_styles__WEBPACK_IMPORTED_MODULE_7__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_2__.property)({ type: String, reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Badge.prototype, \\\"type\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_2__.property)({ type: String, attribute: 'icon-name' }),\\n    __metadata(\\\"design:type\\\", String)\\n], Badge.prototype, \\\"iconName\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_2__.property)({ type: String, reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Badge.prototype, \\\"variant\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_2__.property)({ type: Number }),\\n    __metadata(\\\"design:type\\\", Number)\\n], Badge.prototype, \\\"counter\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_2__.property)({ type: Number, attribute: 'max-counter', reflect: true }),\\n    __metadata(\\\"design:type\\\", Number)\\n], Badge.prototype, \\\"maxCounter\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_2__.property)({ type: Boolean }),\\n    __metadata(\\\"design:type\\\", Object)\\n], Badge.prototype, \\\"overlay\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_2__.property)({ type: String, attribute: 'aria-label' }),\\n    __metadata(\\\"design:type\\\", Object)\\n], Badge.prototype, \\\"ariaLabel\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Badge);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/badge/badge.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/badge/badge.constants.js\":\n/*!**************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/badge/badge.constants.js ***!\n  \\**************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   BACKGROUND_STYLES: () => (/* binding */ BACKGROUND_STYLES),\\n/* harmony export */   DEFAULTS: () => (/* binding */ DEFAULTS),\\n/* harmony export */   ICON_NAMES_LIST: () => (/* binding */ ICON_NAMES_LIST),\\n/* harmony export */   ICON_STATE: () => (/* binding */ ICON_STATE),\\n/* harmony export */   ICON_VARIANT: () => (/* binding */ ICON_VARIANT),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME),\\n/* harmony export */   TYPE: () => (/* binding */ TYPE)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('badge');\\nconst TYPE = {\\n    DOT: 'dot',\\n    ICON: 'icon',\\n    COUNTER: 'counter',\\n    SUCCESS: 'success',\\n    WARNING: 'warning',\\n    ERROR: 'error',\\n};\\nconst ICON_NAMES_LIST = {\\n    SUCCESS_ICON_NAME: 'check-circle-badge-filled',\\n    WARNING_ICON_NAME: 'warning-badge-filled',\\n    ERROR_ICON_NAME: 'error-legacy-badge-filled',\\n};\\nconst ICON_VARIANT = {\\n    PRIMARY: 'primary',\\n    SECONDARY: 'secondary',\\n};\\nconst ICON_STATE = {\\n    SUCCESS: 'success',\\n    WARNING: 'warning',\\n    ERROR: 'error',\\n};\\nconst BACKGROUND_STYLES = {\\n    ...ICON_VARIANT,\\n    ...ICON_STATE,\\n};\\nconst DEFAULTS = {\\n    TYPE: TYPE.DOT,\\n    MAX_COUNTER: 99,\\n    MAX_COUNTER_LIMIT: 999,\\n    VARIANT: ICON_VARIANT.PRIMARY,\\n    ICON_SIZE: 1,\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/badge/badge.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/badge/badge.styles.js\":\n/*!***********************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/badge/badge.styles.js ***!\n  \\***********************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var _utils_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/styles */ \\\"../../../node_modules/@momentum-design/components/dist/utils/styles/index.js\\\");\\n\\n\\nconst styles = [\\n    _utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFitContentStyles,\\n    (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n    :host {\\n      --mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);\\n      --mdc-badge-primary-background-color: var(--mds-color-theme-background-accent-normal);\\n\\n      --mdc-badge-secondary-foreground-color: var(--mds-color-theme-text-secondary-normal);\\n      --mdc-badge-secondary-background-color: var(--mds-color-theme-background-alert-default-normal);\\n\\n      --mdc-badge-success-foreground-color: var(--mds-color-theme-text-success-normal);\\n      --mdc-badge-success-background-color: var(--mds-color-theme-background-alert-success-normal);\\n      \\n      --mdc-badge-warning-foreground-color: var(--mds-color-theme-text-warning-normal);\\n      --mdc-badge-warning-background-color: var(--mds-color-theme-background-alert-warning-normal);\\n      \\n      --mdc-badge-error-foreground-color: var(--mds-color-theme-text-error-normal);\\n      --mdc-badge-error-background-color: var(--mds-color-theme-background-alert-error-normal);\\n      \\n      --mdc-badge-overlay-background-color: var(--mds-color-theme-background-solid-primary-normal);\\n      \\n      color: var(--mdc-badge-primary-foreground-color);\\n    }\\n    .mdc-badge-overlay {\\n      outline: 0.0625rem solid var(--mdc-badge-overlay-background-color);\\n    }\\n    .mdc-badge-text {\\n      padding: 0 0.25rem;\\n      border-radius: 6.25rem;\\n      min-width: 1rem;\\n      display: flex;\\n      justify-content: center;\\n      background-color: var(--mdc-badge-primary-background-color);\\n    }\\n    .mdc-badge-dot {\\n      width: 0.75rem;\\n      height: 0.75rem;\\n      border-radius: 50%;\\n      background-color: var(--mdc-badge-primary-background-color);\\n    }\\n    .mdc-badge-icon {\\n      padding: 2px;\\n      border-radius: 50%;\\n    }\\n    .mdc-badge-icon__primary {\\n      background-color: var(--mdc-badge-primary-background-color);\\n      color: var(--mdc-badge-primary-foreground-color);\\n    }\\n    .mdc-badge-icon__success {\\n      background-color: var(--mdc-badge-success-background-color);\\n      color: var(--mdc-badge-success-foreground-color);\\n    }\\n    .mdc-badge-icon__warning {\\n      background-color: var(--mdc-badge-warning-background-color);\\n      color: var(--mdc-badge-warning-foreground-color);\\n    }\\n    .mdc-badge-icon__error {\\n      background-color: var(--mdc-badge-error-background-color);\\n      color: var(--mdc-badge-error-foreground-color);\\n    }\\n    .mdc-badge-icon__secondary {\\n      background-color: var(--mdc-badge-secondary-background-color);\\n      color: var(--mdc-badge-secondary-foreground-color);\\n    }\\n\\n    /* High Contrast Mode */\\n    @media (forced-colors: active) {\\n    .mdc-badge-dot, .mdc-badge-icon, .mdc-badge-text {\\n      outline: 0.125rem solid;\\n    }\\n  }\\n  `,\\n];\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/badge/badge.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/badge/index.js\":\n/*!****************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/badge/index.js ***!\n  \\****************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _badge_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./badge.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/badge/badge.component.js\\\");\\n/* harmony import */ var _badge_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./badge.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/badge/badge.constants.js\\\");\\n/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../icon */ \\\"../../../node_modules/@momentum-design/components/dist/components/icon/index.js\\\");\\n/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../text */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/index.js\\\");\\n\\n\\n\\n\\n_badge_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_badge_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_badge_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/badge/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.component.js\":\n/*!****************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.component.js ***!\n  \\****************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var _bullet_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./bullet.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.styles.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _bullet_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bullet.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.constants.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n/**\\n * Bullet component, which is a visual marker\\n * and be used to organize and present items in a list format.\\n *\\n * @tagname mdc-bullet\\n *\\n * @cssproperty --mdc-bullet-background-color - background color of the bullet\\n * @cssproperty --mdc-bullet-size-small - small size value of the bullet\\n * @cssproperty --mdc-bullet-size-medium - medium size value of the bullet\\n * @cssproperty --mdc-bullet-size-large - large size value of the bullet\\n*/\\nclass Bullet extends _models__WEBPACK_IMPORTED_MODULE_2__.Component {\\n    constructor() {\\n        super(...arguments);\\n        /**\\n         * Size of the bullet\\n         *\\n         * Possible values: 'small', 'medium', 'large'\\n         * @default small\\n         */\\n        this.size = _bullet_constants__WEBPACK_IMPORTED_MODULE_3__.SIZE.SMALL;\\n    }\\n}\\nBullet.styles = [..._models__WEBPACK_IMPORTED_MODULE_2__.Component.styles, ..._bullet_styles__WEBPACK_IMPORTED_MODULE_1__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: String, reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Bullet.prototype, \\\"size\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Bullet);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.constants.js\":\n/*!****************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.constants.js ***!\n  \\****************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   SIZE: () => (/* binding */ SIZE),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('bullet');\\nconst SIZE = {\\n    SMALL: 'small',\\n    MEDIUM: 'medium',\\n    LARGE: 'large',\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.styles.js\":\n/*!*************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.styles.js ***!\n  \\*************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n\\nconst styles = (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n  :host {\\n    --mdc-bullet-background-color: var(--mds-color-theme-outline-secondary-normal);\\n    --mdc-bullet-size-small: 0.25rem;\\n    --mdc-bullet-size-medium: 0.5rem;\\n    --mdc-bullet-size-large: 1rem;\\n\\n    border-radius: 50%;\\n    display: block;\\n    aspect-ratio: 1;\\n    background-color: var(--mdc-bullet-background-color);\\n  }\\n  :host([size=\\\"small\\\"]) {\\n    height: var(--mdc-bullet-size-small);\\n  }\\n  :host([size=\\\"medium\\\"]) {\\n    height: var(--mdc-bullet-size-medium);\\n  }\\n  :host([size=\\\"large\\\"]) {\\n    height: var(--mdc-bullet-size-large);\\n  }\\n`;\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([styles]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/bullet/index.js\":\n/*!*****************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/bullet/index.js ***!\n  \\*****************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _bullet_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./bullet.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.component.js\\\");\\n/* harmony import */ var _bullet_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./bullet.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.constants.js\\\");\\n\\n\\n_bullet_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_bullet_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_bullet_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/bullet/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/button/button.component.js\":\n/*!****************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/button/button.component.js ***!\n  \\****************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var _button_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./button.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/button/button.styles.js\\\");\\n/* harmony import */ var _button_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./button.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/button/button.constants.js\\\");\\n/* harmony import */ var _button_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./button.utils */ \\\"../../../node_modules/@momentum-design/components/dist/components/button/button.utils.js\\\");\\n/* harmony import */ var _buttonsimple_buttonsimple_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../buttonsimple/buttonsimple.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.component.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n\\n\\n/**\\n * `mdc-button` is a component that can be configured in various ways to suit different use cases.\\n *\\n * Button Variants:\\n * - **Primary**: Solid background color.\\n * - **Secondary**: Transparent background with a solid border.\\n * - **Tertiary**: No background or border, appears as plain text but retains all button functionalities.\\n *\\n * Button Colors:\\n * - **Positive**: Green color.\\n * - **Negative**: Red color.\\n * - **Accent**: Blue color.\\n * - **Promotional**: Purple color.\\n * - **Default**: White color.\\n *\\n * Button Sizes (in REM units):\\n * - **Pill button**: 40, 32, 28, 24.\\n * - **Icon button**: 64, 52, 40, 32, 28, 24.\\n * - **Tertiary icon button**: 20.\\n *\\n * Button Types:\\n * - **Pill button**: A button that contains text value. Commonly used for call to action, tags, or filters.\\n * - **Pill button with icons**: A button containing an icon either on the left or right side of the button.\\n * - **Icon button**: A button represented by just an icon without any text.\\n * The type of button is inferred based on the presence of slot and/or prefix and postfix icons.\\n *\\n * @dependency mdc-icon\\n *\\n * @tagname mdc-button\\n *\\n * @slot - Text label of the button.\\n */\\nclass Button extends _buttonsimple_buttonsimple_component__WEBPACK_IMPORTED_MODULE_5__[\\\"default\\\"] {\\n    constructor() {\\n        super(...arguments);\\n        /**\\n         * There are 3 variants of button: primary, secondary, tertiary. They are styled differently.\\n         * - **Primary**: Solid background color.\\n         * - **Secondary**: Transparent background with a solid border.\\n         * - **Tertiary**: No background or border, appears as plain text but retains all button functionalities.\\n         * @default primary\\n         */\\n        this.variant = _button_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.VARIANT;\\n        /**\\n         * Button sizing is based on the button type.\\n         * - **Pill button**: 40, 32, 28, 24.\\n         * - **Icon button**: 64, 52, 40, 32, 28, 24.\\n         * - Tertiary icon button can also be 20.\\n         * @default 32\\n         */\\n        this.size = _button_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.SIZE;\\n        /**\\n         * There are 5 colors for button: positive, negative, accent, promotional, default.\\n         * @default default\\n         */\\n        this.color = _button_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.COLOR;\\n        /**\\n         * This property defines the ARIA role for the element. By default, it is set to 'button'.\\n         * Consumers should override this role when:\\n         * - The element is being used in a context where a different role is more appropriate.\\n         * - Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.\\n         * @default button\\n         */\\n        this.role = 'button';\\n        /** @internal */\\n        this.typeInternal = _button_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.TYPE_INTERNAL;\\n        /** @internal */\\n        this.iconSize = 1;\\n    }\\n    update(changedProperties) {\\n        super.update(changedProperties);\\n        if (changedProperties.has('active')) {\\n            this.modifyIconName(this.active);\\n        }\\n        if (changedProperties.has('size')) {\\n            this.setSize(this.size);\\n        }\\n        if (changedProperties.has('variant')) {\\n            this.setVariant(this.variant);\\n            this.setSize(this.size);\\n        }\\n        if (changedProperties.has('color')) {\\n            this.setColor(this.color);\\n        }\\n        if (changedProperties.has('typeInternal')) {\\n            this.setSize(this.size);\\n        }\\n        if (changedProperties.has('prefixIcon') || changedProperties.has('postfixIcon')) {\\n            this.inferButtonType();\\n        }\\n    }\\n    /**\\n     * Modifies the icon name based on the active state.\\n     * If the button is active, the icon name is suffixed with '-filled'.\\n     * If the button is inactive, the icon name is restored to its original value.\\n     * If '-filled' icon is not available, the icon name remains unchanged.\\n     *\\n     * @param active - The active state.\\n     */\\n    modifyIconName(active) {\\n        if (active) {\\n            if (this.prefixIcon) {\\n                this.prevPrefixIcon = this.prefixIcon;\\n                this.prefixIcon = `${(0,_button_utils__WEBPACK_IMPORTED_MODULE_4__.getIconNameWithoutStyle)(this.prefixIcon)}-filled`;\\n            }\\n            if (this.postfixIcon) {\\n                this.prevPostfixIcon = this.postfixIcon;\\n                this.postfixIcon = `${(0,_button_utils__WEBPACK_IMPORTED_MODULE_4__.getIconNameWithoutStyle)(this.postfixIcon)}-filled`;\\n            }\\n        }\\n        else {\\n            if (this.prevPrefixIcon) {\\n                this.prefixIcon = this.prevPrefixIcon;\\n            }\\n            if (this.prevPostfixIcon) {\\n                this.postfixIcon = this.prevPostfixIcon;\\n            }\\n        }\\n    }\\n    /**\\n     * Sets the variant attribute for the button component.\\n     * If the provided variant is not included in the BUTTON_VARIANTS,\\n     * it defaults to the value specified in DEFAULTS.VARIANT.\\n     *\\n     * @param variant - The variant to set.\\n     */\\n    setVariant(variant) {\\n        this.setAttribute('variant', Object.values(_button_constants__WEBPACK_IMPORTED_MODULE_3__.BUTTON_VARIANTS).includes(variant) ? variant : _button_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.VARIANT);\\n    }\\n    /**\\n     * Sets the size attribute for the button component.\\n     * Validates the size based on the button type (icon, pill, or tertiary).\\n     * Defaults to DEFAULTS.SIZE if invalid.\\n     *\\n     * @param size - The size to set.\\n     */\\n    setSize(size) {\\n        const isIconType = this.typeInternal === _button_constants__WEBPACK_IMPORTED_MODULE_3__.BUTTON_TYPE_INTERNAL.ICON;\\n        const isValidSize = isIconType\\n            ? (Object.values(_button_constants__WEBPACK_IMPORTED_MODULE_3__.ICON_BUTTON_SIZES).includes(size)\\n                && !(size === _button_constants__WEBPACK_IMPORTED_MODULE_3__.ICON_BUTTON_SIZES[20] && this.variant !== _button_constants__WEBPACK_IMPORTED_MODULE_3__.BUTTON_VARIANTS.TERTIARY))\\n            : Object.values(_button_constants__WEBPACK_IMPORTED_MODULE_3__.PILL_BUTTON_SIZES).includes(size);\\n        this.setAttribute('size', isValidSize ? `${size}` : `${_button_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.SIZE}`);\\n        this.iconSize = (0,_button_utils__WEBPACK_IMPORTED_MODULE_4__.getIconSize)(size);\\n    }\\n    /**\\n     * Sets the color attribute for the button.\\n     * Defaults to DEFAULTS.COLOR if invalid or for tertiary buttons.\\n     *\\n     * @param color - The color to set.\\n     */\\n    setColor(color) {\\n        if (!Object.values(_button_constants__WEBPACK_IMPORTED_MODULE_3__.BUTTON_COLORS).includes(color) || this.variant === _button_constants__WEBPACK_IMPORTED_MODULE_3__.BUTTON_VARIANTS.TERTIARY) {\\n            this.setAttribute('color', `${_button_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.COLOR}`);\\n        }\\n        else {\\n            this.setAttribute('color', color);\\n        }\\n    }\\n    /**\\n     * Infers the type of button based on the presence of slot and/or prefix and postfix icons.\\n     * @param slot - default slot of button\\n     */\\n    inferButtonType() {\\n        var _a, _b;\\n        const slot = (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedNodes().length;\\n        if (slot && (this.prefixIcon || this.postfixIcon)) {\\n            this.typeInternal = _button_constants__WEBPACK_IMPORTED_MODULE_3__.BUTTON_TYPE_INTERNAL.PILL_WITH_ICON;\\n            this.setAttribute('data-btn-type', 'pill-with-icon');\\n        }\\n        else if (!slot && (this.prefixIcon || this.postfixIcon)) {\\n            this.typeInternal = _button_constants__WEBPACK_IMPORTED_MODULE_3__.BUTTON_TYPE_INTERNAL.ICON;\\n            this.setAttribute('data-btn-type', 'icon');\\n        }\\n        else {\\n            this.typeInternal = _button_constants__WEBPACK_IMPORTED_MODULE_3__.BUTTON_TYPE_INTERNAL.PILL;\\n            this.setAttribute('data-btn-type', 'pill');\\n        }\\n    }\\n    render() {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n      ${this.prefixIcon ? (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n        <mdc-icon\\n          name=\\\"${this.prefixIcon}\\\" \\n          part=\\\"prefix-icon\\\" \\n          size=${this.iconSize} \\n          length-unit=\\\"rem\\\">\\n        </mdc-icon>` : ''}\\n      <slot @slotchange=${this.inferButtonType}></slot>\\n      ${this.postfixIcon ? (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n        <mdc-icon\\n          name=\\\"${this.postfixIcon}\\\" \\n          part=\\\"postfix-icon\\\" \\n          size=${this.iconSize} \\n          length-unit=\\\"rem\\\">\\n        </mdc-icon>` : ''}\\n    `;\\n    }\\n}\\nButton.styles = [..._buttonsimple_buttonsimple_component__WEBPACK_IMPORTED_MODULE_5__[\\\"default\\\"].styles, ..._button_styles__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, attribute: 'prefix-icon', reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Button.prototype, \\\"prefixIcon\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, attribute: 'postfix-icon', reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Button.prototype, \\\"postfixIcon\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String }),\\n    __metadata(\\\"design:type\\\", String)\\n], Button.prototype, \\\"variant\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Number }),\\n    __metadata(\\\"design:type\\\", Number)\\n], Button.prototype, \\\"size\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String }),\\n    __metadata(\\\"design:type\\\", String)\\n], Button.prototype, \\\"color\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, reflect: true }),\\n    __metadata(\\\"design:type\\\", Object)\\n], Button.prototype, \\\"role\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.state)(),\\n    __metadata(\\\"design:type\\\", String)\\n], Button.prototype, \\\"typeInternal\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.state)(),\\n    __metadata(\\\"design:type\\\", Object)\\n], Button.prototype, \\\"iconSize\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Button);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/button/button.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/button/button.constants.js\":\n/*!****************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/button/button.constants.js ***!\n  \\****************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   BUTTON_COLORS: () => (/* binding */ BUTTON_COLORS),\\n/* harmony export */   BUTTON_TYPE: () => (/* reexport safe */ _buttonsimple_buttonsimple_constants__WEBPACK_IMPORTED_MODULE_1__.BUTTON_TYPE),\\n/* harmony export */   BUTTON_TYPE_INTERNAL: () => (/* binding */ BUTTON_TYPE_INTERNAL),\\n/* harmony export */   BUTTON_VARIANTS: () => (/* binding */ BUTTON_VARIANTS),\\n/* harmony export */   DEFAULTS: () => (/* binding */ DEFAULTS),\\n/* harmony export */   ICON_BUTTON_SIZES: () => (/* binding */ ICON_BUTTON_SIZES),\\n/* harmony export */   PILL_BUTTON_SIZES: () => (/* binding */ PILL_BUTTON_SIZES),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n/* harmony import */ var _buttonsimple_buttonsimple_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../buttonsimple/buttonsimple.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.constants.js\\\");\\n\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('button');\\nconst BUTTON_VARIANTS = {\\n    PRIMARY: 'primary',\\n    SECONDARY: 'secondary',\\n    TERTIARY: 'tertiary',\\n};\\nconst PILL_BUTTON_SIZES = {\\n    40: 40,\\n    32: 32,\\n    28: 28,\\n    24: 24,\\n};\\nconst ICON_BUTTON_SIZES = {\\n    64: 64,\\n    52: 52,\\n    20: 20,\\n    ...PILL_BUTTON_SIZES,\\n};\\nconst BUTTON_COLORS = {\\n    POSITIVE: 'positive',\\n    NEGATIVE: 'negative',\\n    ACCENT: 'accent',\\n    PROMOTIONAL: 'promotional',\\n    DEFAULT: 'default',\\n};\\nconst BUTTON_TYPE_INTERNAL = {\\n    PILL: 'pill',\\n    ICON: 'icon',\\n    PILL_WITH_ICON: 'pill-with-icon',\\n};\\nconst DEFAULTS = {\\n    VARIANT: BUTTON_VARIANTS.PRIMARY,\\n    SIZE: PILL_BUTTON_SIZES[32],\\n    COLOR: BUTTON_COLORS.DEFAULT,\\n    TYPE_INTERNAL: BUTTON_TYPE_INTERNAL.ICON,\\n    TYPE: _buttonsimple_buttonsimple_constants__WEBPACK_IMPORTED_MODULE_1__.BUTTON_TYPE.BUTTON,\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/button/button.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/button/button.styles.js\":\n/*!*************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/button/button.styles.js ***!\n  \\*************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n\\nconst styles = (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n  :host {\\n    background-color: transparent;\\n    border-radius: 1.25rem;\\n    font-weight: var(--mds-font-apps-body-large-medium-font-weight);\\n    outline: none;\\n\\n    --mdc-button-primary-color: var(--mds-color-theme-inverted-text-primary-normal);\\n    --mdc-button-primary-background-color: var(--mds-color-theme-button-primary-normal);\\n    --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-primary-hover);\\n    --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-primary-pressed);\\n    --mdc-button-primary-disabled-background-color: var(--mds-color-theme-button-primary-disabled);\\n    --mdc-button-primary-disabled-color: var(--mds-color-theme-text-primary-disabled);\\n    \\n    --mdc-button-secondary-color: var(--mds-color-theme-text-primary-normal);\\n    --mdc-button-secondary-border-color: var(--mds-color-theme-outline-button-normal);\\n    --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\\n    --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\\n    --mdc-button-secondary-disabled-background-color: var(--mds-color-theme-button-secondary-disabled);\\n    --mdc-button-secondary-disabled-color: var(--mds-color-theme-text-primary-disabled);\\n    --mdc-button-secondary-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);\\n\\n    --mdc-button-tertiary-color: var(--mds-color-theme-text-primary-normal);\\n    --mdc-button-tertiary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\\n    --mdc-button-tertiary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\\n    --mdc-button-tertiary-disabled-background-color: var(--mds-color-theme-button-secondary-disabled);\\n    --mdc-button-tertiary-disabled-color: var(--mds-color-theme-text-primary-disabled);\\n\\n    --mdc-button-line-height-size-40: var(--mds-font-lineheight-body-large);\\n    --mdc-button-line-height-size-32: var(--mds-font-lineheight-body-large);\\n    --mdc-button-line-height-size-28: var(--mds-font-lineheight-body-midsize);\\n    --mdc-button-line-height-size-24: var(--mds-font-lineheight-body-small);\\n  }\\n\\n  :host([active]){\\n    font-weight: var(--mds-font-apps-body-large-bold-font-weight);\\n  }\\n\\n  :host([variant=\\\"primary\\\"]){\\n    background: var(--mdc-button-primary-background-color);\\n    color: var(--mdc-button-primary-color);\\n  }\\n  :host([variant=\\\"primary\\\"]:hover){\\n    background: var(--mdc-button-primary-hover-background-color);\\n  }\\n  :host([variant=\\\"primary\\\"]:active), :host([variant=\\\"primary\\\"].pressed){\\n    background: var(--mdc-button-primary-pressed-background-color);\\n  }\\n  :host([variant=\\\"primary\\\"][disabled]), :host([variant=\\\"primary\\\"][soft-disabled]){\\n    background: var(--mdc-button-primary-disabled-background-color);\\n    color: var(--mdc-button-primary-disabled-color);\\n    cursor: auto;\\n  }\\n\\n  :host([variant=\\\"secondary\\\"]){\\n    color: var(--mdc-button-secondary-color);\\n    border-color: var(--mdc-button-secondary-border-color);\\n  }\\n  :host([variant=\\\"secondary\\\"]:hover){\\n    background: var(--mdc-button-secondary-hover-background-color);\\n  }\\n  :host([variant=\\\"secondary\\\"]:active), :host([variant=\\\"secondary\\\"].pressed){\\n    background: var(--mdc-button-secondary-pressed-background-color);\\n  }\\n  :host([variant=\\\"secondary\\\"][disabled]),\\n   :host([variant=\\\"secondary\\\"][soft-disabled]){\\n    color: var(--mdc-button-primary-disabled-color);\\n    border-color: var(--mdc-button-secondary-disabled-border-color);\\n    background: var(--mdc-button-secondary-disabled-background-color);\\n    cursor: auto;\\n  }\\n\\n  :host([variant=\\\"tertiary\\\"]){\\n    border-color: transparent;\\n    color: var(--mdc-button-tertiary-color);\\n  }\\n  :host([variant=\\\"tertiary\\\"]:hover){\\n    background: var(--mdc-button-tertiary-hover-background-color);\\n  }\\n  :host([variant=\\\"tertiary\\\"]:active), :host([variant=\\\"tertiary\\\"].pressed){\\n    background: var(--mdc-button-tertiary-pressed-background-color);\\n  }\\n  :host([variant=\\\"tertiary\\\"][disabled]), \\n  :host([variant=\\\"tertiary\\\"][soft-disabled]){\\n    color: var(--mdc-button-tertiary-disabled-color);\\n    background: var(--mdc-button-tertiary-disabled-background-color);\\n    cursor: auto;\\n  }\\n\\n  :host([size=\\\"64\\\"][data-btn-type='icon']), \\n  :host([size=\\\"52\\\"][data-btn-type='icon']), \\n  :host([size=\\\"40\\\"][data-btn-type='icon']), \\n  :host([size=\\\"32\\\"][data-btn-type='icon']),\\n  :host([size=\\\"28\\\"][data-btn-type='icon']),\\n  :host([size=\\\"24\\\"][data-btn-type='icon']){\\n    border-radius: 6.25rem;\\n    aspect-ratio: 1;\\n    padding: unset;\\n  }\\n  :host([size=\\\"40\\\"]){\\n    font-size: var(--mds-font-size-body-large);\\n    line-height: var(--mdc-button-line-height-size-40);\\n    padding: 0 1rem;\\n    gap: 0.5rem;\\n  }\\n  :host([size=\\\"32\\\"]){\\n    font-size: var(--mds-font-size-body-large);\\n    line-height: var(--mdc-button-line-height-size-32);\\n    padding: 0 0.75rem;\\n    gap: 0.375rem;\\n  }\\n  :host([size=\\\"28\\\"]){\\n    font-size: var(--mds-font-size-body-midsize);\\n    line-height: var(--mdc-button-line-height-size-28);\\n    padding: 0 0.75rem;\\n    gap: 0.375rem;\\n  }\\n  :host([size=\\\"24\\\"]){\\n    font-size: var(--mds-font-size-body-small);\\n    line-height: var(--mdc-button-line-height-size-24);\\n    padding: 0 0.625rem;\\n    gap: 0.25rem;\\n  }\\n  :host([size=\\\"20\\\"]){\\n    padding: 0.0625rem;\\n  }\\n\\n  :host([color=\\\"accent\\\"]){\\n    --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);\\n    --mdc-button-primary-background-color: var(--mds-color-theme-button-accent-normal);\\n    --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-accent-hover);\\n    --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-accent-pressed);\\n\\n    --mdc-button-secondary-color: var(--mds-color-theme-text-accent-normal);\\n    --mdc-button-secondary-border-color: var(--mds-color-theme-outline-theme-normal);\\n    --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\\n    --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\\n  }\\n  :host([color=\\\"positive\\\"]){\\n    --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);\\n    --mdc-button-primary-background-color: var(--mds-color-theme-button-join-normal);\\n    --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-join-hover);\\n    --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-join-pressed);\\n\\n    --mdc-button-secondary-color: var(--mds-color-theme-text-success-normal);\\n    --mdc-button-secondary-border-color: var(--mds-color-theme-outline-join-normal);\\n    --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\\n    --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\\n  }\\n  :host([color=\\\"negative\\\"]){\\n    --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);\\n    --mdc-button-primary-background-color: var(--mds-color-theme-button-cancel-normal);\\n    --mdc-button-primary-hover-background-color: var(--mds-color-theme-button-cancel-hover);\\n    --mdc-button-primary-pressed-background-color: var(--mds-color-theme-button-cancel-pressed);\\n\\n    --mdc-button-secondary-color: var(--mds-color-theme-text-error-normal);\\n    --mdc-button-secondary-border-color: var(--mds-color-theme-outline-cancel-normal);\\n    --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\\n    --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\\n  }\\n  :host([color=\\\"promotional\\\"]){\\n    --mdc-button-primary-color: var(--mds-color-theme-common-text-primary-normal);\\n    --mdc-button-primary-background-color: var(--mds-color-theme-common-button-promotion-normal);\\n    --mdc-button-primary-hover-background-color: var(--mds-color-theme-common-button-promotion-hover);\\n    --mdc-button-primary-pressed-background-color: var(--mds-color-theme-common-button-promotion-active);\\n\\n    --mdc-button-secondary-color: var(--mds-color-theme-text-primary-normal);\\n    --mdc-button-secondary-border-color: var(--mds-color-theme-outline-promotion-normal);\\n    --mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);\\n    --mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);\\n  }\\n`;\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([styles]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/button/button.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/button/button.utils.js\":\n/*!************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/button/button.utils.js ***!\n  \\************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   getIconNameWithoutStyle: () => (/* binding */ getIconNameWithoutStyle),\\n/* harmony export */   getIconSize: () => (/* binding */ getIconSize)\\n/* harmony export */ });\\n/* harmony import */ var _button_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./button.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/button/button.constants.js\\\");\\n\\n/**\\n * Returns the icon size multiplier based on the provided button size.\\n *\\n * @param size - The size of the button.\\n * @returns The multiplier for the icon size.\\n */\\nconst getIconSize = (size) => {\\n    switch (size) {\\n        case _button_constants__WEBPACK_IMPORTED_MODULE_0__.ICON_BUTTON_SIZES[64]: return 2;\\n        case _button_constants__WEBPACK_IMPORTED_MODULE_0__.ICON_BUTTON_SIZES[52]: return 1.75;\\n        case _button_constants__WEBPACK_IMPORTED_MODULE_0__.ICON_BUTTON_SIZES[40]: return 1.25;\\n        default: return 1;\\n    }\\n};\\n/**\\n * Returns the name of the icon without the style suffix.\\n *\\n * @param iconName - The name of the icon.\\n * @returns The name of the icon without the suffix.\\n */\\nconst getIconNameWithoutStyle = (iconName) => {\\n    const iconParts = iconName.split('-');\\n    const variants = ['bold', 'filled', 'regular', 'light'];\\n    return iconParts.filter((part) => !variants.includes(part)).join('-');\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/button/button.utils.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/button/index.js\":\n/*!*****************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/button/index.js ***!\n  \\*****************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _button_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./button.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/button/button.component.js\\\");\\n/* harmony import */ var _button_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./button.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/button/button.constants.js\\\");\\n/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../icon */ \\\"../../../node_modules/@momentum-design/components/dist/components/icon/index.js\\\");\\n\\n\\n\\n_button_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_button_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_button_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/button/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.component.js\":\n/*!****************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.component.js ***!\n  \\****************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var _buttonsimple_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./buttonsimple.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.styles.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _buttonsimple_constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./buttonsimple.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.constants.js\\\");\\n/* harmony import */ var _utils_mixins_DisabledMixin__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/mixins/DisabledMixin */ \\\"../../../node_modules/@momentum-design/components/dist/utils/mixins/DisabledMixin.js\\\");\\n/* harmony import */ var _utils_mixins_TabIndexMixin__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/mixins/TabIndexMixin */ \\\"../../../node_modules/@momentum-design/components/dist/utils/mixins/TabIndexMixin.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n\\n\\n\\n/**\\n * `mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.\\n * It is used as an internal component and is not intended to be used directly by consumers.\\n * Consumers should use the `mdc-button` component instead.\\n *\\n * @tagname mdc-buttonsimple\\n *\\n */\\nclass Buttonsimple extends (0,_utils_mixins_TabIndexMixin__WEBPACK_IMPORTED_MODULE_6__.TabIndexMixin)((0,_utils_mixins_DisabledMixin__WEBPACK_IMPORTED_MODULE_5__.DisabledMixin)(_models__WEBPACK_IMPORTED_MODULE_3__.Component)) {\\n    /** @internal */\\n    get form() {\\n        return this.internals.form;\\n    }\\n    constructor() {\\n        super();\\n        /**\\n         * The button's active state indicates whether it is currently toggled on (active) or off (inactive).\\n         * When the active state is true, the button is considered to be in an active state, meaning it is toggled on.\\n         * Conversely, when the active state is false, the button is in an inactive state, indicating it is toggled off.\\n         * @default false\\n         */\\n        this.active = false;\\n        /**\\n         * Indicates whether the button is soft disabled.\\n         * When set to `true`, the button appears visually disabled but still allows\\n         * focus, click, and keyboard actions to be passed through.\\n         *\\n         * **Important:** When using soft disabled, consumers must ensure that\\n         * the button behaves like a disabled button, allowing only focus and\\n         * preventing any interactions (clicks or keyboard actions) from triggering unintended actions.\\n         * @default false\\n         */\\n        this.softDisabled = false;\\n        /**\\n         * Simplebutton size is a super set of all the sizes supported by children components.\\n         * @default 32\\n         */\\n        this.size = _buttonsimple_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.SIZE;\\n        /**\\n         * This property defines the ARIA role for the element. By default, it is set to 'button'.\\n         * Consumers should override this role when:\\n         * - The element is being used in a context where a different role is more appropriate.\\n         * - Custom behaviors are implemented that require a specific ARIA role for accessibility purposes.\\n         * @default button\\n         */\\n        this.role = _buttonsimple_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.ROLE;\\n        /**\\n         * This property defines the type attribute for the button element.\\n         * The type attribute specifies the behavior of the button when it is clicked.\\n         * - **submit**: The button submits the form data to the server.\\n         * - **reset**: The button resets the form data to its initial state.\\n         * - **button**: The button does nothing when clicked.\\n         * @default button\\n         */\\n        this.type = _buttonsimple_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.TYPE;\\n        /**\\n         * @internal\\n         */\\n        this.prevTabindex = 0;\\n        this.addEventListener('click', this.executeAction.bind(this));\\n        this.addEventListener('keydown', this.handleKeyDown.bind(this));\\n        this.addEventListener('keyup', this.handleKeyUp.bind(this));\\n        /** @internal */\\n        this.internals = this.attachInternals();\\n    }\\n    update(changedProperties) {\\n        super.update(changedProperties);\\n        if (changedProperties.has('disabled')) {\\n            this.setDisabled(this, this.disabled);\\n        }\\n        if (changedProperties.has('softDisabled')) {\\n            this.setSoftDisabled(this, this.softDisabled);\\n        }\\n        if (changedProperties.has('active')) {\\n            this.setAriaPressed(this, this.active);\\n        }\\n    }\\n    executeAction() {\\n        if (this.type === _buttonsimple_constants__WEBPACK_IMPORTED_MODULE_4__.BUTTON_TYPE.SUBMIT && this.internals.form) {\\n            this.internals.form.requestSubmit();\\n        }\\n        if (this.type === _buttonsimple_constants__WEBPACK_IMPORTED_MODULE_4__.BUTTON_TYPE.RESET && this.internals.form) {\\n            this.internals.form.reset();\\n        }\\n    }\\n    /**\\n     * Sets the aria-pressed attribute based on the active state.\\n     *\\n     * @param element - The target element.\\n     * @param active - The active state.\\n     */\\n    setAriaPressed(element, active) {\\n        if (active) {\\n            element.setAttribute('aria-pressed', 'true');\\n        }\\n        else {\\n            element.removeAttribute('aria-pressed');\\n        }\\n    }\\n    /**\\n     * Sets the soft-disabled attribute for the button.\\n     * When soft-disabled, the button looks to be disabled but remains focusable and clickable.\\n     * Also sets/removes aria-disabled attribute.\\n     *\\n     * @param element - The button element.\\n     * @param softDisabled - The soft-disabled state.\\n     */\\n    setSoftDisabled(element, softDisabled) {\\n        if (softDisabled) {\\n            element.setAttribute('aria-disabled', 'true');\\n        }\\n        else {\\n            element.removeAttribute('aria-disabled');\\n        }\\n    }\\n    /**\\n     * Sets the disabled attribute for the button.\\n     * When disabled, the button is not focusable or clickable, and tabindex is set to -1.\\n     * The previous tabindex is stored and restored when enabled.\\n     * Also sets/removes aria-disabled attribute.\\n     *\\n     * @param element - The button element.\\n     * @param disabled - The disabled state.\\n     */\\n    setDisabled(element, disabled) {\\n        if (disabled) {\\n            element.setAttribute('aria-disabled', 'true');\\n            this.prevTabindex = this.tabIndex;\\n            this.tabIndex = -1;\\n        }\\n        else {\\n            this.tabIndex = this.prevTabindex;\\n            element.removeAttribute('aria-disabled');\\n        }\\n    }\\n    triggerClickEvent() {\\n        const clickEvent = new MouseEvent('click', {\\n            bubbles: true,\\n            cancelable: true,\\n            view: window,\\n        });\\n        this.dispatchEvent(clickEvent);\\n        this.executeAction();\\n    }\\n    /**\\n     * Handles the keydown event on the button.\\n     * If the key is 'Enter' or 'Space', the button is pressed.\\n     * If the key is 'Enter', the button is pressed. The native HTML button works in the same way.\\n     *\\n     * @param event - The keyboard event.\\n     */\\n    handleKeyDown(event) {\\n        if (['Enter', ' '].includes(event.key)) {\\n            this.classList.add('pressed');\\n            if (event.key === 'Enter') {\\n                this.triggerClickEvent();\\n            }\\n        }\\n    }\\n    /**\\n     * Handles the keyup event on the button.\\n     * If the key is 'Enter' or 'Space', the button is clicked.\\n     * If the key is 'Space', the button is pressed. The native HTML button works in the same way.\\n     *\\n     * @param event - The keyboard event.\\n     */\\n    handleKeyUp(event) {\\n        if (['Enter', ' '].includes(event.key)) {\\n            this.classList.remove('pressed');\\n            if (event.key === ' ') {\\n                this.triggerClickEvent();\\n            }\\n        }\\n    }\\n    render() {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n      <slot></slot>\\n    `;\\n    }\\n}\\n/** @internal */\\nButtonsimple.formAssociated = true;\\nButtonsimple.styles = [..._models__WEBPACK_IMPORTED_MODULE_3__.Component.styles, ..._buttonsimple_styles__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Boolean }),\\n    __metadata(\\\"design:type\\\", Object)\\n], Buttonsimple.prototype, \\\"active\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Boolean, attribute: 'soft-disabled' }),\\n    __metadata(\\\"design:type\\\", Object)\\n], Buttonsimple.prototype, \\\"softDisabled\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Number, reflect: true }),\\n    __metadata(\\\"design:type\\\", Number)\\n], Buttonsimple.prototype, \\\"size\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, reflect: true }),\\n    __metadata(\\\"design:type\\\", Object)\\n], Buttonsimple.prototype, \\\"role\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Buttonsimple.prototype, \\\"type\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Buttonsimple);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.constants.js\":\n/*!****************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.constants.js ***!\n  \\****************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   BUTTON_SIZES: () => (/* binding */ BUTTON_SIZES),\\n/* harmony export */   BUTTON_TYPE: () => (/* binding */ BUTTON_TYPE),\\n/* harmony export */   DEFAULTS: () => (/* binding */ DEFAULTS),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('buttonsimple');\\nconst BUTTON_SIZES = {\\n    20: 20,\\n    24: 24,\\n    28: 28,\\n    32: 32,\\n    40: 40,\\n    48: 48,\\n    52: 52,\\n    64: 64,\\n    72: 72,\\n    88: 88,\\n    124: 124,\\n};\\nconst BUTTON_TYPE = {\\n    BUTTON: 'button',\\n    SUBMIT: 'submit',\\n    RESET: 'reset',\\n};\\nconst DEFAULTS = {\\n    SIZE: BUTTON_SIZES[32],\\n    TYPE: BUTTON_TYPE.BUTTON,\\n    ROLE: 'button',\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.styles.js\":\n/*!*************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.styles.js ***!\n  \\*************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var _utils_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/styles */ \\\"../../../node_modules/@momentum-design/components/dist/utils/styles/index.js\\\");\\n\\n\\nconst styles = [_utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFitContentStyles, (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n  :host {\\n    border: 0.0625rem solid transparent;\\n    cursor: pointer;\\n    \\n    background-color: var(--mds-color-theme-text-primary-normal); \\n    color: var(--mds-color-theme-inverted-text-secondary-normal);\\n    font-size: var(--mds-font-apps-body-midsize-regular-font-size);\\n    outline: none;\\n\\n    --mdc-button-height-size-124: 7.75rem;\\n    --mdc-button-height-size-88: 5.5rem;\\n    --mdc-button-height-size-72: 4.5rem;\\n    --mdc-button-height-size-64: 4rem;\\n    --mdc-button-height-size-52: 3.25rem;\\n    --mdc-button-height-size-40: 2.5rem;\\n    --mdc-button-height-size-32: 2rem;\\n    --mdc-button-height-size-28: 1.75rem;\\n    --mdc-button-height-size-24: 1.5rem;\\n    --mdc-button-height-size-20: 1.25rem;\\n  }\\n  \\n  :host([disabled]), :host([soft-disabled]){\\n    background-color: var(--mds-color-theme-text-primary-disabled);\\n  }\\n  :host([size=\\\"124\\\"]){\\n    height: var(--mdc-button-height-size-124);\\n  }\\n  :host([size=\\\"88\\\"]){\\n    height: var(--mdc-button-height-size-88);\\n  }\\n  :host([size=\\\"72\\\"]){\\n    height: var(--mdc-button-height-size-72);\\n  }\\n  :host([size=\\\"64\\\"]){\\n    height: var(--mdc-button-height-size-64);\\n  }\\n  :host([size=\\\"52\\\"]){\\n    height: var(--mdc-button-height-size-52);\\n  }\\n  :host([size=\\\"40\\\"]){\\n    height: var(--mdc-button-height-size-40);\\n  }\\n  :host([size=\\\"32\\\"]){\\n    height: var(--mdc-button-height-size-32);\\n  }\\n  :host([size=\\\"28\\\"]){\\n    height: var(--mdc-button-height-size-28);\\n    font-size: var(--mds-font-size-body-midsize);\\n  }\\n  :host([size=\\\"24\\\"]){\\n    height: var(--mdc-button-height-size-24);\\n  }\\n  :host([size=\\\"20\\\"]){\\n    height: var(--mdc-button-height-size-20);\\n  }\\n`, ...(0,_utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFocusRingStyles)()];\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/buttonsimple/index.js\":\n/*!***********************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/buttonsimple/index.js ***!\n  \\***********************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _buttonsimple_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./buttonsimple.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.component.js\\\");\\n/* harmony import */ var _buttonsimple_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./buttonsimple.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.constants.js\\\");\\n\\n\\n_buttonsimple_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_buttonsimple_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_buttonsimple_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/buttonsimple/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/divider/divider.component.js\":\n/*!******************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/divider/divider.component.js ***!\n  \\******************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var _divider_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./divider.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/divider/divider.styles.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _divider_constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./divider.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/divider/divider.constants.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n\\n/**\\n * `mdc-divider` is a component that provides a line to separate and organize content.\\n * It can also include a button or text positioned centrally, allowing users to interact with the layout.\\n *\\n * **Divider Orientation:**\\n * - **Horizontal**: A thin, horizontal line.\\n * - **Vertical**: A thin, vertical line.\\n *\\n * **Divider Variants:**\\n * - **solid**: Solid line.\\n * - **gradient**: Gradient Line.\\n *\\n * **Divider Types:**\\n * - The type of divider is inferred based on the kind of slot present.\\n *  - **Primary**: A simple horizontal or vertical divider.\\n *  - **Text**: A horizontal divider with a text label in the center.\\n *  - **Grabber Button**: A horizontal or vertical divider with a styled button in the center.\\n *\\n * **Accessibility:**\\n * - When the slot is replaced by an `mdc-button`:\\n *   - `aria-label` should be passed to the `mdc-button`.\\n *   - `aria-expanded` should be passed to the `mdc-button`.\\n *\\n * **Notes:**\\n * - If the slot is replaced by an invalid tag name or contains multiple elements,\\n *   the divider defaults to the **Primary** type.\\n * - To override the styles of the divider, use the provided CSS custom properties.\\n *\\n * @tagname mdc-divider\\n *\\n * @cssproperty --mdc-divider-background-color - background color of the divider\\n * @cssproperty --mdc-divider-width - width of the divider\\n * @cssproperty --mdc-divider-horizontal-gradient - gradient of the horizontal divider\\n * @cssproperty --mdc-divider-vertical-gradient - gradient of the vertical divider\\n * @cssproperty --mdc-divider-text-size - font size of label in the text divider\\n * @cssproperty --mdc-divider-text-color - font color of label in the text divider\\n * @cssproperty --mdc-divider-text-margin - left and right margin of label in the text divider\\n * @cssproperty --mdc-divider-text-line-height - line height of label in the text divider\\n * @cssproperty --mdc-divider-grabber-button-border-radius - border radius of the grabber button\\n */\\nclass Divider extends _models__WEBPACK_IMPORTED_MODULE_3__.Component {\\n    /**\\n     * Sets the variant attribute for the divider component.\\n     * If the provided variant is not included in the DIVIDER_VARIANT,\\n     * it defaults to the value specified in DEFAULTS.VARIANT.\\n     *\\n     * @param variant - The variant to set.\\n     */\\n    setVariant(variant) {\\n        this.setAttribute('variant', Object.values(_divider_constants__WEBPACK_IMPORTED_MODULE_4__.DIVIDER_VARIANT).includes(variant) ? variant : _divider_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.VARIANT);\\n    }\\n    /**\\n     * Sets the orientation attribute for the divider component.\\n     * If the provided orientation is not included in the DIVIDER_ORIENTATION,\\n     * it defaults to the value specified in DEFAULTS.ORIENTATION.\\n     *\\n     * @param orientation - The orientation to set.\\n     */\\n    setOrientation(orientation) {\\n        this.setAttribute('orientation', Object.values(_divider_constants__WEBPACK_IMPORTED_MODULE_4__.DIVIDER_ORIENTATION).includes(orientation) ? orientation : _divider_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.ORIENTATION);\\n    }\\n    /**\\n     * Sets the buttonPosition and arrowDirection attribute for the divider component.\\n     * If the provided buttonPosition and arrowDirection are not included in the DIRECTIONS,\\n     * it defaults to the value specified in DIRECTIONS based on the ORIENTATION.\\n     *\\n     * @param buttonPosition - The buttonPosition to set.\\n     * @param arrowDirection - The arrowDirection to set.\\n     */\\n    ensureValidDirections() {\\n        const defaultDirection = this.orientation === _divider_constants__WEBPACK_IMPORTED_MODULE_4__.DIVIDER_ORIENTATION.HORIZONTAL\\n            ? _divider_constants__WEBPACK_IMPORTED_MODULE_4__.DIRECTIONS.NEGATIVE\\n            : _divider_constants__WEBPACK_IMPORTED_MODULE_4__.DIRECTIONS.POSITIVE;\\n        if (!Object.values(_divider_constants__WEBPACK_IMPORTED_MODULE_4__.DIRECTIONS).includes(this.buttonPosition)) {\\n            this.buttonPosition = defaultDirection;\\n        }\\n        if (!Object.values(_divider_constants__WEBPACK_IMPORTED_MODULE_4__.DIRECTIONS).includes(this.arrowDirection)) {\\n            this.arrowDirection = defaultDirection;\\n        }\\n    }\\n    /**\\n     * Configures the grabber button within the divider.\\n     *\\n     * - Sets the `prefix-icon` attribute for the grabber button based\\n     * on the `arrow-direction` and `orientation` properties.\\n     *\\n     * This method updates the DOM element dynamically if a grabber button is present.\\n     */\\n    setGrabberButton() {\\n        this.ensureValidDirections();\\n        const buttonElement = this.querySelector('mdc-button');\\n        if (buttonElement) {\\n            const iconType = this.getArrowIcon();\\n            buttonElement.setAttribute('variant', 'secondary');\\n            buttonElement.setAttribute('prefix-icon', iconType);\\n        }\\n    }\\n    /**\\n     * Determines the arrow icon based on the consumer-defined `arrowDirection`.\\n     *\\n     * @returns The icon that represents the arrow direction.\\n     */\\n    getArrowIcon() {\\n        const isHorizontal = this.orientation === _divider_constants__WEBPACK_IMPORTED_MODULE_4__.DIVIDER_ORIENTATION.HORIZONTAL;\\n        const isPositive = this.arrowDirection === _divider_constants__WEBPACK_IMPORTED_MODULE_4__.DIRECTIONS.POSITIVE;\\n        if (isHorizontal) {\\n            return isPositive ? _divider_constants__WEBPACK_IMPORTED_MODULE_4__.ARROW_ICONS.UP : _divider_constants__WEBPACK_IMPORTED_MODULE_4__.ARROW_ICONS.DOWN;\\n        }\\n        return isPositive ? _divider_constants__WEBPACK_IMPORTED_MODULE_4__.ARROW_ICONS.RIGHT : _divider_constants__WEBPACK_IMPORTED_MODULE_4__.ARROW_ICONS.LEFT;\\n    }\\n    update(changedProperties) {\\n        super.update(changedProperties);\\n        if (changedProperties.has('orientation')) {\\n            this.setOrientation(this.orientation);\\n        }\\n        if (changedProperties.has('variant')) {\\n            this.setVariant(this.variant);\\n        }\\n        if (changedProperties.has('orientation')\\n            || changedProperties.has('arrowDirection')\\n            || changedProperties.has('buttonPosition')) {\\n            this.setGrabberButton();\\n        }\\n    }\\n    /**\\n     * Infers the type of divider based on the kind of slot present.\\n     * @param slot - default slot of divider\\n     */\\n    inferDividerType() {\\n        var _a;\\n        const slot = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot');\\n        const assignedElements = (slot === null || slot === void 0 ? void 0 : slot.assignedElements({ flatten: true })) || [];\\n        if (assignedElements.length > 1)\\n            return;\\n        const hasTextChild = assignedElements.some((el) => el.tagName === _divider_constants__WEBPACK_IMPORTED_MODULE_4__.TEXT_TAG.toUpperCase());\\n        const hasButtonChild = assignedElements.some((el) => el.tagName === _divider_constants__WEBPACK_IMPORTED_MODULE_4__.BUTTON_TAG.toUpperCase());\\n        if (hasTextChild && !hasButtonChild) {\\n            this.setAttribute('data-type', 'mdc-text-divider');\\n        }\\n        else if (!hasTextChild && hasButtonChild) {\\n            this.setAttribute('data-type', 'mdc-grabber-divider');\\n            this.setGrabberButton();\\n        }\\n    }\\n    constructor() {\\n        super();\\n        /**\\n         * Two orientations of divider\\n         * - **horizontal**: A thin, horizontal line with 0.0625rem width.\\n         * - **vertical**: A thin, vertical line with 0.0625rem width.\\n         *\\n         * Note: We do not support \\\"Vertical Text Divider\\\" as of now.\\n         * @default horizontal\\n         */\\n        this.orientation = _divider_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.ORIENTATION;\\n        /**\\n         * Two variants of divider\\n         * - **solid**: Solid line.\\n         * - **gradient**: Gradient Line that fades on either sides of the divider.\\n         * @default solid\\n         */\\n        this.variant = _divider_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.VARIANT;\\n        /**\\n         * Direction of the arrow icon, if applicable.\\n         * - **positive**\\n         * - **negative**\\n         *\\n         * Note: Positive and Negative directions are defined based on Cartesian plane.\\n         * @default 'negative'\\n         */\\n        this.arrowDirection = _divider_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.ARROW_DIRECTION;\\n        /**\\n         * Position of the button, if applicable.\\n         * - **positive**\\n         * - **negative**\\n         *\\n         * Note: Positive and Negative directions are defined based on Cartesian plane.\\n         * @default 'negative'\\n         */\\n        this.buttonPosition = _divider_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.BUTTON_DIRECTION;\\n        this.setAttribute('data-type', 'mdc-primary-divider');\\n    }\\n    render() {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n      <div></div>\\n      <slot @slotchange=${this.inferDividerType}></slot>\\n      <div></div>\\n    `;\\n    }\\n}\\nDivider.styles = [..._models__WEBPACK_IMPORTED_MODULE_3__.Component.styles, ..._divider_styles__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Divider.prototype, \\\"orientation\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Divider.prototype, \\\"variant\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, attribute: 'arrow-direction', reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Divider.prototype, \\\"arrowDirection\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, attribute: 'button-position', reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Divider.prototype, \\\"buttonPosition\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Divider);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/divider/divider.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/divider/divider.constants.js\":\n/*!******************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/divider/divider.constants.js ***!\n  \\******************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   ARROW_ICONS: () => (/* binding */ ARROW_ICONS),\\n/* harmony export */   BUTTON_TAG: () => (/* reexport safe */ _button_button_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME),\\n/* harmony export */   DEFAULTS: () => (/* binding */ DEFAULTS),\\n/* harmony export */   DIRECTIONS: () => (/* binding */ DIRECTIONS),\\n/* harmony export */   DIVIDER_ORIENTATION: () => (/* binding */ DIVIDER_ORIENTATION),\\n/* harmony export */   DIVIDER_VARIANT: () => (/* binding */ DIVIDER_VARIANT),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME),\\n/* harmony export */   TEXT_TAG: () => (/* reexport safe */ _text_text_constants__WEBPACK_IMPORTED_MODULE_2__.TAG_NAME)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n/* harmony import */ var _button_button_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../button/button.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/button/button.constants.js\\\");\\n/* harmony import */ var _text_text_constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../text/text.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/text.constants.js\\\");\\n\\n\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('divider');\\nconst DIVIDER_ORIENTATION = {\\n    HORIZONTAL: 'horizontal',\\n    VERTICAL: 'vertical',\\n};\\nconst DIVIDER_VARIANT = {\\n    SOLID: 'solid',\\n    GRADIENT: 'gradient',\\n};\\n/**\\n * Direction types for both the arrow and button component.\\n * These directions are dependent on the divider's orientation.\\n */\\nconst DIRECTIONS = {\\n    POSITIVE: 'positive',\\n    NEGATIVE: 'negative',\\n};\\nconst ARROW_ICONS = {\\n    UP: 'arrow-up-regular',\\n    DOWN: 'arrow-down-regular',\\n    LEFT: 'arrow-left-regular',\\n    RIGHT: 'arrow-right-regular',\\n};\\nconst DEFAULTS = {\\n    ORIENTATION: DIVIDER_ORIENTATION.HORIZONTAL,\\n    VARIANT: DIVIDER_VARIANT.SOLID,\\n    ARROW_DIRECTION: DIRECTIONS.NEGATIVE,\\n    BUTTON_DIRECTION: DIRECTIONS.NEGATIVE,\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/divider/divider.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/divider/divider.styles.js\":\n/*!***************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/divider/divider.styles.js ***!\n  \\***************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var _utils_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/styles */ \\\"../../../node_modules/@momentum-design/components/dist/utils/styles/index.js\\\");\\n\\n\\n/**\\n * Divider component styles\\n */\\nconst styles = [\\n    _utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFitContentStyles,\\n    /* Host styles */\\n    (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n    :host {\\n      --mdc-divider-background-color: var(--mds-color-theme-outline-secondary-normal);\\n      --mdc-divider-width: 0.0625rem;\\n      --mdc-divider-horizontal-gradient: var(--mds-color-theme-gradientdivider-default-normal);\\n      --mdc-divider-vertical-gradient: var(--mds-color-theme-gradientdivider-vertical-normal);\\n      --mdc-divider-text-size: var(--mds-font-size-body-midsize);\\n      --mdc-divider-text-color: var(--mds-color-theme-text-secondary-normal);\\n      --mdc-divider-text-line-height: var(--mds-font-lineheight-body-midsize);\\n      --mdc-divider-text-margin: 1.5rem;\\n      --mdc-divider-grabber-button-border-radius: 0.5rem;\\n\\n      display: flex;\\n      justify-content: center;\\n    }\\n\\n    /* Primary and grabber divider styles */\\n    :host([data-type='mdc-primary-divider']),\\n    :host([data-type='mdc-grabber-divider']) {\\n      background-color: var(--mdc-divider-background-color);\\n    }\\n\\n    /* Orientation-specific styles */\\n    :host([orientation='horizontal']) {\\n      flex-direction: row;\\n      height: var(--mdc-divider-width);\\n      width: 100%;\\n    }\\n\\n    :host([orientation='vertical']:not([data-type='mdc-text-divider'])) {\\n      flex-direction: column;\\n      height: 100%;\\n      width: var(--mdc-divider-width);\\n    }\\n\\n    /* Gradient styles for primary and grabber dividers */\\n    :host([orientation='horizontal'][variant='gradient'][data-type='mdc-primary-divider']),\\n    :host([orientation='horizontal'][variant='gradient'][data-type='mdc-grabber-divider']) {\\n      background: var(--mdc-divider-horizontal-gradient);\\n    }\\n\\n    :host([orientation='vertical'][variant='gradient'][data-type='mdc-primary-divider']),\\n    :host([orientation='vertical'][variant='gradient'][data-type='mdc-grabber-divider']) {\\n      background: var(--mdc-divider-vertical-gradient);\\n    }\\n\\n    /* Hiding slotted content for primary dividers */\\n    :host([data-type='mdc-primary-divider']) ::slotted(*) {\\n      display: none;\\n    }\\n\\n    /** Button divider styles */\\n    :host([orientation='vertical']) ::slotted(mdc-button) {\\n      width: 1.25rem;\\n      height: 2.5rem;\\n      border-radius: 0 \\n          var(--mdc-divider-grabber-button-border-radius) \\n          var(--mdc-divider-grabber-button-border-radius) \\n          0;\\n    }\\n\\n    :host([orientation='horizontal']) ::slotted(mdc-button) {\\n      height: 1.25rem;\\n      width: 2.5rem;\\n      border-radius: 0 \\n          0 \\n          var(--mdc-divider-grabber-button-border-radius) \\n          var(--mdc-divider-grabber-button-border-radius);\\n    }\\n\\n    :host([orientation='horizontal'][button-position='positive']),\\n    :host([orientation='vertical'][button-position='negative']) {\\n      align-items: end;\\n    }\\n\\n    :host([orientation='horizontal'][button-position='negative']),\\n    :host([orientation='vertical'][button-position='positive']) {\\n      align-items: start;\\n    }\\n\\n    :host([orientation='horizontal'][button-position='positive']) ::slotted(mdc-button) {\\n      border-radius: var(--mdc-divider-grabber-button-border-radius) \\n          var(--mdc-divider-grabber-button-border-radius) \\n          0 \\n          0;\\n      border-bottom-color: transparent;\\n    }\\n\\n    :host([orientation='horizontal'][button-position='negative']) ::slotted(mdc-button) {\\n      border-top-color: transparent;\\n    }\\n\\n    :host([orientation='vertical'][button-position='negative']:dir(ltr)) ::slotted(mdc-button),\\n    :host([orientation='vertical'][button-position='negative']:dir(rtl)) ::slotted(mdc-button) {\\n      border-radius: var(--mdc-divider-grabber-button-border-radius) \\n          0 \\n          0 \\n          var(--mdc-divider-grabber-button-border-radius);\\n      border-right-color: transparent;\\n    }\\n\\n    :host([orientation='vertical'][button-position='positive']:dir(ltr)) ::slotted(mdc-button),\\n    :host([orientation='vertical'][button-position='positive']:dir(rtl)) ::slotted(mdc-button) {\\n      border-left-color: transparent;\\n    }\\n\\n    :host([orientation='vertical'][button-position='positive']:dir(rtl)) ::slotted(mdc-button) {\\n      border-radius: 0 \\n          var(--mdc-divider-grabber-button-border-radius) \\n          var(--mdc-divider-grabber-button-border-radius) \\n          0;\\n      transform: rotate(180deg);\\n    }\\n\\n    :host([orientation='vertical'][button-position='negative']:dir(rtl)) ::slotted(mdc-button) {\\n      transform: rotate(180deg);\\n    }\\n\\n    /** Text divider styles */\\n    :host([orientation='horizontal'][variant='gradient'][data-type='mdc-text-divider']),\\n    :host([orientation='horizontal'][variant='solid'][data-type='mdc-text-divider']) {\\n      align-items: center;\\n    }\\n\\n    :host([data-type='mdc-text-divider']) > div {\\n      width: 100%;\\n      height: 100%;\\n      background-color: var(--mdc-divider-background-color);\\n    }\\n\\n    :host([orientation='horizontal'][variant='gradient'][data-type='mdc-text-divider']) > div:first-of-type {\\n      background: linear-gradient(to right, transparent, 30%, var(--mdc-divider-background-color));\\n    }\\n\\n    :host([orientation='horizontal'][variant='gradient'][data-type='mdc-text-divider']) > div:last-of-type {\\n      background: linear-gradient(to left, transparent, 30%, var(--mdc-divider-background-color));\\n    }\\n\\n    :host([data-type='mdc-text-divider']) ::slotted(mdc-text) {\\n      margin: 0 var(--mdc-divider-text-margin);\\n      color: var(--mdc-divider-text-color);\\n      font-size: var(--mdc-divider-text-size);\\n      line-height: var(--mdc-divider-text-line-height);\\n    }\\n  `,\\n];\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/divider/divider.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/divider/index.js\":\n/*!******************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/divider/index.js ***!\n  \\******************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _divider_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./divider.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/divider/divider.component.js\\\");\\n/* harmony import */ var _divider_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./divider.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/divider/divider.constants.js\\\");\\n\\n\\n_divider_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_divider_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_divider_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/divider/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.component.js\":\n/*!************************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.component.js ***!\n  \\************************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var uuid__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! uuid */ \\\"../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/v4.js\\\");\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var _formfieldwrapper_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./formfieldwrapper.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.styles.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./formfieldwrapper.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.constants.js\\\");\\n/* harmony import */ var _formfieldwrapper_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./formfieldwrapper.utils */ \\\"../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.utils.js\\\");\\n/* harmony import */ var _utils_mixins_DisabledMixin__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/mixins/DisabledMixin */ \\\"../../../node_modules/@momentum-design/components/dist/utils/mixins/DisabledMixin.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n\\n\\n\\n\\n/**\\n * formfieldwrapper is a component that contains the label and helper/validation text\\n *  that can be configured in various ways to suit different use cases (most of the input related components).\\n * It is used as an internal component and is not intended to be used directly by consumers.\\n *\\n * @tagname mdc-formfieldwrapper\\n *\\n * @slot label-info - slot to add the label info icon\\n *\\n */\\nclass FormfieldWrapper extends (0,_utils_mixins_DisabledMixin__WEBPACK_IMPORTED_MODULE_6__.DisabledMixin)(_models__WEBPACK_IMPORTED_MODULE_3__.Component) {\\n    constructor() {\\n        super(...arguments);\\n        /**\\n         * The unique id of the input field. It is used to link the input field with the label.\\n         * @default `mdc-input-${uuidv4()}`\\n         */\\n        this.id = `mdc-input-${(0,uuid__WEBPACK_IMPORTED_MODULE_7__[\\\"default\\\"])()}`;\\n        /**\\n         * The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.\\n         */\\n        this.helpTextType = _formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.VALIDATION;\\n    }\\n    /**\\n     * creates the label element when the label property is set.\\n     * id is used to link the label with the input field.\\n     * @returns void\\n     */\\n    renderLabelElement() {\\n        if (!this.label) {\\n            return lit__WEBPACK_IMPORTED_MODULE_0__.nothing;\\n        }\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<label for=\\\"${this.id}\\\" class=\\\"mdc-label\\\" part=\\\"label\\\">${this.label}</label>`;\\n    }\\n    /**\\n     * creates the helpertext icon based on the helpTextType for validation.\\n     * If the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.\\n     * @returns void\\n     */\\n    renderHelpTextIcon() {\\n        if (!this.helpText) {\\n            return lit__WEBPACK_IMPORTED_MODULE_0__.nothing;\\n        }\\n        const helperIcon = (0,_formfieldwrapper_utils__WEBPACK_IMPORTED_MODULE_5__.getHelperIcon)(this.helpTextType || _formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.VALIDATION);\\n        if (helperIcon && !this.disabled) {\\n            return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<mdc-icon part=\\\"helper-icon\\\" size=\\\"1\\\" length-unit=\\\"rem\\\" name=${helperIcon}></mdc-icon>`;\\n        }\\n        return lit__WEBPACK_IMPORTED_MODULE_0__.nothing;\\n    }\\n    /**\\n     * creates the helper text component when the helpertext value is set.\\n     * It is also used to display the validation message based on the helpTextType.\\n     * @returns void\\n     */\\n    renderHelpText() {\\n        if (!this.helpText) {\\n            return lit__WEBPACK_IMPORTED_MODULE_0__.nothing;\\n        }\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n      <mdc-text\\n        part=\\\"help-text\\\"\\n        tagname=${_formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_4__.MDC_TEXT_OPTIONS.TAGNAME}\\n        type=${_formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_4__.MDC_TEXT_OPTIONS.TYPE}\\n      >\\n        ${this.helpText}\\n      </mdc-text>\\n    `;\\n    }\\n    /**\\n     * renders the mdc-label-text container that contains the label and labelInfoToggleTip.\\n     * @returns void\\n     */\\n    renderLabel() {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<div class=\\\"mdc-label-text\\\" part=\\\"label-text\\\">\\n      <slot name=\\\"label\\\">${this.renderLabelElement()}</slot>\\n      <slot name=\\\"label-info\\\"></slot>\\n    </div>`;\\n    }\\n    /**\\n     * renders the mdc-help-text container that contains the helpertext icon and helpertext.\\n     * @returns void\\n     */\\n    renderHelperText() {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<div class=\\\"mdc-help-text\\\" part=\\\"mdc-help-text\\\">\\n      <slot name=\\\"help-icon\\\">${this.renderHelpTextIcon()}</slot>\\n      <slot name=\\\"help-text\\\">${this.renderHelpText()}</slot>\\n    </div>`;\\n    }\\n}\\nFormfieldWrapper.styles = [..._models__WEBPACK_IMPORTED_MODULE_3__.Component.styles, ..._formfieldwrapper_styles__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ reflect: true, type: String }),\\n    __metadata(\\\"design:type\\\", String)\\n], FormfieldWrapper.prototype, \\\"label\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String }),\\n    __metadata(\\\"design:type\\\", Object)\\n], FormfieldWrapper.prototype, \\\"id\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ reflect: true, attribute: 'help-text-type' }),\\n    __metadata(\\\"design:type\\\", String)\\n], FormfieldWrapper.prototype, \\\"helpTextType\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, reflect: true, attribute: 'help-text' }),\\n    __metadata(\\\"design:type\\\", String)\\n], FormfieldWrapper.prototype, \\\"helpText\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FormfieldWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.constants.js\":\n/*!************************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.constants.js ***!\n  \\************************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   DEFAULTS: () => (/* binding */ DEFAULTS),\\n/* harmony export */   MDC_TEXT_OPTIONS: () => (/* binding */ MDC_TEXT_OPTIONS),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME),\\n/* harmony export */   VALIDATION: () => (/* binding */ VALIDATION)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n/* harmony import */ var _text_text_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../text/text.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/text.constants.js\\\");\\n\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('formfieldwrapper');\\nconst VALIDATION = {\\n    ERROR: 'error',\\n    WARNING: 'warning',\\n    SUCCESS: 'success',\\n    PRIORITY: 'priority',\\n    DEFAULT: 'default',\\n};\\nconst DEFAULTS = {\\n    VALIDATION: VALIDATION.DEFAULT,\\n};\\nconst MDC_TEXT_OPTIONS = {\\n    TAGNAME: _text_text_constants__WEBPACK_IMPORTED_MODULE_1__.VALID_TEXT_TAGS.SPAN,\\n    TYPE: _text_text_constants__WEBPACK_IMPORTED_MODULE_1__.TYPE.BODY_MIDSIZE_REGULAR,\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.styles.js\":\n/*!*********************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.styles.js ***!\n  \\*********************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var _utils_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/styles */ \\\"../../../node_modules/@momentum-design/components/dist/utils/styles/index.js\\\");\\n\\n\\nconst styles = [\\n    _utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFitContentStyles,\\n    (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n    :host {\\n      flex-direction: column;\\n      align-items: flex-start;\\n      gap: 0.5rem;\\n    }\\n    :host([disabled]),\\n    :host([disabled]) .mdc-label,\\n    :host([disabled]) .mdc-help-text,\\n    :host([disabled][help-text-type='error']) .mdc-help-text,\\n    :host([disabled][help-text-type='success']) .mdc-help-text,\\n    :host([disabled][help-text-type='warning']) .mdc-help-text,\\n    :host([disabled][help-text-type='priority']) .mdc-help-text {\\n      color: var(--mds-color-theme-text-primary-disabled);\\n    }\\n\\n    .mdc-label-text,\\n    .mdc-help-text {\\n      font-size: var(--mds-font-size-body-midsize);\\n      line-height: var(--mds-font-lineheight-body-midsize);\\n      display: flex;\\n      align-items: center;\\n      gap: 0.5rem;\\n    }\\n\\n    .mdc-label {\\n      color: var(--mds-color-theme-text-primary-normal);\\n    }\\n\\n    .mdc-help-text {\\n      color: var(--mds-color-theme-text-secondary-normal);\\n    }\\n\\n    :host([help-text-type='error']) .mdc-help-text {\\n      color: var(--mds-color-theme-text-error-normal);\\n    }\\n    :host([help-text-type='warning']) .mdc-help-text {\\n      color: var(--mds-color-theme-text-warning-normal);\\n    }\\n    :host([help-text-type='success']) .mdc-help-text {\\n      color: var(--mds-color-theme-text-success-normal);\\n    }\\n    :host([help-text-type='priority']) .mdc-help-text {\\n      color: var(--mds-color-theme-text-accent-normal);\\n    }\\n  `,\\n];\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.utils.js\":\n/*!********************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.utils.js ***!\n  \\********************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   getHelperIcon: () => (/* binding */ getHelperIcon)\\n/* harmony export */ });\\n/* harmony import */ var _formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formfieldwrapper.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.constants.js\\\");\\n\\nconst getHelperIcon = (type) => {\\n    const helperIconSizeMap = {\\n        [_formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_0__.VALIDATION.ERROR]: 'error-legacy-filled',\\n        [_formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_0__.VALIDATION.WARNING]: 'warning-filled',\\n        [_formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_0__.VALIDATION.SUCCESS]: 'check-circle-filled',\\n        [_formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_0__.VALIDATION.PRIORITY]: 'priority-circle-filled',\\n        [_formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_0__.VALIDATION.DEFAULT]: '',\\n    };\\n    return helperIconSizeMap[type] || '';\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.utils.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/index.js\":\n/*!***************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/index.js ***!\n  \\***************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _formfieldwrapper_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./formfieldwrapper.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.component.js\\\");\\n/* harmony import */ var _formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./formfieldwrapper.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.constants.js\\\");\\n/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../icon */ \\\"../../../node_modules/@momentum-design/components/dist/components/icon/index.js\\\");\\n/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../text */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/index.js\\\");\\n\\n\\n\\n\\n_formfieldwrapper_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_formfieldwrapper_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/icon/icon.component.js\":\n/*!************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/icon/icon.component.js ***!\n  \\************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var _icon_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./icon.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/icon/icon.styles.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _utils_provider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/provider */ \\\"../../../node_modules/@momentum-design/components/dist/utils/provider/index.js\\\");\\n/* harmony import */ var _iconprovider_iconprovider_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../iconprovider/iconprovider.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.component.js\\\");\\n/* harmony import */ var _icon_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./icon.utils */ \\\"../../../node_modules/@momentum-design/components/dist/components/icon/icon.utils.js\\\");\\n/* harmony import */ var _icon_constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./icon.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/icon/icon.constants.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n\\n\\n\\n\\n/**\\n * Icon component that dynamically displays SVG icons based on a valid name.\\n *\\n * This component must be mounted within an `IconProvider` component.\\n *\\n * The `IconProvider` defines the source URL from which icons are consumed.\\n * The `Icon` component accepts a `name` attribute, which corresponds to\\n * the file name of the icon to be loaded from the specified URL.\\n *\\n * Once fetched, the icon will be rendered. If the fetching process is unsuccessful,\\n * no icon will be displayed.\\n *\\n * The `size` attribute allows for dynamic sizing of the icon based on the provided\\n * `length-unit` attribute. This unit can either come from the `IconProvider`\\n * or can be overridden for each individual icon. For example:\\n * if `size = 1` and `length-unit = 'em'`, the dimensions of the icon will be\\n * `width: 1em; height: 1em`.\\n *\\n * Regarding accessibility, there are three types of icons: decorative, informative and informative standalone.\\n *\\n * ### Decorative Icons\\n * - Decorative icons do not convey any essential information to the content of a page.\\n * - They should be hidden from screen readers (SR) to prevent confusion for users.\\n * - For decorative icons, an `aria-label` is not required, and the `role` will be set to null.\\n *\\n * ### Informative Icons\\n * - Informative icons convey important information that is not adequately represented\\n *   by surrounding text or components.\\n * - They provide valuable context and must be announced by assistive technologies.\\n * - For informative icons, an `aria-label` is required, and the `role` will be set to \\\"img\\\" automatically.\\n * - If an `aria-label` is provided, the role will be set to 'img'; if it is absent,\\n *   the role will be unset.\\n *\\n * ### Informative Standalone Icons\\n * - If an icon is informative (as mentioned above) and does not belong to a button (=standalone), it must\\n * have a Tooltip that describes what it means.\\n * - For informative standalone icons, an `aria-label` & `tabindex=\\\"0\\\"` is required,\\n * and the `role` will be set to \\\"img\\\" automatically.\\n * - **Only use this when a Icon is standalone and is not part of a button or other interactive elements.**\\n *\\n * @tagname mdc-icon\\n *\\n * @cssproperty --mdc-icon-fill-color - Allows customization of the default fill color.\\n */\\nclass Icon extends _models__WEBPACK_IMPORTED_MODULE_3__.Component {\\n    constructor() {\\n        super();\\n        /**\\n         * Name of the icon (= filename)\\n         */\\n        this.name = _icon_constants__WEBPACK_IMPORTED_MODULE_7__.DEFAULTS.NAME;\\n        /**\\n         * Aria-label attribute to be set for accessibility\\n         */\\n        this.ariaLabel = null;\\n        this.iconProviderContext = _utils_provider__WEBPACK_IMPORTED_MODULE_4__[\\\"default\\\"].consume({ host: this, context: _iconprovider_iconprovider_component__WEBPACK_IMPORTED_MODULE_5__[\\\"default\\\"].Context });\\n        this.abortController = new AbortController(); // Initialize AbortController\\n    }\\n    /**\\n     * Get Icon Data function which will fetch the icon (currently only svg)\\n     * and sets state and attributes once fetched successfully\\n     *\\n     * This method uses abortController.signal to cancel the fetch request when the component is disconnected or updated.\\n     * If the request is aborted after the fetch() call has been fulfilled but before the response body has been read,\\n     * then attempting to read the response body will reject with an AbortError exception.\\n     */\\n    async getIconData() {\\n        if (this.iconProviderContext.value) {\\n            const { fileExtension, url } = this.iconProviderContext.value;\\n            if (url && fileExtension && this.name) {\\n                this.abortController.abort();\\n                this.abortController = new AbortController();\\n                try {\\n                    const iconHtml = await (0,_icon_utils__WEBPACK_IMPORTED_MODULE_6__.dynamicSVGImport)(url, this.name, fileExtension, this.abortController.signal);\\n                    this.handleIconLoadedSuccess(iconHtml);\\n                }\\n                catch (error) {\\n                    this.handleIconLoadedFailure(error);\\n                }\\n            }\\n        }\\n    }\\n    /**\\n     * Sets the iconData state to the fetched icon.\\n     * Dispatches a 'load' event on the component once the icon has been successfully loaded.\\n     * @param iconHtml - The icon html element which has been fetched from the icon provider.\\n     */\\n    handleIconLoadedSuccess(iconHtml) {\\n        // update iconData state once fetched:\\n        this.iconData = iconHtml;\\n        // when icon is fetched successfully, trigger icon load event.\\n        const loadEvent = new Event('load', {\\n            bubbles: true,\\n            cancelable: true,\\n        });\\n        this.dispatchEvent(loadEvent);\\n    }\\n    /**\\n     * Dispatches an 'error' event on the component when the icon fetching has failed.\\n     * This event bubbles and is cancelable.\\n     * The error detail is set to the error object.\\n     */\\n    handleIconLoadedFailure(error) {\\n        const errorEvent = new CustomEvent('error', {\\n            bubbles: true,\\n            cancelable: true,\\n            detail: { error },\\n        });\\n        this.dispatchEvent(errorEvent);\\n    }\\n    /**\\n     * Updates the size by setting the width and height\\n     */\\n    updateSize() {\\n        var _a;\\n        if (this.computedIconSize && (this.lengthUnit || this.lengthUnitFromContext)) {\\n            const value = `${this.computedIconSize}${(_a = this.lengthUnit) !== null && _a !== void 0 ? _a : this.lengthUnitFromContext}`;\\n            // set the computed icon size as a css variable to be used in the icon styles\\n            this.style.setProperty('--computed-icon-size', value);\\n        }\\n    }\\n    get computedIconSize() {\\n        var _a, _b;\\n        return (_b = (_a = this.size) !== null && _a !== void 0 ? _a : this.sizeFromContext) !== null && _b !== void 0 ? _b : _icon_constants__WEBPACK_IMPORTED_MODULE_7__.DEFAULTS.SIZE;\\n    }\\n    updated(changedProperties) {\\n        var _a, _b, _c, _d;\\n        super.updated(changedProperties);\\n        if (changedProperties.has('name')) {\\n            // fetch icon data if name changes:\\n            this.getIconData().catch((err) => {\\n                if (err.name !== 'AbortError' && this.onerror) {\\n                    this.onerror(err);\\n                }\\n            });\\n        }\\n        if (changedProperties.has('ariaLabel')) {\\n            this.role = this.ariaLabel ? 'img' : null;\\n        }\\n        if (changedProperties.has('size') || changedProperties.has('lengthUnit')) {\\n            this.updateSize();\\n        }\\n        if (this.lengthUnitFromContext !== ((_a = this.iconProviderContext.value) === null || _a === void 0 ? void 0 : _a.lengthUnit)) {\\n            this.lengthUnitFromContext = (_b = this.iconProviderContext.value) === null || _b === void 0 ? void 0 : _b.lengthUnit;\\n            this.updateSize();\\n        }\\n        if (this.sizeFromContext !== ((_c = this.iconProviderContext.value) === null || _c === void 0 ? void 0 : _c.size)) {\\n            this.sizeFromContext = (_d = this.iconProviderContext.value) === null || _d === void 0 ? void 0 : _d.size;\\n            this.updateSize();\\n        }\\n    }\\n    render() {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) ` ${this.iconData} `;\\n    }\\n}\\nIcon.styles = [..._models__WEBPACK_IMPORTED_MODULE_3__.Component.styles, ..._icon_styles__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.state)(),\\n    __metadata(\\\"design:type\\\", HTMLElement)\\n], Icon.prototype, \\\"iconData\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.state)(),\\n    __metadata(\\\"design:type\\\", String)\\n], Icon.prototype, \\\"lengthUnitFromContext\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.state)(),\\n    __metadata(\\\"design:type\\\", Number)\\n], Icon.prototype, \\\"sizeFromContext\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Icon.prototype, \\\"name\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Number }),\\n    __metadata(\\\"design:type\\\", Number)\\n], Icon.prototype, \\\"size\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, attribute: 'length-unit' }),\\n    __metadata(\\\"design:type\\\", String)\\n], Icon.prototype, \\\"lengthUnit\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, attribute: 'aria-label' }),\\n    __metadata(\\\"design:type\\\", Object)\\n], Icon.prototype, \\\"ariaLabel\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.state)(),\\n    __metadata(\\\"design:type\\\", AbortController)\\n], Icon.prototype, \\\"abortController\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Icon);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/icon/icon.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/icon/icon.constants.js\":\n/*!************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/icon/icon.constants.js ***!\n  \\************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   DEFAULTS: () => (/* binding */ DEFAULTS),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('icon');\\nconst DEFAULTS = {\\n    NAME: undefined,\\n    SIZE: 1,\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/icon/icon.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/icon/icon.styles.js\":\n/*!*********************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/icon/icon.styles.js ***!\n  \\*********************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var _utils_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/styles */ \\\"../../../node_modules/@momentum-design/components/dist/utils/styles/index.js\\\");\\n\\n\\nconst styles = [\\n    _utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFitContentStyles,\\n    (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n    :host {\\n      --mdc-icon-fill-color: currentColor;\\n      --mdc-icon-size: var(--computed-icon-size);\\n      --mdc-icon-border-radius: 0.25rem;\\n\\n      height: var(--mdc-icon-size);\\n      width: var(--mdc-icon-size);\\n      border-radius: var(--mdc-icon-border-radius);\\n    }\\n    :host::part(icon) {\\n      height: 100%;\\n      width: 100%;\\n      fill: var(--mdc-icon-fill-color);\\n    }\\n  `,\\n    ...(0,_utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFocusRingStyles)(),\\n];\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/icon/icon.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/icon/icon.utils.js\":\n/*!********************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/icon/icon.utils.js ***!\n  \\********************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   dynamicSVGImport: () => (/* binding */ dynamicSVGImport)\\n/* harmony export */ });\\n/* eslint-disable implicit-arrow-linebreak */\\n/**\\n * Fetches a dynamic SVG icon based on the provided `url`, `name` and `fileExtension`.\\n * It will throw an error if the response is not ok.\\n *\\n * @param url - The base url of the icon\\n * @param name - The name of the icon\\n * @param fileExtension - The file extension of the icon\\n * @param signal - The signal to abort the fetch.\\n * It is used to cancel the fetch when the component is disconnected or updated.\\n * @returns The valid icon element\\n * @throws Error if the response is not ok\\n */\\nconst dynamicSVGImport = async (url, name, fileExtension, signal) => {\\n    const response = await fetch(`${url}/${name}.${fileExtension}`, { signal });\\n    if (!response.ok) {\\n        throw new Error('There was a problem while fetching the icon!');\\n    }\\n    const iconResponse = await response.text();\\n    const returnValue = new DOMParser().parseFromString(iconResponse, 'text/html').body.children[0];\\n    returnValue.setAttribute('data-name', name);\\n    returnValue.setAttribute('part', 'icon');\\n    // set aria-hidden=true for SVG to avoid screen readers\\n    returnValue.setAttribute('aria-hidden', 'true');\\n    return returnValue;\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/icon/icon.utils.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/icon/index.js\":\n/*!***************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/icon/index.js ***!\n  \\***************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _icon_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./icon.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/icon/icon.component.js\\\");\\n/* harmony import */ var _icon_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./icon.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/icon/icon.constants.js\\\");\\n\\n\\n_icon_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_icon_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_icon_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/icon/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.component.js\":\n/*!****************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.component.js ***!\n  \\****************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _iconprovider_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./iconprovider.context */ \\\"../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.context.js\\\");\\n/* harmony import */ var _iconprovider_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./iconprovider.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.constants.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n/**\\n * IconProvider component, which allows to be consumed from sub components\\n * (see `providerUtils.consume` for how to consume)\\n *\\n * Bundling icons will be up to the consumer of this component, such\\n * that only a url has to be passed in from which the icons will be\\n * fetched.\\n *\\n * @tagname mdc-iconprovider\\n *\\n * @slot - children\\n */\\nclass IconProvider extends _models__WEBPACK_IMPORTED_MODULE_1__.Provider {\\n    constructor() {\\n        // initialise the context by running the Provider constructor:\\n        super({\\n            context: _iconprovider_context__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"].context,\\n            initialValue: new _iconprovider_context__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"](),\\n        });\\n        /**\\n         * File extension of icons\\n         * @default svg\\n         */\\n        this.fileExtension = _iconprovider_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.FILE_EXTENSION;\\n        /**\\n         * Length unit used for sizing of icons\\n         * @default em\\n         */\\n        this.lengthUnit = _iconprovider_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.LENGTH_UNIT;\\n        /**\\n         * The default size of the icon.\\n         * If not set, it falls back to the size defined by the length unit.\\n         * @default 1\\n         */\\n        this.size = _iconprovider_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.SIZE;\\n    }\\n    /**\\n     * Context object of the IconProvider, to be consumed by child components\\n     */\\n    static get Context() {\\n        return _iconprovider_context__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"].context;\\n    }\\n    updateValuesInContext() {\\n        // only update fileExtension on context if its an allowed fileExtension\\n        if (this.fileExtension && _iconprovider_constants__WEBPACK_IMPORTED_MODULE_3__.ALLOWED_FILE_EXTENSIONS.includes(this.fileExtension)) {\\n            this.context.value.fileExtension = this.fileExtension;\\n        }\\n        else {\\n            // Ensure both fileExtension and context are updated to the default if its not an allowed fileExtension\\n            this.fileExtension = _iconprovider_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.FILE_EXTENSION;\\n            this.context.value.fileExtension = _iconprovider_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.FILE_EXTENSION;\\n        }\\n        this.context.value.url = this.url;\\n        this.context.value.size = this.size;\\n        if (this.lengthUnit && _iconprovider_constants__WEBPACK_IMPORTED_MODULE_3__.ALLOWED_LENGTH_UNITS.includes(this.lengthUnit)) {\\n            this.context.value.lengthUnit = this.lengthUnit;\\n        }\\n        else {\\n            // Ensure both lengthUnit and context are updated to the default if its not an allowed lengthUnit\\n            this.lengthUnit = _iconprovider_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.LENGTH_UNIT;\\n            this.context.value.lengthUnit = _iconprovider_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.LENGTH_UNIT;\\n        }\\n    }\\n    updateContext() {\\n        if (this.context.value.fileExtension !== this.fileExtension\\n            || this.context.value.url !== this.url\\n            || this.context.value.lengthUnit !== this.lengthUnit\\n            || this.context.value.size !== this.size) {\\n            this.updateValuesInContext();\\n            this.context.updateObservers();\\n        }\\n    }\\n}\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: String }),\\n    __metadata(\\\"design:type\\\", String)\\n], IconProvider.prototype, \\\"url\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: String, attribute: 'file-extension', reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], IconProvider.prototype, \\\"fileExtension\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: String, attribute: 'length-unit', reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], IconProvider.prototype, \\\"lengthUnit\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: Number, reflect: true }),\\n    __metadata(\\\"design:type\\\", Number)\\n], IconProvider.prototype, \\\"size\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (IconProvider);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.constants.js\":\n/*!****************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.constants.js ***!\n  \\****************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   ALLOWED_FILE_EXTENSIONS: () => (/* binding */ ALLOWED_FILE_EXTENSIONS),\\n/* harmony export */   ALLOWED_LENGTH_UNITS: () => (/* binding */ ALLOWED_LENGTH_UNITS),\\n/* harmony export */   DEFAULTS: () => (/* binding */ DEFAULTS),\\n/* harmony export */   LENGTH_UNIT_SIZE: () => (/* binding */ LENGTH_UNIT_SIZE),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('iconprovider');\\nconst ALLOWED_FILE_EXTENSIONS = ['svg'];\\nconst ALLOWED_LENGTH_UNITS = ['em', 'rem', 'px'];\\nconst LENGTH_UNIT_SIZE = {\\n    px: 16,\\n    em: 1,\\n    rem: 1,\\n};\\nconst DEFAULTS = {\\n    FILE_EXTENSION: 'svg',\\n    LENGTH_UNIT: 'em',\\n    SIZE: LENGTH_UNIT_SIZE.em,\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.context.js\":\n/*!**************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.context.js ***!\n  \\**************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _lit_context__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @lit/context */ \\\"../../../node_modules/@lit/context/development/index.js\\\");\\n/* harmony import */ var _iconprovider_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iconprovider.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.constants.js\\\");\\n\\n\\nclass IconProviderContext {\\n}\\n// create typed lit context as part of the IconProviderContext\\nIconProviderContext.context = (0,_lit_context__WEBPACK_IMPORTED_MODULE_0__.createContext)(_iconprovider_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (IconProviderContext);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.context.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/iconprovider/index.js\":\n/*!***********************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/iconprovider/index.js ***!\n  \\***********************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _iconprovider_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./iconprovider.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.component.js\\\");\\n/* harmony import */ var _iconprovider_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./iconprovider.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.constants.js\\\");\\n\\n\\n_iconprovider_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_iconprovider_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_iconprovider_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/iconprovider/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/link/index.js\":\n/*!***************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/link/index.js ***!\n  \\***************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _link_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./link.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/link/link.component.js\\\");\\n/* harmony import */ var _link_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./link.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/link/link.constants.js\\\");\\n/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../icon */ \\\"../../../node_modules/@momentum-design/components/dist/components/icon/index.js\\\");\\n\\n\\n\\n_link_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_link_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_link_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/link/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/link/link.component.js\":\n/*!************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/link/link.component.js ***!\n  \\************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _link_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./link.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/link/link.constants.js\\\");\\n/* harmony import */ var _link_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./link.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/link/link.styles.js\\\");\\n/* harmony import */ var _utils_mixins_DisabledMixin__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/mixins/DisabledMixin */ \\\"../../../node_modules/@momentum-design/components/dist/utils/mixins/DisabledMixin.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n\\n\\n/**\\n * `mdc-link` component can be used to navigate to a different page\\n * within the application or to an external site. It can be used to link to\\n * emails or phone numbers.\\n *\\n * The `children` of the link component is expected to be an anchor element\\n * containing the text, href, and other attributes.\\n *\\n * For `icon`, the `mdc-icon` component is used to render the icon.\\n *\\n * @dependency mdc-icon\\n *\\n * @tagname mdc-link\\n *\\n * @cssproperty --mdc-link-border-radius - Border radius of the link\\n * @cssproperty --mdc-link-color-active - Text and icon color of the link in active state\\n * @cssproperty --mdc-link-color-disabled - Text and icon color of the link in disabled state\\n * @cssproperty --mdc-link-color-hover - Text and icon color of the link in hover state\\n * @cssproperty --mdc-link-color-normal - Text and icon color of the link in normal state\\n * @cssproperty --mdc-link-icon-margin-left - Gap between the text and icon (only applicable when an icon is set)\\n * @cssproperty --mdc-link-inverted-color-active - Text and icon color of the inverted link in active state\\n * @cssproperty --mdc-link-inverted-color-disabled - Text and icon color of the inverted link in disabled state\\n * @cssproperty --mdc-link-inverted-color-hover - Text and icon color of the inverted link in hover state\\n * @cssproperty --mdc-link-inverted-color-normal - Text and icon color of the inverted link in normal state\\n * @cssproperty --mdc-link-text-decoration-disabled - Text decoration of the link in disabled state for all variants\\n */\\nclass Link extends (0,_utils_mixins_DisabledMixin__WEBPACK_IMPORTED_MODULE_5__.DisabledMixin)(_models__WEBPACK_IMPORTED_MODULE_2__.Component) {\\n    constructor() {\\n        super(...arguments);\\n        /**\\n         * The link can be inline or standalone.\\n         * @default false\\n         */\\n        this.inline = _link_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.INLINE;\\n        /**\\n         * The link color can be inverted by setting the inverted attribute to true.\\n         * @default false\\n         */\\n        this.inverted = _link_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.INVERTED;\\n        /**\\n         * Size of the link.\\n         * Acceptable values include:\\n         *\\n         * - 'small'\\n         * - 'midsize'\\n         * - 'large'\\n         *\\n         * @default large\\n         */\\n        this.size = _link_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.LINK_SIZE;\\n        /**\\n         * Used to store the previous tabindex value of the host element\\n         * null value means that the host element did not have a tabindex attribute.\\n         * @internal\\n         */\\n        this.prevTabindex = null;\\n    }\\n    /**\\n     * Method to get the size of the trailing icon based on the link size.\\n     * @returns The icon size value and units.\\n     */\\n    getIconSize() {\\n        switch (this.size) {\\n            case _link_constants__WEBPACK_IMPORTED_MODULE_3__.LINK_SIZES.SMALL:\\n                return _link_constants__WEBPACK_IMPORTED_MODULE_3__.LINK_ICON_SIZES.SMALL;\\n            case _link_constants__WEBPACK_IMPORTED_MODULE_3__.LINK_SIZES.MIDSIZE:\\n                return _link_constants__WEBPACK_IMPORTED_MODULE_3__.LINK_ICON_SIZES.MIDSIZE;\\n            default:\\n                return _link_constants__WEBPACK_IMPORTED_MODULE_3__.LINK_ICON_SIZES.LARGE;\\n        }\\n    }\\n    /**\\n     * Updates the tabindex of the host element to disable or enable the link.\\n     * When disabled, the link is not focusable or clickable, and tabindex is set to -1\\n     * and aria-disabled attribute is set to true\\n     * When link is not disabled, the previous tabindex of the host element is restored\\n     * and aria-disabled attribute is removed.\\n     *\\n     * @param disabled - The disabled state of icon\\n     */\\n    setDisabled(disabled) {\\n        if (disabled) {\\n            this.prevTabindex = this.hasAttribute('tabindex') ? this.tabIndex : null;\\n            this.tabIndex = -1;\\n            this.setAttribute('aria-disabled', 'true');\\n        }\\n        else if (this.prevTabindex === null) {\\n            this.removeAttribute('tabindex');\\n            this.removeAttribute('aria-disabled');\\n        }\\n        else {\\n            this.tabIndex = this.prevTabindex;\\n            this.removeAttribute('aria-disabled');\\n        }\\n    }\\n    /**\\n     * Method to create and append trailing icon to the first anchor element in the slot.\\n     * If no icon name is provided, no icon will be rendered.\\n     */\\n    updateTrailingIcon() {\\n        var _a, _b;\\n        const anchorElement = (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements({ flatten: true }).find((element) => element.tagName === 'A');\\n        const iconSize = this.getIconSize();\\n        if (this.iconName && anchorElement) {\\n            const trailingIcon = document.createElement('mdc-icon');\\n            trailingIcon.setAttribute('name', this.iconName);\\n            trailingIcon.setAttribute('size', `${iconSize}`);\\n            trailingIcon.setAttribute('length-unit', 'rem');\\n            anchorElement.appendChild(trailingIcon);\\n        }\\n    }\\n    update(changedProperties) {\\n        super.update(changedProperties);\\n        if (changedProperties.has('disabled')) {\\n            this.setDisabled(this.disabled);\\n        }\\n    }\\n    render() {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<slot @slotchange=${this.updateTrailingIcon}></slot>`;\\n    }\\n}\\nLink.styles = [..._models__WEBPACK_IMPORTED_MODULE_2__.Component.styles, ..._link_styles__WEBPACK_IMPORTED_MODULE_4__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, attribute: 'icon-name' }),\\n    __metadata(\\\"design:type\\\", String)\\n], Link.prototype, \\\"iconName\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Boolean, reflect: true }),\\n    __metadata(\\\"design:type\\\", Boolean)\\n], Link.prototype, \\\"inline\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Boolean, reflect: true }),\\n    __metadata(\\\"design:type\\\", Boolean)\\n], Link.prototype, \\\"inverted\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Link.prototype, \\\"size\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Link);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/link/link.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/link/link.constants.js\":\n/*!************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/link/link.constants.js ***!\n  \\************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   DEFAULTS: () => (/* binding */ DEFAULTS),\\n/* harmony export */   LINK_ICON_SIZES: () => (/* binding */ LINK_ICON_SIZES),\\n/* harmony export */   LINK_SIZES: () => (/* binding */ LINK_SIZES),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('link');\\nconst LINK_SIZES = {\\n    LARGE: 'large',\\n    MIDSIZE: 'midsize',\\n    SMALL: 'small',\\n};\\nconst LINK_ICON_SIZES = {\\n    LARGE: 1,\\n    MIDSIZE: 0.875,\\n    SMALL: 0.75,\\n};\\nconst DEFAULTS = {\\n    INLINE: false,\\n    INVERTED: false,\\n    LINK_SIZE: LINK_SIZES.LARGE,\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/link/link.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/link/link.styles.js\":\n/*!*********************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/link/link.styles.js ***!\n  \\*********************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var _utils_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/styles */ \\\"../../../node_modules/@momentum-design/components/dist/utils/styles/index.js\\\");\\n\\n\\nconst styles = [_utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFitContentStyles, (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n\\n  :host {\\n\\n    --mdc-link-border-radius: 0.25rem;\\n    --mdc-link-color-active: var(--mds-color-theme-text-accent-active);\\n    --mdc-link-color-disabled: var(--mds-color-theme-text-primary-disabled);\\n    --mdc-link-color-hover: var(--mds-color-theme-text-accent-hover);\\n    --mdc-link-color-normal: var(--mds-color-theme-text-accent-normal);\\n    --mdc-link-icon-margin-left: 0.25rem;\\n    --mdc-link-inverted-color-active: var(--mds-color-theme-inverted-text-accent-active);\\n    --mdc-link-inverted-color-disabled: var(--mds-color-theme-inverted-text-primary-disabled);\\n    --mdc-link-inverted-color-hover: var(--mds-color-theme-inverted-text-accent-hover);\\n    --mdc-link-inverted-color-normal: var(--mds-color-theme-inverted-text-accent-normal);\\n    --mdc-link-text-decoration-disabled: underline;\\n\\n    border-radius: var(--mdc-link-border-radius);\\n    color: var(--mdc-link-color-normal);\\n  }\\n\\n  ::slotted(a) {\\n    outline: none;\\n    align-items: center;\\n    color: inherit;\\n    display: flex;\\n    gap: var(--mdc-link-icon-margin-left);\\n    text-decoration: inherit;\\n    text-underline-offset: auto;\\n    text-underline-position: from-font;\\n  }\\n\\n  :host(:hover) {\\n    color: var(--mdc-link-color-hover);\\n  }\\n\\n  :host(:active) {\\n    color: var(--mdc-link-color-active);\\n  }\\n\\n  :host([inline]) {\\n    display: inline-flex;\\n  }\\n\\n  :host([inverted]) {\\n    color: var(--mdc-link-inverted-color-normal);\\n  }\\n\\n  :host([inverted]:hover) {\\n    color: var(--mdc-link-inverted-color-hover);\\n  }\\n\\n  :host([inverted]:active) {\\n    color: var(--mdc-link-inverted-color-active);\\n  }\\n\\n  :host([size=\\\"large\\\"]) {\\n    font-size: var(--mds-font-apps-body-large-regular-font-size);\\n    font-weight: var(--mds-font-apps-body-large-regular-font-weight);\\n    line-height: var(--mds-font-apps-body-large-regular-line-height);\\n    text-decoration: var(--mds-font-apps-body-large-regular-text-decoration);\\n    text-transform: var(--mds-font-apps-body-large-regular-text-case);\\n  }\\n\\n  :host([size=\\\"midsize\\\"]) {\\n    font-size: var(--mds-font-apps-body-midsize-regular-font-size);\\n    font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);\\n    line-height: var(--mds-font-apps-body-midsize-regular-line-height);\\n    text-decoration: var(--mds-font-apps-body-midsize-regular-text-decoration);\\n    text-transform: var(--mds-font-apps-body-midsize-regular-text-case);\\n  }\\n\\n  :host([size=\\\"small\\\"]) {\\n    font-size: var(--mds-font-apps-body-small-regular-font-size);\\n    font-weight: var(--mds-font-apps-body-small-regular-font-weight);\\n    line-height: var(--mds-font-apps-body-small-regular-line-height);\\n    text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);\\n    text-transform: var(--mds-font-apps-body-small-regular-text-case);\\n  }\\n\\n  :host([size=\\\"large\\\"]:hover), :host([size=\\\"large\\\"]:active), :host([size=\\\"large\\\"][inline]) {\\n    font-size: var(--mds-font-apps-body-large-regular-underline-font-size);\\n    font-weight: var(--mds-font-apps-body-large-regular-underline-font-weight);\\n    line-height: var(--mds-font-apps-body-large-regular-underline-line-height);\\n    text-decoration: var(--mds-font-apps-body-large-regular-underline-text-decoration);\\n    text-transform: var(--mds-font-apps-body-large-regular-underline-text-case);\\n  }\\n\\n  :host([size=\\\"midsize\\\"]:hover), :host([size=\\\"midsize\\\"]:active), :host([size=\\\"midsize\\\"][inline]) {\\n    font-size: var(--mds-font-apps-body-midsize-regular-underline-font-size);\\n    font-weight: var(--mds-font-apps-body-midsize-regular-underline-font-weight);\\n    line-height: var(--mds-font-apps-body-midsize-regular-underline-line-height);\\n    text-decoration: var(--mds-font-apps-body-midsize-regular-underline-text-decoration);\\n    text-transform: var(--mds-font-apps-body-midsize-regular-underline-text-case);\\n  }\\n\\n  :host([size=\\\"small\\\"]:hover), :host([size=\\\"small\\\"]:active), :host([size=\\\"small\\\"][inline]) {\\n    font-size: var(--mds-font-apps-body-small-regular-underline-font-size);\\n    font-weight: var(--mds-font-apps-body-small-regular-underline-font-weight);\\n    line-height: var(--mds-font-apps-body-small-regular-underline-line-height);\\n    text-decoration: var(--mds-font-apps-body-small-regular-underline-text-decoration);\\n    text-transform: var(--mds-font-apps-body-small-regular-underline-text-case);\\n  }\\n\\n  :host([disabled]) {\\n    color: var(--mdc-link-color-disabled);\\n    pointer-events: none;\\n  }\\n\\n  :host([inverted][disabled]) {\\n    color: var(--mdc-link-inverted-color-disabled);\\n  }\\n`, ...(0,_utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFocusRingStyles)(),\\n    (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n  :host(:active) {\\n    box-shadow: none;\\n  }\\n`];\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/link/link.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/marker/index.js\":\n/*!*****************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/marker/index.js ***!\n  \\*****************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _marker_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./marker.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/marker/marker.component.js\\\");\\n/* harmony import */ var _marker_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./marker.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/marker/marker.constants.js\\\");\\n\\n\\n_marker_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_marker_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_marker_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/marker/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/marker/marker.component.js\":\n/*!****************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/marker/marker.component.js ***!\n  \\****************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var _marker_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./marker.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/marker/marker.styles.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _marker_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./marker.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/marker/marker.constants.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n/**\\n * `mdc-marker`, which is a vertical line and\\n * used to draw attention to specific parts of\\n * the content or to signify important information.\\n *\\n * **Marker Variants**:\\n * - **solid**: Solid marker.\\n * - **striped**: Striped marker.\\n *\\n * @tagname mdc-marker\\n *\\n * @cssproperty --mdc-marker-solid-background-color - Allows customization of the default background color\\n * in solid variant.\\n * @cssproperty --mdc-marker-striped-color - Allows customization of the default stripes in striped variant.\\n * @cssproperty --mdc-marker-striped-background-color - Allows customization of the default background color\\n * in striped variant.\\n * @cssproperty --mdc-marker-width - Allows customization of the default width.\\n */\\nclass Marker extends _models__WEBPACK_IMPORTED_MODULE_2__.Component {\\n    constructor() {\\n        super(...arguments);\\n        /**\\n         * There are two variants of markers, each with a width of 0.25rem:\\n         * - **solid**: Solid marker.\\n         * - **striped**: Striped marker.\\n         * @default solid\\n         */\\n        this.variant = _marker_constants__WEBPACK_IMPORTED_MODULE_3__.MARKER_VARIANTS.SOLID;\\n    }\\n}\\nMarker.styles = [..._models__WEBPACK_IMPORTED_MODULE_2__.Component.styles, ..._marker_styles__WEBPACK_IMPORTED_MODULE_1__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: String, reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Marker.prototype, \\\"variant\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Marker);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/marker/marker.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/marker/marker.constants.js\":\n/*!****************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/marker/marker.constants.js ***!\n  \\****************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   MARKER_VARIANTS: () => (/* binding */ MARKER_VARIANTS),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('marker');\\nconst MARKER_VARIANTS = {\\n    SOLID: 'solid',\\n    STRIPED: 'striped',\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/marker/marker.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/marker/marker.styles.js\":\n/*!*************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/marker/marker.styles.js ***!\n  \\*************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n\\nconst styles = (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n  :host {\\n    --mdc-marker-width: 0.25rem;\\n    --mdc-marker-solid-background-color: var(--mds-color-theme-outline-secondary-normal);\\n    --mdc-marker-striped-color: var(--mds-color-theme-outline-secondary-normal);\\n    --mdc-marker-striped-background-color: transparent; \\n\\n    width: var(--mdc-marker-width);\\n    height: 100%;\\n    display: block;\\n  }\\n\\n  :host([variant='solid']) {\\n    background: var(--mdc-marker-solid-background-color);\\n  }\\n\\n  :host([variant='striped']) {\\n    background: repeating-linear-gradient(\\n      135deg,\\n      var(--mdc-marker-striped-color),\\n      var(--mdc-marker-striped-color) 0.1875rem,\\n      var(--mdc-marker-striped-background-color) 0.1875rem, \\n      var(--mdc-marker-striped-background-color) 0.375rem\\n    );\\n  }\\n`;\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([styles]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/marker/marker.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/modalcontainer/index.js\":\n/*!*************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/modalcontainer/index.js ***!\n  \\*************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _modalcontainer_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./modalcontainer.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.component.js\\\");\\n/* harmony import */ var _modalcontainer_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modalcontainer.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.constants.js\\\");\\n\\n\\n_modalcontainer_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_modalcontainer_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_modalcontainer_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/modalcontainer/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.component.js\":\n/*!********************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.component.js ***!\n  \\********************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lit/directives/if-defined.js */ \\\"../../../node_modules/lit/directives/if-defined.js\\\");\\n/* harmony import */ var _modalcontainer_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modalcontainer.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.styles.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _modalcontainer_constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modalcontainer.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.constants.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n\\n\\n/**\\n * The `mdc-modalcontainer` component is an element used to\\n * display a modal container that can further be used in popover.\\n *\\n * @tagname mdc-modalcontainer\\n *\\n * @cssproperty --mdc-modalcontainer-primary-background-color - primary background color of the modalcontainer\\n * @cssproperty --mdc-modalcontainer-border-color - border color of the modalcontainer\\n * @cssproperty --mdc-modalcontainer-inverted-background-color - inverted background color of the modalcontainer\\n * @cssproperty --mdc-modalcontainer-inverted-border-color - inverted border color of the modalcontainer\\n * @cssproperty --mdc-modalcontainer-inverted-text-color - inverted text color of the modalcontainer\\n *\\n * @slot - Default slot for modal container\\n */\\nclass Modalcontainer extends _models__WEBPACK_IMPORTED_MODULE_4__.Component {\\n    constructor() {\\n        super(...arguments);\\n        /**\\n         * Color of the modalcontainer\\n         * - **tonal**\\n         * - **contrast**\\n         * @default tonal\\n         */\\n        this.color = _modalcontainer_constants__WEBPACK_IMPORTED_MODULE_5__.DEFAULTS.COLOR;\\n        /**\\n         * Elevation of the modalcontainer where each value corresponds to a different drop shadow.\\n         * - **0**\\n         * - **1**\\n         * - **2**\\n         * - **3**\\n         * - **4**\\n         * @default 0\\n         */\\n        this.elevation = _modalcontainer_constants__WEBPACK_IMPORTED_MODULE_5__.DEFAULTS.ELEVATION;\\n        /**\\n         * Role of the modalcontainer\\n         * @default dialog\\n         */\\n        this.role = _modalcontainer_constants__WEBPACK_IMPORTED_MODULE_5__.DEFAULTS.ROLE;\\n    }\\n    render() {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n      <div \\n        id='mdc-modal-container' \\n        class='mdc-modal-container'  \\n        ?contrast=\\\"${this.color === 'contrast'}\\\"\\n        role=\\\"${this.role}\\\"\\n        aria-modal='true'\\n        aria-label=${(0,lit_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_2__.ifDefined)(this.ariaLabel)}\\n        data-elevation=\\\"${this.elevation}\\\"\\n        >\\n        <slot></slot>\\n      </div>\\n      `;\\n    }\\n}\\nModalcontainer.styles = [..._models__WEBPACK_IMPORTED_MODULE_4__.Component.styles, ..._modalcontainer_styles__WEBPACK_IMPORTED_MODULE_3__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Modalcontainer.prototype, \\\"color\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: Number, reflect: true }),\\n    __metadata(\\\"design:type\\\", Number)\\n], Modalcontainer.prototype, \\\"elevation\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String }),\\n    __metadata(\\\"design:type\\\", String)\\n], Modalcontainer.prototype, \\\"role\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Modalcontainer);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.constants.js\":\n/*!********************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.constants.js ***!\n  \\********************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   COLOR: () => (/* binding */ COLOR),\\n/* harmony export */   DEFAULTS: () => (/* binding */ DEFAULTS),\\n/* harmony export */   ELEVATION: () => (/* binding */ ELEVATION),\\n/* harmony export */   ROLE: () => (/* binding */ ROLE),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('modalcontainer');\\nconst COLOR = {\\n    TONAL: 'tonal',\\n    CONTRAST: 'contrast',\\n};\\nconst ELEVATION = {\\n    0: 0,\\n    1: 1,\\n    2: 2,\\n    3: 3,\\n    4: 4,\\n};\\nconst ROLE = {\\n    DIALOG: 'dialog',\\n    ALERT_DIALOG: 'alertdialog',\\n};\\nconst DEFAULTS = {\\n    COLOR: COLOR.TONAL,\\n    ELEVATION: ELEVATION[0],\\n    ROLE: ROLE.DIALOG,\\n    CHILDREN: 'Lorem ipsum dolor sit amet',\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.styles.js\":\n/*!*****************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.styles.js ***!\n  \\*****************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var _utils_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/styles */ \\\"../../../node_modules/@momentum-design/components/dist/utils/styles/index.js\\\");\\n\\n\\nconst styles = [\\n    _utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFitContentStyles,\\n    (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n    :host {\\n      --mdc-modalcontainer-primary-background-color: var(--mds-color-theme-background-solid-primary-normal);\\n      --mdc-modalcontainer-border-color: var(--mds-color-theme-outline-secondary-normal);\\n      --mdc-modalcontainer-inverted-background-color: var(--mds-color-theme-inverted-background-normal);\\n      --mdc-modalcontainer-inverted-border-color: var(--mds-color-theme-inverted-outline-primary-normal);\\n      --mdc-modalcontainer-inverted-text-color: var(--mds-color-theme-inverted-text-primary-normal);\\n      --mdc-modalcontainer-elevation-1: var(--mds-elevation-1);\\n      --mdc-modalcontainer-elevation-2: var(--mds-elevation-2);\\n      --mdc-modalcontainer-elevation-3: var(--mds-elevation-3);\\n      --mdc-modalcontainer-elevation-4: var(--mds-elevation-4);\\n    }\\n\\n    .mdc-modal-container {\\n      padding: 0.75rem;\\n      background-color: var(--mdc-modalcontainer-primary-background-color);\\n      border-radius: 0.5rem;\\n      border: 0.0625rem solid var(--mdc-modalcontainer-border-color);\\n    }\\n\\n    .mdc-modal-container[contrast] {\\n      background-color: var(--mdc-modalcontainer-inverted-background-color);\\n      border: 0.0625rem solid var(--mdc-modalcontainer-inverted-border-color);\\n      color: var(--mdc-modalcontainer-inverted-text-color);\\n    }\\n\\n    .mdc-modal-container[data-elevation='1'] {\\n      filter: var(--mdc-modalcontainer-elevation-1);\\n    }\\n    .mdc-modal-container[data-elevation='2'] {\\n      filter: var(--mdc-modalcontainer-elevation-2);\\n    }\\n    .mdc-modal-container[data-elevation='3'] {\\n      filter: var(--mdc-modalcontainer-elevation-3);\\n    }\\n    .mdc-modal-container[data-elevation='4'] {\\n      filter: var(--mdc-modalcontainer-elevation-4);\\n    }\\n  `,\\n];\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/presence/index.js\":\n/*!*******************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/presence/index.js ***!\n  \\*******************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _presence_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./presence.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/presence/presence.component.js\\\");\\n/* harmony import */ var _presence_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./presence.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/presence/presence.constants.js\\\");\\n/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../icon */ \\\"../../../node_modules/@momentum-design/components/dist/components/icon/index.js\\\");\\n\\n\\n\\n_presence_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_presence_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_presence_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/presence/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/presence/presence.component.js\":\n/*!********************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/presence/presence.component.js ***!\n  \\********************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _presence_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./presence.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/presence/presence.constants.js\\\");\\n/* harmony import */ var _presence_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./presence.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/presence/presence.styles.js\\\");\\n/* harmony import */ var _presence_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./presence.utils */ \\\"../../../node_modules/@momentum-design/components/dist/components/presence/presence.utils.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n\\n\\n/**\\n * The `mdc-presence` component is a versatile UI element used to\\n * display the presence status of a user or entity within an avatar component.\\n *\\n * This component is ideal for use within avatar UIs where the presence status\\n * needs to be visually represented.\\n *\\n * @dependency mdc-icon\\n *\\n * @tagname mdc-presence\\n */\\nclass Presence extends _models__WEBPACK_IMPORTED_MODULE_2__.Component {\\n    constructor() {\\n        super(...arguments);\\n        /**\\n         * Supported presence types:\\n         * - `active`\\n         * - `away`\\n         * - `away-calling`\\n         * - `busy`\\n         * - `dnd`\\n         * - `meeting`\\n         * - `on-call`\\n         * - `on-device`\\n         * - `on-mobile`\\n         * - `pause`\\n         * - `pto`\\n         * - `presenting`\\n         * - `quiet`\\n         * - `scheduled`\\n         * @default active\\n         */\\n        this.type = _presence_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.TYPE;\\n        /**\\n         * Acceptable values include:\\n         * - XX_SMALL\\n         * - X_SMALL\\n         * - SMALL\\n         * - MIDSIZE\\n         * - LARGE\\n         * - X_LARGE\\n         * - XX_LARGE\\n         *\\n         * Presence icons are minimum 14px in size, meaning XX_Small, X_Small and Small presence\\n         * icons will be no smaller than 14px.\\n         * @default small\\n         */\\n        this.size = _presence_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.SIZE;\\n        /**\\n         * @internal\\n         * State to track the current icon type (previous type until the new icon is loaded)\\n         */\\n        this.currentIconType = _presence_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.TYPE;\\n    }\\n    /**\\n     * Get the size of the presence icon based on the given size type\\n     */\\n    get iconSize() {\\n        switch (this.size) {\\n            case _presence_constants__WEBPACK_IMPORTED_MODULE_3__.SIZE.MIDSIZE:\\n                return 1.16125;\\n            case _presence_constants__WEBPACK_IMPORTED_MODULE_3__.SIZE.LARGE:\\n                return 1.30625;\\n            case _presence_constants__WEBPACK_IMPORTED_MODULE_3__.SIZE.X_LARGE:\\n                return 1.596875;\\n            case _presence_constants__WEBPACK_IMPORTED_MODULE_3__.SIZE.XX_LARGE:\\n                return 2.25;\\n            case _presence_constants__WEBPACK_IMPORTED_MODULE_3__.SIZE.XX_SMALL:\\n            case _presence_constants__WEBPACK_IMPORTED_MODULE_3__.SIZE.X_SMALL:\\n            case _presence_constants__WEBPACK_IMPORTED_MODULE_3__.SIZE.SMALL:\\n            default:\\n                this.size = _presence_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.SIZE;\\n                return 0.875;\\n        }\\n    }\\n    /**\\n     * Get the icon name based on the presence type\\n     */\\n    get icon() {\\n        const iconName = (0,_presence_utils__WEBPACK_IMPORTED_MODULE_5__.getIconValue)(this.type);\\n        if (iconName === 'active-presence-small-filled') {\\n            this.type = _presence_constants__WEBPACK_IMPORTED_MODULE_3__.DEFAULTS.TYPE;\\n        }\\n        return iconName;\\n    }\\n    /**\\n      * Handles the successful load of an icon.\\n      * Sets the `currentIconType` property to match the `type` property.\\n    */\\n    handleOnLoad() {\\n        this.currentIconType = this.type;\\n    }\\n    /**\\n     * Handles an error that occurs when loading an icon.\\n    */\\n    handleOnError() {\\n        if (this.onerror) {\\n            this.onerror('There was a problem while fetching the icon. Please check the icon name and try again.');\\n        }\\n    }\\n    render() {\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `\\n      <div class=\\\"mdc-presence mdc-presence__${this.size}\\\">\\n        <mdc-icon\\n          class=\\\"mdc-presence-icon mdc-presence-icon__${this.currentIconType}\\\"\\n          name=\\\"${this.icon}\\\"\\n          size=\\\"${this.iconSize}\\\"\\n          @load=\\\"${this.handleOnLoad}\\\"\\n          @error=\\\"${this.handleOnError}\\\"\\n        ></mdc-icon>\\n      </div>\\n    `;\\n    }\\n}\\nPresence.styles = [..._models__WEBPACK_IMPORTED_MODULE_2__.Component.styles, ..._presence_styles__WEBPACK_IMPORTED_MODULE_4__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Presence.prototype, \\\"type\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ type: String, reflect: true }),\\n    __metadata(\\\"design:type\\\", String)\\n], Presence.prototype, \\\"size\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.state)(),\\n    __metadata(\\\"design:type\\\", String)\\n], Presence.prototype, \\\"currentIconType\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Presence);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/presence/presence.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/presence/presence.constants.js\":\n/*!********************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/presence/presence.constants.js ***!\n  \\********************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   DEFAULTS: () => (/* binding */ DEFAULTS),\\n/* harmony export */   SIZE: () => (/* binding */ SIZE),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME),\\n/* harmony export */   TYPE: () => (/* binding */ TYPE)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('presence');\\nconst TYPE = {\\n    ACTIVE: 'active',\\n    AWAY: 'away',\\n    AWAY_CALLING: 'away-calling',\\n    BUSY: 'busy',\\n    DND: 'dnd',\\n    MEETING: 'meeting',\\n    ON_CALL: 'on-call',\\n    ON_DEVICE: 'on-device',\\n    ON_MOBILE: 'on-mobile',\\n    PAUSE: 'pause',\\n    PTO: 'pto',\\n    PRESENTING: 'presenting',\\n    QUIET: 'quiet',\\n    SCHEDULED: 'scheduled',\\n};\\nconst SIZE = {\\n    XX_SMALL: 'xx_small',\\n    X_SMALL: 'x_small',\\n    SMALL: 'small',\\n    MIDSIZE: 'midsize',\\n    LARGE: 'large',\\n    X_LARGE: 'x_large',\\n    XX_LARGE: 'xx_large',\\n};\\nconst DEFAULTS = {\\n    TYPE: TYPE.ACTIVE,\\n    SIZE: SIZE.SMALL,\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/presence/presence.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/presence/presence.styles.js\":\n/*!*****************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/presence/presence.styles.js ***!\n  \\*****************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var _utils_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/styles */ \\\"../../../node_modules/@momentum-design/components/dist/utils/styles/index.js\\\");\\n\\n\\nconst styles = [\\n    _utils_styles__WEBPACK_IMPORTED_MODULE_1__.hostFitContentStyles,\\n    (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n    :host {\\n      --mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);\\n      \\n      --mdc-presence-away-background-color: var(--mds-color-theme-indicator-locked);\\n      \\n      --mdc-presence-away-calling-background-color: var(--mds-color-theme-indicator-locked);\\n\\n      --mdc-presence-busy-background-color: var(--mds-color-theme-indicator-unstable);\\n      \\n      --mdc-presence-dnd-background-color: var(--mds-color-theme-indicator-attention);\\n      \\n      --mdc-presence-meeting-background-color: var(--mds-color-theme-indicator-unstable);\\n\\n      --mdc-presence-on-call-background-color: var(--mds-color-theme-indicator-unstable);\\n      \\n      --mdc-presence-on-device-background-color: var(--mds-color-theme-indicator-locked);\\n      \\n      --mdc-presence-on-mobile-background-color: var(--mds-color-theme-indicator-locked);\\n\\n      --mdc-presence-pause-background-color: var(--mds-color-theme-indicator-locked);\\n\\n      --mdc-presence-pto-background-color: var(--mds-color-theme-indicator-locked);\\n      \\n      --mdc-presence-presenting-background-color: var(--mds-color-theme-indicator-attention);\\n\\n      --mdc-presence-quiet-background-color: var(--mds-color-theme-indicator-locked);\\n\\n      --mdc-presence-scheduled-background-color: var(--mds-color-theme-indicator-unstable);\\n\\n      --mdc-presence-overlay-background-color: var(--mds-color-theme-background-solid-primary-normal);\\n    }\\n\\n    .mdc-presence {\\n      border-radius: 50%;\\n      background-color: var(--mdc-presence-overlay-background-color);\\n      display: flex;\\n      justify-content: center;\\n      align-items: center;\\n    }\\n    .mdc-presence__xx_small,\\n    .mdc-presence__x_small,\\n    .mdc-presence__small {\\n      width: 1.0625rem;\\n      height: 1.0625rem;\\n    }\\n    .mdc-presence__midsize {\\n      width: 1.419375rem;\\n      height: 1.419375rem;\\n    }\\n    .mdc-presence__large {\\n      width: 1.596875rem;\\n      height: 1.596875rem;\\n    }\\n    .mdc-presence__x_large {\\n      width: 1.951875rem;\\n      height: 1.951875rem;\\n    }\\n    .mdc-presence__xx_large {\\n      width: 2.75rem;\\n      height: 2.75rem;\\n    }\\n\\n    .mdc-presence-icon {\\n      border-radius: 50%;\\n    }\\n    .mdc-presence-icon__active {\\n      color: var(--mdc-presence-active-background-color);\\n    }\\n    .mdc-presence-icon__away {\\n      color: var(--mdc-presence-away-background-color);\\n    }\\n    .mdc-presence-icon__away-calling {\\n      color: var(--mdc-presence-away-calling-background-color);\\n    }\\n    .mdc-presence-icon__busy {\\n      color: var(--mdc-presence-busy-background-color);\\n    }\\n    .mdc-presence-icon__dnd {\\n      color: var(--mdc-presence-dnd-background-color);\\n    }\\n    .mdc-presence-icon__meeting {\\n      color: var(--mdc-presence-meeting-background-color);\\n    }\\n    .mdc-presence-icon__on-call {\\n      color: var(--mdc-presence-on-call-background-color);\\n    }\\n    .mdc-presence-icon__on-device {\\n      color: var(--mdc-presence-on-device-background-color);\\n    }\\n    .mdc-presence-icon__on-mobile {\\n      color: var(--mdc-presence-on-mobile-background-color);\\n    }\\n    .mdc-presence-icon__pause {\\n      color: var(--mdc-presence-pause-background-color);\\n    }\\n    .mdc-presence-icon__pto {\\n      color: var(--mdc-presence-pto-background-color);\\n    }\\n    .mdc-presence-icon__presenting {\\n      color: var(--mdc-presence-presenting-background-color);\\n    }\\n    .mdc-presence-icon__quiet {\\n      color: var(--mdc-presence-quiet-background-color);\\n    }\\n    .mdc-presence-icon__scheduled {\\n      color: var(--mdc-presence-scheduled-background-color);\\n    }\\n  `,\\n];\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/presence/presence.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/presence/presence.utils.js\":\n/*!****************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/presence/presence.utils.js ***!\n  \\****************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   getIconValue: () => (/* binding */ getIconValue)\\n/* harmony export */ });\\n/* harmony import */ var _presence_constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./presence.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/presence/presence.constants.js\\\");\\n\\nconst getIconValue = (type) => {\\n    switch (type) {\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.AWAY:\\n            return 'recents-presence-badge-filled';\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.AWAY_CALLING:\\n            return 'away-calling-presence-filled';\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.BUSY:\\n            return 'busy-presence-bold';\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.DND:\\n            return 'dnd-presence-badge-filled';\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.MEETING:\\n            return 'camera-filled';\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.ON_CALL:\\n            return 'handset-filled';\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.ON_DEVICE:\\n            return 'generic-device-video-badge-filled';\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.ON_MOBILE:\\n            return 'phone-badge-filled';\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.PAUSE:\\n            return 'pause-badge-filled';\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.PTO:\\n            return 'pto-presence-filled';\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.PRESENTING:\\n            return 'share-screen-badge-filled';\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.QUIET:\\n            return 'quiet-hours-presence-filled';\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.SCHEDULED:\\n            return 'meetings-presence-badge-filled';\\n        case _presence_constants__WEBPACK_IMPORTED_MODULE_0__.TYPE.ACTIVE:\\n        default:\\n            return 'active-presence-small-filled';\\n    }\\n};\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/presence/presence.utils.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/text/fonts.styles.js\":\n/*!**********************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/text/fonts.styles.js ***!\n  \\**********************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   fontsStyles: () => (/* binding */ fontsStyles)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n\\nconst fontsStyles = (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n  :host::part(text) {\\n    font-size: unset;\\n    font-weight: unset;\\n    line-height: unset;\\n    text-decoration: unset;\\n    text-transform: unset;\\n    white-space: inherit;\\n    overflow: inherit;\\n    text-overflow: inherit;\\n  }\\n\\n  :host([type=\\\"headline-small-regular\\\"]) {\\n    font-size: var(--mds-font-apps-headline-small-regular-font-size);\\n    font-weight: var(--mds-font-apps-headline-small-regular-font-weight);\\n    line-height: var(--mds-font-apps-headline-small-regular-line-height);\\n    text-decoration: var(--mds-font-apps-headline-small-regular-text-decoration);\\n    text-transform: var(--mds-font-apps-headline-small-regular-text-case);\\n  }\\n\\n  :host([type=\\\"headline-small-light\\\"]) {\\n    font-size: var(--mds-font-apps-headline-small-light-font-size);\\n    font-weight: var(--mds-font-apps-headline-small-light-font-weight);\\n    line-height: var(--mds-font-apps-headline-small-light-line-height);\\n    text-decoration: var(--mds-font-apps-headline-small-light-text-decoration);\\n    text-transform: var(--mds-font-apps-headline-small-light-text-case);\\n  }\\n\\n  :host([type=\\\"heading-xlarge-bold\\\"]) {\\n    font-size: var(--mds-font-apps-heading-xlarge-bold-font-size);\\n    font-weight: var(--mds-font-apps-heading-xlarge-bold-font-weight);\\n    line-height: var(--mds-font-apps-heading-xlarge-bold-line-height);\\n    text-decoration: var(--mds-font-apps-heading-xlarge-bold-text-decoration);\\n    text-transform: var(--mds-font-apps-heading-xlarge-bold-text-case);\\n  }\\n  \\n  :host([type=\\\"heading-xlarge-medium\\\"]) {\\n    font-size: var(--mds-font-apps-heading-xlarge-medium-font-size);\\n    font-weight: var(--mds-font-apps-heading-xlarge-medium-font-weight);\\n    line-height: var(--mds-font-apps-heading-xlarge-medium-line-height);\\n    text-decoration: var(--mds-font-apps-heading-xlarge-medium-text-decoration);\\n    text-transform: var(--mds-font-apps-heading-xlarge-medium-text-case);\\n  }\\n  \\n  :host([type=\\\"heading-xlarge-regular\\\"]) {\\n    font-size: var(--mds-font-apps-heading-xlarge-regular-font-size);\\n    font-weight: var(--mds-font-apps-heading-xlarge-regular-font-weight);\\n    line-height: var(--mds-font-apps-heading-xlarge-regular-line-height);\\n    text-decoration: var(--mds-font-apps-heading-xlarge-regular-text-decoration);\\n    text-transform: var(--mds-font-apps-heading-xlarge-regular-text-case);\\n  }\\n\\n  :host([type=\\\"heading-large-bold\\\"]) {\\n    font-size: var(--mds-font-apps-heading-large-bold-font-size);\\n    font-weight: var(--mds-font-apps-heading-large-bold-font-weight);\\n    line-height: var(--mds-font-apps-heading-large-bold-line-height);\\n    text-decoration: var(--mds-font-apps-heading-large-bold-text-decoration);\\n    text-transform: var(--mds-font-apps-heading-large-bold-text-case);\\n  }\\n  \\n  :host([type=\\\"heading-large-medium\\\"]) {\\n    font-size: var(--mds-font-apps-heading-large-medium-font-size);\\n    font-weight: var(--mds-font-apps-heading-large-medium-font-weight);\\n    line-height: var(--mds-font-apps-heading-large-medium-line-height);\\n    text-decoration: var(--mds-font-apps-heading-large-medium-text-decoration);\\n    text-transform: var(--mds-font-apps-heading-large-medium-text-case);\\n  }\\n  \\n  :host([type=\\\"heading-large-regular\\\"]) {\\n    font-size: var(--mds-font-apps-heading-large-regular-font-size);\\n    font-weight: var(--mds-font-apps-heading-large-regular-font-weight);\\n    line-height: var(--mds-font-apps-heading-large-regular-line-height);\\n    text-decoration: var(--mds-font-apps-heading-large-regular-text-decoration);\\n    text-transform: var(--mds-font-apps-heading-large-regular-text-case);\\n  }\\n\\n  :host([type=\\\"heading-midsize-bold\\\"]) {\\n    font-size: var(--mds-font-apps-heading-midsize-bold-font-size);\\n    font-weight: var(--mds-font-apps-heading-midsize-bold-font-weight);\\n    line-height: var(--mds-font-apps-heading-midsize-bold-line-height);\\n    text-decoration: var(--mds-font-apps-heading-midsize-bold-text-decoration);\\n    text-transform: var(--mds-font-apps-heading-midsize-bold-text-case);\\n  }\\n  \\n  :host([type=\\\"heading-midsize-medium\\\"]) {\\n    font-size: var(--mds-font-apps-heading-midsize-medium-font-size);\\n    font-weight: var(--mds-font-apps-heading-midsize-medium-font-weight);\\n    line-height: var(--mds-font-apps-heading-midsize-medium-line-height);\\n    text-decoration: var(--mds-font-apps-heading-midsize-medium-text-decoration);\\n    text-transform: var(--mds-font-apps-heading-midsize-medium-text-case);\\n  }\\n  \\n  :host([type=\\\"heading-midsize-regular\\\"]) {\\n    font-size: var(--mds-font-apps-heading-midsize-regular-font-size);\\n    font-weight: var(--mds-font-apps-heading-midsize-regular-font-weight);\\n    line-height: var(--mds-font-apps-heading-midsize-regular-line-height);\\n    text-decoration: var(--mds-font-apps-heading-midsize-regular-text-decoration);\\n    text-transform: var(--mds-font-apps-heading-midsize-regular-text-case);\\n  }\\n\\n  :host([type=\\\"heading-small-bold\\\"]) {\\n    font-size: var(--mds-font-apps-heading-small-bold-font-size);\\n    font-weight: var(--mds-font-apps-heading-small-bold-font-weight);\\n    line-height: var(--mds-font-apps-heading-small-bold-line-height);\\n    text-decoration: var(--mds-font-apps-heading-small-bold-text-decoration);\\n    text-transform: var(--mds-font-apps-heading-small-bold-text-case);\\n  }\\n  \\n  :host([type=\\\"heading-small-medium\\\"]) {\\n    font-size: var(--mds-font-apps-heading-small-medium-font-size);\\n    font-weight: var(--mds-font-apps-heading-small-medium-font-weight);\\n    line-height: var(--mds-font-apps-heading-small-medium-line-height);\\n    text-decoration: var(--mds-font-apps-heading-small-medium-text-decoration);\\n    text-transform: var(--mds-font-apps-heading-small-medium-text-case);\\n  }\\n  \\n  :host([type=\\\"heading-small-regular\\\"]) {\\n    font-size: var(--mds-font-apps-heading-small-regular-font-size);\\n    font-weight: var(--mds-font-apps-heading-small-regular-font-weight);\\n    line-height: var(--mds-font-apps-heading-small-regular-line-height);\\n    text-decoration: var(--mds-font-apps-heading-small-regular-text-decoration);\\n    text-transform: var(--mds-font-apps-heading-small-regular-text-case);\\n  }\\n\\n  :host([type=\\\"body-large-bold\\\"]) {\\n    font-size: var(--mds-font-apps-body-large-bold-font-size);\\n    font-weight: var(--mds-font-apps-body-large-bold-font-weight);\\n    line-height: var(--mds-font-apps-body-large-bold-line-height);\\n    text-decoration: var(--mds-font-apps-body-large-bold-text-decoration);\\n    text-transform: var(--mds-font-apps-body-large-bold-text-case);\\n  }\\n  \\n  :host([type=\\\"body-large-medium-underline\\\"]) {\\n    font-size: var(--mds-font-apps-body-large-medium-underline-font-size);\\n    font-weight: var(--mds-font-apps-body-large-medium-underline-font-weight);\\n    line-height: var(--mds-font-apps-body-large-medium-underline-line-height);\\n    text-decoration: var(--mds-font-apps-body-large-medium-underline-text-decoration);\\n    text-transform: var(--mds-font-apps-body-large-medium-underline-text-case);\\n  }\\n  \\n  :host([type=\\\"body-large-medium\\\"]) {\\n    font-size: var(--mds-font-apps-body-large-medium-font-size);\\n    font-weight: var(--mds-font-apps-body-large-medium-font-weight);\\n    line-height: var(--mds-font-apps-body-large-medium-line-height);\\n    text-decoration: var(--mds-font-apps-body-large-medium-text-decoration);\\n    text-transform: var(--mds-font-apps-body-large-medium-text-case);\\n  }\\n  \\n  :host([type=\\\"body-large-regular-underline\\\"]) {\\n    font-size: var(--mds-font-apps-body-large-regular-underline-font-size);\\n    font-weight: var(--mds-font-apps-body-large-regular-underline-font-weight);\\n    line-height: var(--mds-font-apps-body-large-regular-underline-line-height);\\n    text-decoration: var(--mds-font-apps-body-large-regular-underline-text-decoration);\\n    text-transform: var(--mds-font-apps-body-large-regular-underline-text-case);\\n  }\\n  \\n  :host([type=\\\"body-large-regular\\\"]) {\\n    font-size: var(--mds-font-apps-body-large-regular-font-size);\\n    font-weight: var(--mds-font-apps-body-large-regular-font-weight);\\n    line-height: var(--mds-font-apps-body-large-regular-line-height);\\n    text-decoration: var(--mds-font-apps-body-large-regular-text-decoration);\\n    text-transform: var(--mds-font-apps-body-large-regular-text-case);\\n  }\\n\\n  :host([type=\\\"body-midsize-bold\\\"]) {\\n    font-size: var(--mds-font-apps-body-midsize-bold-font-size);\\n    font-weight: var(--mds-font-apps-body-midsize-bold-font-weight);\\n    line-height: var(--mds-font-apps-body-midsize-bold-line-height);\\n    text-decoration: var(--mds-font-apps-body-midsize-bold-text-decoration);\\n    text-transform: var(--mds-font-apps-body-midsize-bold-text-case);\\n  }\\n  \\n  :host([type=\\\"body-midsize-medium-underline\\\"]) {\\n    font-size: var(--mds-font-apps-body-midsize-medium-underline-font-size);\\n    font-weight: var(--mds-font-apps-body-midsize-medium-underline-font-weight);\\n    line-height: var(--mds-font-apps-body-midsize-medium-underline-line-height);\\n    text-decoration: var(--mds-font-apps-body-midsize-medium-underline-text-decoration);\\n    text-transform: var(--mds-font-apps-body-midsize-medium-underline-text-case);\\n  }\\n  \\n  :host([type=\\\"body-midsize-medium\\\"]) {\\n    font-size: var(--mds-font-apps-body-midsize-medium-font-size);\\n    font-weight: var(--mds-font-apps-body-midsize-medium-font-weight);\\n    line-height: var(--mds-font-apps-body-midsize-medium-line-height);\\n    text-decoration: var(--mds-font-apps-body-midsize-medium-text-decoration);\\n    text-transform: var(--mds-font-apps-body-midsize-medium-text-case);\\n  }\\n  \\n  :host([type=\\\"body-midsize-regular-underline\\\"]) {\\n    font-size: var(--mds-font-apps-body-midsize-regular-underline-font-size);\\n    font-weight: var(--mds-font-apps-body-midsize-regular-underline-font-weight);\\n    line-height: var(--mds-font-apps-body-midsize-regular-underline-line-height);\\n    text-decoration: var(--mds-font-apps-body-midsize-regular-underline-text-decoration);\\n    text-transform: var(--mds-font-apps-body-midsize-regular-underline-text-case);\\n  }\\n  \\n  :host([type=\\\"body-midsize-regular\\\"]) {\\n    font-size: var(--mds-font-apps-body-midsize-regular-font-size);\\n    font-weight: var(--mds-font-apps-body-midsize-regular-font-weight);\\n    line-height: var(--mds-font-apps-body-midsize-regular-line-height);\\n    text-decoration: var(--mds-font-apps-body-midsize-regular-text-decoration);\\n    text-transform: var(--mds-font-apps-body-midsize-regular-text-case);\\n  }\\n\\n  :host([type=\\\"body-small-bold\\\"]) {\\n    font-size: var(--mds-font-apps-body-small-bold-font-size);\\n    font-weight: var(--mds-font-apps-body-small-bold-font-weight);\\n    line-height: var(--mds-font-apps-body-small-bold-line-height);\\n    text-decoration: var(--mds-font-apps-body-small-bold-text-decoration);\\n    text-transform: var(--mds-font-apps-body-small-bold-text-case);\\n  }\\n  \\n  :host([type=\\\"body-small-medium-underline\\\"]) {\\n    font-size: var(--mds-font-apps-body-small-medium-underline-font-size);\\n    font-weight: var(--mds-font-apps-body-small-medium-underline-font-weight);\\n    line-height: var(--mds-font-apps-body-small-medium-underline-line-height);\\n    text-decoration: var(--mds-font-apps-body-small-medium-underline-text-decoration);\\n    text-transform: var(--mds-font-apps-body-small-medium-underline-text-case);\\n  }\\n  \\n  :host([type=\\\"body-small-medium\\\"]) {\\n    font-size: var(--mds-font-apps-body-small-medium-font-size);\\n    font-weight: var(--mds-font-apps-body-small-medium-font-weight);\\n    line-height: var(--mds-font-apps-body-small-medium-line-height);\\n    text-decoration: var(--mds-font-apps-body-small-medium-text-decoration);\\n    text-transform: var(--mds-font-apps-body-small-medium-text-case);\\n  }\\n  \\n  :host([type=\\\"body-small-regular-underline\\\"]) {\\n    font-size: var(--mds-font-apps-body-small-regular-underline-font-size);\\n    font-weight: var(--mds-font-apps-body-small-regular-underline-font-weight);\\n    line-height: var(--mds-font-apps-body-small-regular-underline-line-height);\\n    text-decoration: var(--mds-font-apps-body-small-regular-underline-text-decoration);\\n    text-transform: var(--mds-font-apps-body-small-regular-underline-text-case);\\n  }\\n  \\n  :host([type=\\\"body-small-regular\\\"]) {\\n    font-size: var(--mds-font-apps-body-small-regular-font-size);\\n    font-weight: var(--mds-font-apps-body-small-regular-font-weight);\\n    line-height: var(--mds-font-apps-body-small-regular-line-height);\\n    text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);\\n    text-transform: var(--mds-font-apps-body-small-regular-text-case);\\n  }\\n`;\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/text/fonts.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/text/index.js\":\n/*!***************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/text/index.js ***!\n  \\***************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _text_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./text.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/text.component.js\\\");\\n/* harmony import */ var _text_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./text.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/text.constants.js\\\");\\n\\n\\n_text_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_text_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_text_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/text/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/text/text.component.js\":\n/*!************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/text/text.component.js ***!\n  \\************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var _text_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./text.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/text.styles.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _text_constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./text.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/text.constants.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n\\n/**\\n * Text component for creating styled text elements.\\n * It has to be mounted within the ThemeProvider to access color and font tokens.\\n *\\n * The `type` attribute allows changing the text style.\\n * The `tagname` attribute allows changing the tag name of the text element.\\n * The default tag name is `p`.\\n *\\n * The `tagname` attribute should be a valid HTML tag name.\\n * If the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\\n *\\n * The styling is applied based on the `type` attribute.\\n *\\n * @tagname mdc-text\\n * @slot - Default slot for text content\\n *\\n * @csspart text - The text element\\n */\\nclass Text extends _models__WEBPACK_IMPORTED_MODULE_3__.Component {\\n    constructor() {\\n        super(...arguments);\\n        /**\\n         * Specifies the text style to be applied.\\n         *\\n         * Acceptable values include:\\n         *\\n         * - 'body-small-regular'\\n         * - 'body-small-medium'\\n         * - 'body-small-bold'\\n         * - 'body-midsize-regular'\\n         * - 'body-midsize-medium'\\n         * - 'body-midsize-bold'\\n         * - 'body-large-regular'\\n         * - 'body-large-medium'\\n         * - 'body-large-bold'\\n         * - 'body-small-regular-underline'\\n         * - 'body-small-medium-underline'\\n         * - 'body-midsize-regular-underline'\\n         * - 'body-midsize-medium-underline'\\n         * - 'body-large-regular-underline'\\n         * - 'body-large-medium-underline'\\n         * - 'heading-small-regular'\\n         * - 'heading-small-medium'\\n         * - 'heading-small-bold'\\n         * - 'heading-midsize-regular'\\n         * - 'heading-midsize-medium'\\n         * - 'heading-midsize-bold'\\n         * - 'heading-large-regular'\\n         * - 'heading-large-medium'\\n         * - 'heading-large-bold'\\n         * - 'heading-xlarge-regular'\\n         * - 'heading-xlarge-medium'\\n         * - 'heading-xlarge-bold'\\n         * - 'headline-small-light'\\n         * - 'headline-small-regular'\\n         * @default body-large-regular\\n         */\\n        this.type = _text_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.TYPE;\\n        /**\\n         * Specifies the HTML tag name for the text element. The default tag name is `p`.\\n         * This attribute is optional. When set, it changes the tag name of the text element.\\n         *\\n         * Acceptable values include:\\n         *\\n         * - 'h1'\\n         * - 'h2'\\n         * - 'h3'\\n         * - 'h4'\\n         * - 'h5'\\n         * - 'h6'\\n         * - 'p'\\n         * - 'small'\\n         * - 'span'\\n         * - 'div'\\n         *\\n         * For instance, setting this attribute to `h2` will render the text element as an `h2` element.\\n         * Note that the styling is determined by the `type` attribute.\\n         */\\n        this.tagname = _text_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.TEXT_ELEMENT_TAGNAME;\\n    }\\n    render() {\\n        // Lit does not support dynamically changing values for the tag name of a custom element.\\n        // Read more: https://lit.dev/docs/templates/expressions/#invalid-locations\\n        switch (this.tagname) {\\n            case _text_constants__WEBPACK_IMPORTED_MODULE_4__.VALID_TEXT_TAGS.H1: return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<h1 part=${_text_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.CSS_PART_TEXT}><slot></slot></h1>`;\\n            case _text_constants__WEBPACK_IMPORTED_MODULE_4__.VALID_TEXT_TAGS.H2: return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<h2 part=${_text_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.CSS_PART_TEXT}><slot></slot></h2>`;\\n            case _text_constants__WEBPACK_IMPORTED_MODULE_4__.VALID_TEXT_TAGS.H3: return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<h3 part=${_text_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.CSS_PART_TEXT}><slot></slot></h3>`;\\n            case _text_constants__WEBPACK_IMPORTED_MODULE_4__.VALID_TEXT_TAGS.H4: return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<h4 part=${_text_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.CSS_PART_TEXT}><slot></slot></h4>`;\\n            case _text_constants__WEBPACK_IMPORTED_MODULE_4__.VALID_TEXT_TAGS.H5: return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<h5 part=${_text_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.CSS_PART_TEXT}><slot></slot></h5>`;\\n            case _text_constants__WEBPACK_IMPORTED_MODULE_4__.VALID_TEXT_TAGS.H6: return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<h6 part=${_text_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.CSS_PART_TEXT}><slot></slot></h6>`;\\n            case _text_constants__WEBPACK_IMPORTED_MODULE_4__.VALID_TEXT_TAGS.DIV: return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<div part=${_text_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.CSS_PART_TEXT}><slot></slot></div>`;\\n            case _text_constants__WEBPACK_IMPORTED_MODULE_4__.VALID_TEXT_TAGS.SPAN: return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<span part=${_text_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.CSS_PART_TEXT}><slot></slot></span>`;\\n            case _text_constants__WEBPACK_IMPORTED_MODULE_4__.VALID_TEXT_TAGS.SMALL: return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<small part=${_text_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.CSS_PART_TEXT}><slot></slot></small>`;\\n            case _text_constants__WEBPACK_IMPORTED_MODULE_4__.VALID_TEXT_TAGS.P:\\n            default: return (0,lit__WEBPACK_IMPORTED_MODULE_0__.html) `<p part=${_text_constants__WEBPACK_IMPORTED_MODULE_4__.DEFAULTS.CSS_PART_TEXT}><slot></slot></p>`;\\n        }\\n    }\\n}\\nText.styles = [..._models__WEBPACK_IMPORTED_MODULE_3__.Component.styles, ..._text_styles__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ attribute: 'type', reflect: true, type: String }),\\n    __metadata(\\\"design:type\\\", String)\\n], Text.prototype, \\\"type\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_1__.property)({ attribute: 'tagname', reflect: true, type: String }),\\n    __metadata(\\\"design:type\\\", String)\\n], Text.prototype, \\\"tagname\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Text);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/text/text.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/text/text.constants.js\":\n/*!************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/text/text.constants.js ***!\n  \\************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   DEFAULTS: () => (/* binding */ DEFAULTS),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME),\\n/* harmony export */   TYPE: () => (/* binding */ TYPE),\\n/* harmony export */   VALID_TEXT_TAGS: () => (/* binding */ VALID_TEXT_TAGS)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('text');\\nconst TYPE = {\\n    BODY_SMALL_REGULAR: 'body-small-regular',\\n    BODY_SMALL_MEDIUM: 'body-small-medium',\\n    BODY_SMALL_BOLD: 'body-small-bold',\\n    BODY_MIDSIZE_REGULAR: 'body-midsize-regular',\\n    BODY_MIDSIZE_MEDIUM: 'body-midsize-medium',\\n    BODY_MIDSIZE_BOLD: 'body-midsize-bold',\\n    BODY_LARGE_REGULAR: 'body-large-regular',\\n    BODY_LARGE_MEDIUM: 'body-large-medium',\\n    BODY_LARGE_BOLD: 'body-large-bold',\\n    BODY_SMALL_REGULAR_UNDERLINE: 'body-small-regular-underline',\\n    BODY_SMALL_MEDIUM_UNDERLINE: 'body-small-medium-underline',\\n    BODY_MIDSIZE_REGULAR_UNDERLINE: 'body-midsize-regular-underline',\\n    BODY_MIDSIZE_MEDIUM_UNDERLINE: 'body-midsize-medium-underline',\\n    BODY_LARGE_REGULAR_UNDERLINE: 'body-large-regular-underline',\\n    BODY_LARGE_MEDIUM_UNDERLINE: 'body-large-medium-underline',\\n    HEADING_SMALL_REGULAR: 'heading-small-regular',\\n    HEADING_SMALL_MEDIUM: 'heading-small-medium',\\n    HEADING_SMALL_BOLD: 'heading-small-bold',\\n    HEADING_MIDSIZE_REGULAR: 'heading-midsize-regular',\\n    HEADING_MIDSIZE_MEDIUM: 'heading-midsize-medium',\\n    HEADING_MIDSIZE_BOLD: 'heading-midsize-bold',\\n    HEADING_LARGE_REGULAR: 'heading-large-regular',\\n    HEADING_LARGE_MEDIUM: 'heading-large-medium',\\n    HEADING_LARGE_BOLD: 'heading-large-bold',\\n    HEADING_XLARGE_REGULAR: 'heading-xlarge-regular',\\n    HEADING_XLARGE_MEDIUM: 'heading-xlarge-medium',\\n    HEADING_XLARGE_BOLD: 'heading-xlarge-bold',\\n    HEADLINE_SMALL_LIGHT: 'headline-small-light',\\n    HEADLINE_SMALL_REGULAR: 'headline-small-regular',\\n};\\nconst VALID_TEXT_TAGS = {\\n    H1: 'h1',\\n    H2: 'h2',\\n    H3: 'h3',\\n    H4: 'h4',\\n    H5: 'h5',\\n    H6: 'h6',\\n    P: 'p',\\n    SMALL: 'small',\\n    SPAN: 'span',\\n    DIV: 'div',\\n};\\nconst DEFAULTS = {\\n    TYPE: TYPE.BODY_LARGE_REGULAR,\\n    TEXT_ELEMENT_TAGNAME: VALID_TEXT_TAGS.P,\\n    CSS_PART_TEXT: 'text',\\n    CHILDREN: 'The quick brown fox jumps over the lazy dog',\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/text/text.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/text/text.styles.js\":\n/*!*********************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/text/text.styles.js ***!\n  \\*********************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var _fonts_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./fonts.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/fonts.styles.js\\\");\\n\\n\\nconst styles = [\\n    (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n    :host {\\n      --mdc-text-font-family: var(--mdc-themeprovider-font-family);\\n\\n      display: block;\\n      font-family: var(--mdc-text-font-family);\\n    }\\n  `,\\n    // type specific font styles:\\n    _fonts_styles__WEBPACK_IMPORTED_MODULE_1__.fontsStyles,\\n];\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/text/text.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/themeprovider/index.js\":\n/*!************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/themeprovider/index.js ***!\n  \\************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _themeprovider_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./themeprovider.component */ \\\"../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.component.js\\\");\\n/* harmony import */ var _themeprovider_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./themeprovider.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.constants.js\\\");\\n\\n\\n_themeprovider_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].register(_themeprovider_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_themeprovider_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/themeprovider/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.component.js\":\n/*!******************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.component.js ***!\n  \\******************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var _themeprovider_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./themeprovider.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.constants.js\\\");\\n/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../models */ \\\"../../../node_modules/@momentum-design/components/dist/models/index.js\\\");\\n/* harmony import */ var _themeprovider_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./themeprovider.context */ \\\"../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.context.js\\\");\\n/* harmony import */ var _themeprovider_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./themeprovider.styles */ \\\"../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.styles.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\n\\n\\n\\n/**\\n * ThemeProvider component, which sets the passed in themeclass as class.\\n * If the themeclass switches, the existing themeclass will be removed as a class\\n * and the new themeclass will be added.\\n *\\n * CSS variables defined in the themeclass will be used for the styling of child dom nodes.\\n *\\n * Themeclass context can be be consumed from Lit child components\\n * (see providerUtils.consume for how to consume)\\n *\\n * ThemeProvider also includes basic font defaults for text.\\n *\\n * @tagname mdc-themeprovider\\n *\\n * @slot - children\\n *\\n * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,\\n * default: color-theme-text-primary-normal\\n * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,\\n * default: `Momentum` (from momentum-design/fonts)\\n * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`\\n * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,\\n * default: `-0.25px` (this is to match the old CiscoSans)\\n */\\nclass ThemeProvider extends _models__WEBPACK_IMPORTED_MODULE_2__.Provider {\\n    constructor() {\\n        super({\\n            context: _themeprovider_context__WEBPACK_IMPORTED_MODULE_3__[\\\"default\\\"].context,\\n            initialValue: new _themeprovider_context__WEBPACK_IMPORTED_MODULE_3__[\\\"default\\\"](_themeprovider_constants__WEBPACK_IMPORTED_MODULE_1__.DEFAULTS.THEMECLASS),\\n        });\\n        /**\\n         * Current theme class\\n         *\\n         * Has to be fully qualified, such that\\n         * the theme class matches the class of the respective\\n         * theme stylesheet\\n         *\\n         * Default: 'mds-theme-stable-darkWebex'\\n         */\\n        this.themeclass = _themeprovider_constants__WEBPACK_IMPORTED_MODULE_1__.DEFAULTS.THEMECLASS;\\n    }\\n    /**\\n     * Context object of the ThemeProvider, to be consumed by child components\\n     */\\n    static get Context() {\\n        return _themeprovider_context__WEBPACK_IMPORTED_MODULE_3__[\\\"default\\\"].context;\\n    }\\n    updated(changedProperties) {\\n        super.updated(changedProperties);\\n        if (changedProperties.has('themeclass')) {\\n            this.setThemeInClassList();\\n            this.currentThemeClass = this.themeclass;\\n        }\\n    }\\n    /**\\n     * Update all observing components of this\\n     * provider to update the themeclass\\n     *\\n     * Is called on every re-render, see Provider class\\n     */\\n    updateContext() {\\n        if (this.context.value.themeclass !== this.themeclass) {\\n            this.context.value.themeclass = this.themeclass;\\n            this.context.updateObservers();\\n        }\\n    }\\n    /**\\n     * Function to update the active theme classnames to update the theme tokens\\n     * as CSS variables on the web component.\\n     */\\n    setThemeInClassList() {\\n        // remove all existing theme classes from the classList:\\n        if (this.currentThemeClass) {\\n            this.classList.remove(...this.currentThemeClass.split(' '));\\n        }\\n        // add current theme class to classList:\\n        if (this.themeclass) {\\n            this.classList.add(...this.themeclass.split(' '));\\n        }\\n    }\\n}\\nThemeProvider.styles = [..._models__WEBPACK_IMPORTED_MODULE_2__.Provider.styles, ..._themeprovider_styles__WEBPACK_IMPORTED_MODULE_4__[\\\"default\\\"]];\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.state)(),\\n    __metadata(\\\"design:type\\\", String)\\n], ThemeProvider.prototype, \\\"currentThemeClass\\\", void 0);\\n__decorate([\\n    (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: String }),\\n    __metadata(\\\"design:type\\\", String)\\n], ThemeProvider.prototype, \\\"themeclass\\\", void 0);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ThemeProvider);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.constants.js\":\n/*!******************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.constants.js ***!\n  \\******************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   DEFAULTS: () => (/* binding */ DEFAULTS),\\n/* harmony export */   TAG_NAME: () => (/* binding */ TAG_NAME)\\n/* harmony export */ });\\n/* harmony import */ var _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/tag-name */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\\\");\\n/* eslint-disable implicit-arrow-linebreak */\\n\\nconst TAG_NAME = _utils_tag_name__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].constructTagName('themeprovider');\\nconst DEFAULTS = {\\n    THEMECLASS: 'mds-theme-stable-darkWebex',\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.context.js\":\n/*!****************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.context.js ***!\n  \\****************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _lit_context__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @lit/context */ \\\"../../../node_modules/@lit/context/development/index.js\\\");\\n/* harmony import */ var _themeprovider_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./themeprovider.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.constants.js\\\");\\n\\n\\nclass ThemeProviderContext {\\n    // constructor to allow setting the defaultThemeClass\\n    constructor(defaultThemeClass) {\\n        this.themeclass = defaultThemeClass;\\n    }\\n}\\n// create typed lit context as part of the ThemeProviderContext\\nThemeProviderContext.context = (0,_lit_context__WEBPACK_IMPORTED_MODULE_0__.createContext)(_themeprovider_constants__WEBPACK_IMPORTED_MODULE_1__.TAG_NAME);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ThemeProviderContext);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.context.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.styles.js\":\n/*!***************************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.styles.js ***!\n  \\***************************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n\\nconst styles = (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n  :host {\\n    --mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);\\n    --mdc-themeprovider-font-family: var(--mds-font-family-primary);\\n    --mdc-themeprovider-font-weight: 400;\\n    /* adjusting Inter's letter spacing to better match the old CiscoSans */\\n    --mdc-themeprovider-letter-spacing-adjustment: -0.25px;\\n    /* Adjusting font feature settings for accessibility reasons */\\n    --mdc-themeprovider-font-feature-settings: \\\"ss02\\\" on;\\n\\n    color: var(--mdc-themeprovider-color-default);\\n    font-family: var(--mdc-themeprovider-font-family);\\n    font-weight: var(--mdc-themeprovider-font-weight);\\n    letter-spacing: var(--mdc-themeprovider-letter-spacing-adjustment);\\n\\n    font-feature-settings: var(--mdc-themeprovider-font-feature-settings);\\n  }\\n`;\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ([styles]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/models/component/component.component.js\":\n/*!******************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/models/component/component.component.js ***!\n  \\******************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var _component_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./component.styles */ \\\"../../../node_modules/@momentum-design/components/dist/models/component/component.styles.js\\\");\\n\\n\\n/**\\n * Core Component class to ultimately be inherited by all Web Components within\\n * this package.\\n *\\n * LitElement defines class and style automatically to allow passing in styling\\n * overrides. We are keeping those to allow for further customization.\\n *\\n * @public\\n */\\nclass Component extends lit__WEBPACK_IMPORTED_MODULE_0__.LitElement {\\n    /**\\n     * Register `this` extended `Component` Class as a custom element within the\\n     * DOM's custom elements registry.\\n     *\\n     * @remarks\\n     * This method must be called in order for this component to be consumable\\n     * within the DOM.\\n     *\\n     * @example\\n     * ```ts\\n     * import CustomComponent from './custom-component';\\n     *\\n     * // Standard registration.\\n     * CustomComponent.register();\\n     *\\n     * // Custom registration.\\n     * CustomComponent.register({\\n     *   name: 'custom-component',\\n     *   prefix: 'prefix',\\n     * });\\n     *\\n     * export default CustomComponent;\\n     * ```\\n     *\\n     *\\n     * @returns - Void.\\n     */\\n    static register(namespace) {\\n        if (customElements.get(namespace)) {\\n            return;\\n        }\\n        customElements.define(namespace, this);\\n    }\\n}\\n/**\\n * Styles associated with the Base Component.\\n */\\nComponent.styles = [_component_styles__WEBPACK_IMPORTED_MODULE_1__[\\\"default\\\"]];\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Component);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/models/component/component.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/models/component/component.styles.js\":\n/*!***************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/models/component/component.styles.js ***!\n  \\***************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n  :host {\\n    box-sizing: border-box;\\n  }\\n\\n  :host *,\\n  :host *::before,\\n  :host *::after {\\n    box-sizing: inherit;\\n  }\\n`);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/models/component/component.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/models/component/index.js\":\n/*!****************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/models/component/index.js ***!\n  \\****************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _component_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./component.component */ \\\"../../../node_modules/@momentum-design/components/dist/models/component/component.component.js\\\");\\n\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_component_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/models/component/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/models/index.js\":\n/*!******************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/models/index.js ***!\n  \\******************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   Component: () => (/* reexport safe */ _component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]),\\n/* harmony export */   Provider: () => (/* reexport safe */ _provider__WEBPACK_IMPORTED_MODULE_1__[\\\"default\\\"])\\n/* harmony export */ });\\n/* harmony import */ var _component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./component */ \\\"../../../node_modules/@momentum-design/components/dist/models/component/index.js\\\");\\n/* harmony import */ var _provider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./provider */ \\\"../../../node_modules/@momentum-design/components/dist/models/provider/index.js\\\");\\n\\n\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/models/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/models/provider/index.js\":\n/*!***************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/models/provider/index.js ***!\n  \\***************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _provider_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./provider.component */ \\\"../../../node_modules/@momentum-design/components/dist/models/provider/provider.component.js\\\");\\n\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_provider_component__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/models/provider/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/models/provider/provider.component.js\":\n/*!****************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/models/provider/provider.component.js ***!\n  \\****************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _lit_context__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @lit/context */ \\\"../../../node_modules/@lit/context/development/index.js\\\");\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n/* harmony import */ var _component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../component */ \\\"../../../node_modules/@momentum-design/components/dist/models/component/index.js\\\");\\n/* harmony import */ var _provider_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./provider.styles */ \\\"../../../node_modules/@momentum-design/components/dist/models/provider/provider.styles.js\\\");\\n\\n\\n\\n\\n/**\\n * Provider Component class to ultimately be inherited by all Provider-type Web\\n * Components within this package.\\n *\\n * @public\\n */\\nclass Provider extends _component__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"] {\\n    /**\\n     * Constructor of the Provider.\\n     *\\n     * Execute in the constructor of the provider implementation,\\n     * like so\\n     *\\n     * ```\\n     * constructor() {\\n     *   super(TAG_NAME, {initialValue: new ContextClass(defaultValues)});\\n     * }\\n     * ```\\n     * @param host - host of where the context will be hooked onto, e.g. this\\n     * @param context - context (returned by createContext)\\n     * @param initialValue - initialValue of the ContextClass, like `new ContextClass(defaultValues)`\\n     */\\n    constructor({ context, initialValue }) {\\n        super();\\n        this.context = new _lit_context__WEBPACK_IMPORTED_MODULE_0__.ContextProvider(this, {\\n            context,\\n            initialValue,\\n        });\\n    }\\n    /**\\n     * Render this Provider.\\n     *\\n     * @remarks\\n     * This method calls `updateContext()` then validates whether or not to\\n     * update all consumers based on the results of the `shouldUpdateConsumers`\\n     * getter.\\n     *\\n     * @returns - This Provider as an HTML Element.\\n     */\\n    render() {\\n        this.updateContext();\\n        return (0,lit__WEBPACK_IMPORTED_MODULE_1__.html) `<slot></slot>`;\\n    }\\n}\\n/**\\n * Styles associated with this Provider Component.\\n */\\nProvider.styles = [..._component__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"].styles, _provider_styles__WEBPACK_IMPORTED_MODULE_3__[\\\"default\\\"]];\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Provider);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/models/provider/provider.component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/models/provider/provider.styles.js\":\n/*!*************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/models/provider/provider.styles.js ***!\n  \\*************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n\\nconst styles = (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n  :host {\\n    display: contents;\\n  }\\n`;\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/models/provider/provider.styles.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/avatar/index.js\":\n/*!************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/avatar/index.js ***!\n  \\************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_avatar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/avatar */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatar/index.js\\\");\\n/* harmony import */ var _components_avatar_avatar_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/avatar/avatar.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * The `mdc-avatar` component is used to represent a person or a space.\\n * An avatar can be an icon, initials, counter and photo.\\n *\\n * To set the photo of an avatar,\\n * you need to set \\\"src\\\" attribute.\\n *\\n * While the avatar image is loading, as a placeholder,\\n * we will show the initials text.\\n * If the initials are not specified then,\\n * we will show `user-regular` icon as a placeholder.\\n *\\n * By default, if there are no attributes specified,\\n * then the default avatar will be an icon with `user-regular` name.\\n *\\n * The avatar component is non clickable and non interactive/focusable component.\\n * If the avatar is typing, then the loading indicator will be displayed.\\n * If the counter type avatar is set to a negative number, then we will display 0.\\n * The presence indicator will be hidden when the counter property is set.\\n *\\n * @dependency mdc-icon\\n * @dependency mdc-presence\\n * @dependency mdc-text\\n *\\n * @tagname mdc-avatar\\n *\\n * @cssproperty --mdc-avatar-default-background-color - Allows customization of the default background color.\\n * @cssproperty --mdc-avatar-default-foreground-color - Allows customization of the default foreground color.\\n * @cssproperty --mdc-avatar-loading-indicator-background-color -\\n *  Allows customization of the loading indicator background color.\\n * @cssproperty --mdc-avatar-loading-indicator-foreground-color -\\n *  Allows customization of the loading indicator foreground color.\\n * @cssproperty --mdc-avatar-loading-overlay-background-color -\\n *  Allows customization of the loading overlay background color.\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_avatar_avatar_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_avatar__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'Avatar',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/avatar/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/avatarbutton/index.js\":\n/*!******************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/avatarbutton/index.js ***!\n  \\******************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_avatarbutton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/avatarbutton */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatarbutton/index.js\\\");\\n/* harmony import */ var _components_avatarbutton_avatarbutton_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/avatarbutton/avatarbutton.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatarbutton/avatarbutton.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * The `mdc-avatarbutton` component is an interactable version of the `mdc-avatar` component.\\n *\\n * This component is made by extending `buttonsimple` class.\\n * The button component acts as a wrapper for the avatar component.\\n *\\n * @dependency mdc-avatar\\n *\\n * @tagname mdc-avatarbutton\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_avatarbutton_avatarbutton_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_avatarbutton__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'AvatarButton',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/avatarbutton/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/badge/index.js\":\n/*!***********************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/badge/index.js ***!\n  \\***********************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_badge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/badge */ \\\"../../../node_modules/@momentum-design/components/dist/components/badge/index.js\\\");\\n/* harmony import */ var _components_badge_badge_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/badge/badge.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/badge/badge.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * The `mdc-badge` component is a versatile UI element used to\\n * display dot, icons, counters, success, warning and error type badge.\\n *\\n * Supported badge types:\\n * - `dot`: Displays a dot notification badge with a blue color.\\n * - `icon`: Displays a badge with a specified icon using the `icon-name` attribute.\\n * - `counter`: Displays a badge with a counter value. If the counter exceeds the `max-counter`,\\n * it shows `maxCounter+`. The maximum value of the counter is 999 and anything above that will be set to `999+`.\\n * - `success`: Displays a success badge with a check circle icon and green color.\\n * - `warning`: Displays a warning badge with a warning icon and yellow color.\\n * - `error`: Displays a error badge with a error legacy icon and red color.\\n *\\n * For `icon`, `success`, `warning` and `error` types, the `mdc-icon` component is used to render the icon.\\n *\\n * For the `counter` type, the `mdc-text` component is used to render the counter value.\\n *\\n * @dependency mdc-icon\\n * @dependency mdc-text\\n *\\n * @tagname mdc-badge\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_badge_badge_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_badge__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'Badge',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/badge/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/bullet/index.js\":\n/*!************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/bullet/index.js ***!\n  \\************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_bullet__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/bullet */ \\\"../../../node_modules/@momentum-design/components/dist/components/bullet/index.js\\\");\\n/* harmony import */ var _components_bullet_bullet_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/bullet/bullet.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/bullet/bullet.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * Bullet component, which is a visual marker\\n * and be used to organize and present items in a list format.\\n *\\n * @tagname mdc-bullet\\n *\\n * @cssproperty --mdc-bullet-background-color - background color of the bullet\\n * @cssproperty --mdc-bullet-size-small - small size value of the bullet\\n * @cssproperty --mdc-bullet-size-medium - medium size value of the bullet\\n * @cssproperty --mdc-bullet-size-large - large size value of the bullet\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_bullet_bullet_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_bullet__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'Bullet',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/bullet/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/button/index.js\":\n/*!************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/button/index.js ***!\n  \\************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/button */ \\\"../../../node_modules/@momentum-design/components/dist/components/button/index.js\\\");\\n/* harmony import */ var _components_button_button_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/button/button.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/button/button.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * `mdc-button` is a component that can be configured in various ways to suit different use cases.\\n *\\n * Button Variants:\\n * - **Primary**: Solid background color.\\n * - **Secondary**: Transparent background with a solid border.\\n * - **Tertiary**: No background or border, appears as plain text but retains all button functionalities.\\n *\\n * Button Colors:\\n * - **Positive**: Green color.\\n * - **Negative**: Red color.\\n * - **Accent**: Blue color.\\n * - **Promotional**: Purple color.\\n * - **Default**: White color.\\n *\\n * Button Sizes (in REM units):\\n * - **Pill button**: 40, 32, 28, 24.\\n * - **Icon button**: 64, 52, 40, 32, 28, 24.\\n * - **Tertiary icon button**: 20.\\n *\\n * Button Types:\\n * - **Pill button**: A button that contains text value. Commonly used for call to action, tags, or filters.\\n * - **Pill button with icons**: A button containing an icon either on the left or right side of the button.\\n * - **Icon button**: A button represented by just an icon without any text.\\n * The type of button is inferred based on the presence of slot and/or prefix and postfix icons.\\n *\\n * @dependency mdc-icon\\n *\\n * @tagname mdc-button\\n *\\n * @slot - Text label of the button.\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_button_button_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_button__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'Button',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/button/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/buttonsimple/index.js\":\n/*!******************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/buttonsimple/index.js ***!\n  \\******************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_buttonsimple__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/buttonsimple */ \\\"../../../node_modules/@momentum-design/components/dist/components/buttonsimple/index.js\\\");\\n/* harmony import */ var _components_buttonsimple_buttonsimple_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/buttonsimple/buttonsimple.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/buttonsimple/buttonsimple.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * `mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.\\n * It is used as an internal component and is not intended to be used directly by consumers.\\n * Consumers should use the `mdc-button` component instead.\\n *\\n * @tagname mdc-buttonsimple\\n *\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_buttonsimple_buttonsimple_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_buttonsimple__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'Buttonsimple',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/buttonsimple/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/divider/index.js\":\n/*!*************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/divider/index.js ***!\n  \\*************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_divider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/divider */ \\\"../../../node_modules/@momentum-design/components/dist/components/divider/index.js\\\");\\n/* harmony import */ var _components_divider_divider_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/divider/divider.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/divider/divider.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * `mdc-divider` is a component that provides a line to separate and organize content.\\n * It can also include a button or text positioned centrally, allowing users to interact with the layout.\\n *\\n * **Divider Orientation:**\\n * - **Horizontal**: A thin, horizontal line.\\n * - **Vertical**: A thin, vertical line.\\n *\\n * **Divider Variants:**\\n * - **solid**: Solid line.\\n * - **gradient**: Gradient Line.\\n *\\n * **Divider Types:**\\n * - The type of divider is inferred based on the kind of slot present.\\n *  - **Primary**: A simple horizontal or vertical divider.\\n *  - **Text**: A horizontal divider with a text label in the center.\\n *  - **Grabber Button**: A horizontal or vertical divider with a styled button in the center.\\n *\\n * **Accessibility:**\\n * - When the slot is replaced by an `mdc-button`:\\n *   - `aria-label` should be passed to the `mdc-button`.\\n *   - `aria-expanded` should be passed to the `mdc-button`.\\n *\\n * **Notes:**\\n * - If the slot is replaced by an invalid tag name or contains multiple elements,\\n *   the divider defaults to the **Primary** type.\\n * - To override the styles of the divider, use the provided CSS custom properties.\\n *\\n * @tagname mdc-divider\\n *\\n * @cssproperty --mdc-divider-background-color - background color of the divider\\n * @cssproperty --mdc-divider-width - width of the divider\\n * @cssproperty --mdc-divider-horizontal-gradient - gradient of the horizontal divider\\n * @cssproperty --mdc-divider-vertical-gradient - gradient of the vertical divider\\n * @cssproperty --mdc-divider-text-size - font size of label in the text divider\\n * @cssproperty --mdc-divider-text-color - font color of label in the text divider\\n * @cssproperty --mdc-divider-text-margin - left and right margin of label in the text divider\\n * @cssproperty --mdc-divider-text-line-height - line height of label in the text divider\\n * @cssproperty --mdc-divider-grabber-button-border-radius - border radius of the grabber button\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_divider_divider_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_divider__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'Divider',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/divider/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/formfieldwrapper/index.js\":\n/*!**********************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/formfieldwrapper/index.js ***!\n  \\**********************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_formfieldwrapper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/formfieldwrapper */ \\\"../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/index.js\\\");\\n/* harmony import */ var _components_formfieldwrapper_formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/formfieldwrapper/formfieldwrapper.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/formfieldwrapper/formfieldwrapper.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * formfieldwrapper is a component that contains the label and helper/validation text\\n *  that can be configured in various ways to suit different use cases (most of the input related components).\\n * It is used as an internal component and is not intended to be used directly by consumers.\\n *\\n * @tagname mdc-formfieldwrapper\\n *\\n * @slot label-info - slot to add the label info icon\\n *\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_formfieldwrapper_formfieldwrapper_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_formfieldwrapper__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'FormfieldWrapper',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/formfieldwrapper/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/icon/index.js\":\n/*!**********************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/icon/index.js ***!\n  \\**********************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/icon */ \\\"../../../node_modules/@momentum-design/components/dist/components/icon/index.js\\\");\\n/* harmony import */ var _components_icon_icon_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/icon/icon.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/icon/icon.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * Icon component that dynamically displays SVG icons based on a valid name.\\n *\\n * This component must be mounted within an `IconProvider` component.\\n *\\n * The `IconProvider` defines the source URL from which icons are consumed.\\n * The `Icon` component accepts a `name` attribute, which corresponds to\\n * the file name of the icon to be loaded from the specified URL.\\n *\\n * Once fetched, the icon will be rendered. If the fetching process is unsuccessful,\\n * no icon will be displayed.\\n *\\n * The `size` attribute allows for dynamic sizing of the icon based on the provided\\n * `length-unit` attribute. This unit can either come from the `IconProvider`\\n * or can be overridden for each individual icon. For example:\\n * if `size = 1` and `length-unit = 'em'`, the dimensions of the icon will be\\n * `width: 1em; height: 1em`.\\n *\\n * Regarding accessibility, there are three types of icons: decorative, informative and informative standalone.\\n *\\n * ### Decorative Icons\\n * - Decorative icons do not convey any essential information to the content of a page.\\n * - They should be hidden from screen readers (SR) to prevent confusion for users.\\n * - For decorative icons, an `aria-label` is not required, and the `role` will be set to null.\\n *\\n * ### Informative Icons\\n * - Informative icons convey important information that is not adequately represented\\n *   by surrounding text or components.\\n * - They provide valuable context and must be announced by assistive technologies.\\n * - For informative icons, an `aria-label` is required, and the `role` will be set to \\\"img\\\" automatically.\\n * - If an `aria-label` is provided, the role will be set to 'img'; if it is absent,\\n *   the role will be unset.\\n *\\n * ### Informative Standalone Icons\\n * - If an icon is informative (as mentioned above) and does not belong to a button (=standalone), it must\\n * have a Tooltip that describes what it means.\\n * - For informative standalone icons, an `aria-label` & `tabindex=\\\"0\\\"` is required,\\n * and the `role` will be set to \\\"img\\\" automatically.\\n * - **Only use this when a Icon is standalone and is not part of a button or other interactive elements.**\\n *\\n * @tagname mdc-icon\\n *\\n * @cssproperty --mdc-icon-fill-color - Allows customization of the default fill color.\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_icon_icon_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_icon__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'Icon',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/icon/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/iconprovider/index.js\":\n/*!******************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/iconprovider/index.js ***!\n  \\******************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_iconprovider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/iconprovider */ \\\"../../../node_modules/@momentum-design/components/dist/components/iconprovider/index.js\\\");\\n/* harmony import */ var _components_iconprovider_iconprovider_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/iconprovider/iconprovider.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/iconprovider/iconprovider.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * IconProvider component, which allows to be consumed from sub components\\n * (see `providerUtils.consume` for how to consume)\\n *\\n * Bundling icons will be up to the consumer of this component, such\\n * that only a url has to be passed in from which the icons will be\\n * fetched.\\n *\\n * @tagname mdc-iconprovider\\n *\\n * @slot - children\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_iconprovider_iconprovider_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_iconprovider__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'IconProvider',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/iconprovider/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/index.js\":\n/*!*****************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/index.js ***!\n  \\*****************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   Avatar: () => (/* reexport safe */ _avatar__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"]),\\n/* harmony export */   AvatarButton: () => (/* reexport safe */ _avatarbutton__WEBPACK_IMPORTED_MODULE_1__[\\\"default\\\"]),\\n/* harmony export */   Badge: () => (/* reexport safe */ _badge__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"]),\\n/* harmony export */   Bullet: () => (/* reexport safe */ _bullet__WEBPACK_IMPORTED_MODULE_3__[\\\"default\\\"]),\\n/* harmony export */   Button: () => (/* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_4__[\\\"default\\\"]),\\n/* harmony export */   Buttonsimple: () => (/* reexport safe */ _buttonsimple__WEBPACK_IMPORTED_MODULE_5__[\\\"default\\\"]),\\n/* harmony export */   Divider: () => (/* reexport safe */ _divider__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"]),\\n/* harmony export */   FormfieldWrapper: () => (/* reexport safe */ _formfieldwrapper__WEBPACK_IMPORTED_MODULE_7__[\\\"default\\\"]),\\n/* harmony export */   Icon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_8__[\\\"default\\\"]),\\n/* harmony export */   IconProvider: () => (/* reexport safe */ _iconprovider__WEBPACK_IMPORTED_MODULE_9__[\\\"default\\\"]),\\n/* harmony export */   Link: () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_10__[\\\"default\\\"]),\\n/* harmony export */   Marker: () => (/* reexport safe */ _marker__WEBPACK_IMPORTED_MODULE_11__[\\\"default\\\"]),\\n/* harmony export */   Modalcontainer: () => (/* reexport safe */ _modalcontainer__WEBPACK_IMPORTED_MODULE_12__[\\\"default\\\"]),\\n/* harmony export */   Presence: () => (/* reexport safe */ _presence__WEBPACK_IMPORTED_MODULE_13__[\\\"default\\\"]),\\n/* harmony export */   Text: () => (/* reexport safe */ _text__WEBPACK_IMPORTED_MODULE_14__[\\\"default\\\"]),\\n/* harmony export */   ThemeProvider: () => (/* reexport safe */ _themeprovider__WEBPACK_IMPORTED_MODULE_15__[\\\"default\\\"])\\n/* harmony export */ });\\n/* harmony import */ var _avatar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./avatar */ \\\"../../../node_modules/@momentum-design/components/dist/react/avatar/index.js\\\");\\n/* harmony import */ var _avatarbutton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./avatarbutton */ \\\"../../../node_modules/@momentum-design/components/dist/react/avatarbutton/index.js\\\");\\n/* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./badge */ \\\"../../../node_modules/@momentum-design/components/dist/react/badge/index.js\\\");\\n/* harmony import */ var _bullet__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bullet */ \\\"../../../node_modules/@momentum-design/components/dist/react/bullet/index.js\\\");\\n/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./button */ \\\"../../../node_modules/@momentum-design/components/dist/react/button/index.js\\\");\\n/* harmony import */ var _buttonsimple__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./buttonsimple */ \\\"../../../node_modules/@momentum-design/components/dist/react/buttonsimple/index.js\\\");\\n/* harmony import */ var _divider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./divider */ \\\"../../../node_modules/@momentum-design/components/dist/react/divider/index.js\\\");\\n/* harmony import */ var _formfieldwrapper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./formfieldwrapper */ \\\"../../../node_modules/@momentum-design/components/dist/react/formfieldwrapper/index.js\\\");\\n/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./icon */ \\\"../../../node_modules/@momentum-design/components/dist/react/icon/index.js\\\");\\n/* harmony import */ var _iconprovider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./iconprovider */ \\\"../../../node_modules/@momentum-design/components/dist/react/iconprovider/index.js\\\");\\n/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./link */ \\\"../../../node_modules/@momentum-design/components/dist/react/link/index.js\\\");\\n/* harmony import */ var _marker__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./marker */ \\\"../../../node_modules/@momentum-design/components/dist/react/marker/index.js\\\");\\n/* harmony import */ var _modalcontainer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./modalcontainer */ \\\"../../../node_modules/@momentum-design/components/dist/react/modalcontainer/index.js\\\");\\n/* harmony import */ var _presence__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./presence */ \\\"../../../node_modules/@momentum-design/components/dist/react/presence/index.js\\\");\\n/* harmony import */ var _text__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./text */ \\\"../../../node_modules/@momentum-design/components/dist/react/text/index.js\\\");\\n/* harmony import */ var _themeprovider__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./themeprovider */ \\\"../../../node_modules/@momentum-design/components/dist/react/themeprovider/index.js\\\");\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/link/index.js\":\n/*!**********************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/link/index.js ***!\n  \\**********************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/link */ \\\"../../../node_modules/@momentum-design/components/dist/components/link/index.js\\\");\\n/* harmony import */ var _components_link_link_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/link/link.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/link/link.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * `mdc-link` component can be used to navigate to a different page\\n * within the application or to an external site. It can be used to link to\\n * emails or phone numbers.\\n *\\n * The `children` of the link component is expected to be an anchor element\\n * containing the text, href, and other attributes.\\n *\\n * For `icon`, the `mdc-icon` component is used to render the icon.\\n *\\n * @dependency mdc-icon\\n *\\n * @tagname mdc-link\\n *\\n * @cssproperty --mdc-link-border-radius - Border radius of the link\\n * @cssproperty --mdc-link-color-active - Text and icon color of the link in active state\\n * @cssproperty --mdc-link-color-disabled - Text and icon color of the link in disabled state\\n * @cssproperty --mdc-link-color-hover - Text and icon color of the link in hover state\\n * @cssproperty --mdc-link-color-normal - Text and icon color of the link in normal state\\n * @cssproperty --mdc-link-icon-margin-left - Gap between the text and icon (only applicable when an icon is set)\\n * @cssproperty --mdc-link-inverted-color-active - Text and icon color of the inverted link in active state\\n * @cssproperty --mdc-link-inverted-color-disabled - Text and icon color of the inverted link in disabled state\\n * @cssproperty --mdc-link-inverted-color-hover - Text and icon color of the inverted link in hover state\\n * @cssproperty --mdc-link-inverted-color-normal - Text and icon color of the inverted link in normal state\\n * @cssproperty --mdc-link-text-decoration-disabled - Text decoration of the link in disabled state for all variants\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_link_link_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_link__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'Link',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/link/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/marker/index.js\":\n/*!************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/marker/index.js ***!\n  \\************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_marker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/marker */ \\\"../../../node_modules/@momentum-design/components/dist/components/marker/index.js\\\");\\n/* harmony import */ var _components_marker_marker_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/marker/marker.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/marker/marker.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * `mdc-marker`, which is a vertical line and\\n * used to draw attention to specific parts of\\n * the content or to signify important information.\\n *\\n * **Marker Variants**:\\n * - **solid**: Solid marker.\\n * - **striped**: Striped marker.\\n *\\n * @tagname mdc-marker\\n *\\n * @cssproperty --mdc-marker-solid-background-color - Allows customization of the default background color\\n * in solid variant.\\n * @cssproperty --mdc-marker-striped-color - Allows customization of the default stripes in striped variant.\\n * @cssproperty --mdc-marker-striped-background-color - Allows customization of the default background color\\n * in striped variant.\\n * @cssproperty --mdc-marker-width - Allows customization of the default width.\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_marker_marker_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_marker__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'Marker',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/marker/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/modalcontainer/index.js\":\n/*!********************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/modalcontainer/index.js ***!\n  \\********************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_modalcontainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/modalcontainer */ \\\"../../../node_modules/@momentum-design/components/dist/components/modalcontainer/index.js\\\");\\n/* harmony import */ var _components_modalcontainer_modalcontainer_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/modalcontainer/modalcontainer.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/modalcontainer/modalcontainer.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * The `mdc-modalcontainer` component is an element used to\\n * display a modal container that can further be used in popover.\\n *\\n * @tagname mdc-modalcontainer\\n *\\n * @cssproperty --mdc-modalcontainer-primary-background-color - primary background color of the modalcontainer\\n * @cssproperty --mdc-modalcontainer-border-color - border color of the modalcontainer\\n * @cssproperty --mdc-modalcontainer-inverted-background-color - inverted background color of the modalcontainer\\n * @cssproperty --mdc-modalcontainer-inverted-border-color - inverted border color of the modalcontainer\\n * @cssproperty --mdc-modalcontainer-inverted-text-color - inverted text color of the modalcontainer\\n *\\n * @slot - Default slot for modal container\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_modalcontainer_modalcontainer_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_modalcontainer__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'Modalcontainer',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/modalcontainer/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/presence/index.js\":\n/*!**************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/presence/index.js ***!\n  \\**************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_presence__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/presence */ \\\"../../../node_modules/@momentum-design/components/dist/components/presence/index.js\\\");\\n/* harmony import */ var _components_presence_presence_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/presence/presence.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/presence/presence.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * The `mdc-presence` component is a versatile UI element used to\\n * display the presence status of a user or entity within an avatar component.\\n *\\n * This component is ideal for use within avatar UIs where the presence status\\n * needs to be visually represented.\\n *\\n * @dependency mdc-icon\\n *\\n * @tagname mdc-presence\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_presence_presence_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_presence__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'Presence',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/presence/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/text/index.js\":\n/*!**********************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/text/index.js ***!\n  \\**********************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/text */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/index.js\\\");\\n/* harmony import */ var _components_text_text_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/text/text.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/text/text.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * Text component for creating styled text elements.\\n * It has to be mounted within the ThemeProvider to access color and font tokens.\\n *\\n * The `type` attribute allows changing the text style.\\n * The `tagname` attribute allows changing the tag name of the text element.\\n * The default tag name is `p`.\\n *\\n * The `tagname` attribute should be a valid HTML tag name.\\n * If the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\\n *\\n * The styling is applied based on the `type` attribute.\\n *\\n * @tagname mdc-text\\n * @slot - Default slot for text content\\n *\\n * @csspart text - The text element\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_text_text_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_text__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'Text',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/text/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/react/themeprovider/index.js\":\n/*!*******************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/react/themeprovider/index.js ***!\n  \\*******************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \\\"react\\\");\\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _lit_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/react */ \\\"../../../node_modules/@lit/react/development/index.js\\\");\\n/* harmony import */ var _components_themeprovider__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/themeprovider */ \\\"../../../node_modules/@momentum-design/components/dist/components/themeprovider/index.js\\\");\\n/* harmony import */ var _components_themeprovider_themeprovider_constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/themeprovider/themeprovider.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/themeprovider/themeprovider.constants.js\\\");\\n\\n\\n\\n\\n/**\\n * ThemeProvider component, which sets the passed in themeclass as class.\\n * If the themeclass switches, the existing themeclass will be removed as a class\\n * and the new themeclass will be added.\\n *\\n * CSS variables defined in the themeclass will be used for the styling of child dom nodes.\\n *\\n * Themeclass context can be be consumed from Lit child components\\n * (see providerUtils.consume for how to consume)\\n *\\n * ThemeProvider also includes basic font defaults for text.\\n *\\n * @tagname mdc-themeprovider\\n *\\n * @slot - children\\n *\\n * @cssproperty --mdc-themeprovider-color-default - Option to override the default color,\\n * default: color-theme-text-primary-normal\\n * @cssproperty --mdc-themeprovider-font-family - Option to override the font family,\\n * default: `Momentum` (from momentum-design/fonts)\\n * @cssproperty --mdc-themeprovider-font-weight - Option to override the font weight, default: `400`\\n * @cssproperty --mdc-themeprovider-letter-spacing-adjustment - Option to override the default letter-spacing,\\n * default: `-0.25px` (this is to match the old CiscoSans)\\n */\\nconst reactWrapper = (0,_lit_react__WEBPACK_IMPORTED_MODULE_1__.createComponent)({\\n    tagName: _components_themeprovider_themeprovider_constants__WEBPACK_IMPORTED_MODULE_3__.TAG_NAME,\\n    elementClass: _components_themeprovider__WEBPACK_IMPORTED_MODULE_2__[\\\"default\\\"],\\n    react: react__WEBPACK_IMPORTED_MODULE_0__,\\n    events: {},\\n    displayName: 'ThemeProvider',\\n});\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (reactWrapper);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/react/themeprovider/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/utils/mixins/AvatarComponentMixin.js\":\n/*!***************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/utils/mixins/AvatarComponentMixin.js ***!\n  \\***************************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   AvatarComponentMixin: () => (/* binding */ AvatarComponentMixin)\\n/* harmony export */ });\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\n/* harmony import */ var _components_avatar_avatar_constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../components/avatar/avatar.constants */ \\\"../../../node_modules/@momentum-design/components/dist/components/avatar/avatar.constants.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\n\\nconst AvatarComponentMixin = (superClass) => {\\n    class InnerMixinClass extends superClass {\\n        constructor() {\\n            super(...arguments);\\n            /**\\n             * Acceptable values include (size in px unit):\\n             * - 24\\n             * - 32\\n             * - 48\\n             * - 64\\n             * - 72\\n             * - 88\\n             * - 124\\n             *\\n             * @default 32\\n             */\\n            this.size = _components_avatar_avatar_constants__WEBPACK_IMPORTED_MODULE_1__.DEFAULTS.SIZE;\\n            /**\\n             * Represents the typing indicator when the user is typing.\\n             * @default false\\n             */\\n            this.isTyping = false;\\n        }\\n    }\\n    __decorate([\\n        (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: String }),\\n        __metadata(\\\"design:type\\\", String)\\n    ], InnerMixinClass.prototype, \\\"src\\\", void 0);\\n    __decorate([\\n        (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: String }),\\n        __metadata(\\\"design:type\\\", String)\\n    ], InnerMixinClass.prototype, \\\"initials\\\", void 0);\\n    __decorate([\\n        (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: String }),\\n        __metadata(\\\"design:type\\\", String)\\n    ], InnerMixinClass.prototype, \\\"presence\\\", void 0);\\n    __decorate([\\n        (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: Number, reflect: true, attribute: 'size' }),\\n        __metadata(\\\"design:type\\\", Number)\\n    ], InnerMixinClass.prototype, \\\"size\\\", void 0);\\n    __decorate([\\n        (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: String, attribute: 'icon-name' }),\\n        __metadata(\\\"design:type\\\", String)\\n    ], InnerMixinClass.prototype, \\\"iconName\\\", void 0);\\n    __decorate([\\n        (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: Number }),\\n        __metadata(\\\"design:type\\\", Number)\\n    ], InnerMixinClass.prototype, \\\"counter\\\", void 0);\\n    __decorate([\\n        (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ type: Boolean, attribute: 'is-typing' }),\\n        __metadata(\\\"design:type\\\", Object)\\n    ], InnerMixinClass.prototype, \\\"isTyping\\\", void 0);\\n    // Cast return type to your mixin's interface intersected with the superClass type\\n    return InnerMixinClass;\\n};\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/utils/mixins/AvatarComponentMixin.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/utils/mixins/DisabledMixin.js\":\n/*!********************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/utils/mixins/DisabledMixin.js ***!\n  \\********************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   DisabledMixin: () => (/* binding */ DisabledMixin)\\n/* harmony export */ });\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\nconst DisabledMixin = (superClass) => {\\n    class InnerMixinClass extends superClass {\\n        constructor() {\\n            super(...arguments);\\n            /**\\n             * Indicates whether the component is disabled.\\n             * When the component is disabled for user interaction; it is not focusable or clickable.\\n             * @default false\\n             */\\n            this.disabled = false;\\n        }\\n    }\\n    __decorate([\\n        (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ reflect: true, type: Boolean }),\\n        __metadata(\\\"design:type\\\", Object)\\n    ], InnerMixinClass.prototype, \\\"disabled\\\", void 0);\\n    // Cast return type to your mixin's interface intersected with the superClass type\\n    return InnerMixinClass;\\n};\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/utils/mixins/DisabledMixin.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/utils/mixins/TabIndexMixin.js\":\n/*!********************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/utils/mixins/TabIndexMixin.js ***!\n  \\********************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   TabIndexMixin: () => (/* binding */ TabIndexMixin)\\n/* harmony export */ });\\n/* harmony import */ var lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit/decorators.js */ \\\"../../../node_modules/lit/decorators.js\\\");\\nvar __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {\\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.decorate === \\\"function\\\") r = Reflect.decorate(decorators, target, key, desc);\\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\\n};\\nvar __metadata = (undefined && undefined.__metadata) || function (k, v) {\\n    if (typeof Reflect === \\\"object\\\" && typeof Reflect.metadata === \\\"function\\\") return Reflect.metadata(k, v);\\n};\\n\\nconst TabIndexMixin = (superClass) => {\\n    class InnerMixinClass extends superClass {\\n        constructor() {\\n            super(...arguments);\\n            /**\\n             * This property specifies the tab order of the element.\\n             * @default 0\\n             */\\n            this.tabIndex = 0;\\n        }\\n    }\\n    __decorate([\\n        (0,lit_decorators_js__WEBPACK_IMPORTED_MODULE_0__.property)({ reflect: true, type: Number }),\\n        __metadata(\\\"design:type\\\", Object)\\n    ], InnerMixinClass.prototype, \\\"tabIndex\\\", void 0);\\n    // Cast return type to your mixin's interface intersected with the superClass type\\n    return InnerMixinClass;\\n};\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/utils/mixins/TabIndexMixin.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/utils/provider/index.js\":\n/*!**************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/utils/provider/index.js ***!\n  \\**************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _lit_context__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @lit/context */ \\\"../../../node_modules/@lit/context/development/index.js\\\");\\n\\nconst consume = (options) => {\\n    const { host, context, subscribe } = options;\\n    return new _lit_context__WEBPACK_IMPORTED_MODULE_0__.ContextConsumer(host, {\\n        context,\\n        subscribe: subscribe !== null && subscribe !== void 0 ? subscribe : true,\\n    });\\n};\\nconst providerUtils = {\\n    consume,\\n};\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (providerUtils);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/utils/provider/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/utils/styles/index.js\":\n/*!************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/utils/styles/index.js ***!\n  \\************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   hostFitContentStyles: () => (/* binding */ hostFitContentStyles),\\n/* harmony export */   hostFocusRingStyles: () => (/* binding */ hostFocusRingStyles)\\n/* harmony export */ });\\n/* harmony import */ var lit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit */ \\\"../../../node_modules/lit/index.js\\\");\\n\\nconst hostFitContentStyles = (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n  :host {\\n    align-items: center;\\n    display: flex;\\n    height: fit-content;\\n    justify-content: center;\\n    width: fit-content;\\n  }\\n`;\\nconst hostFocusRingStyles = (applyFocusRingOnClass = false) => {\\n    const baseHostStyleVariables = (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n    :host {\\n      --mdc-focus-ring-inner-color: var(--mds-color-theme-focus-default-0);\\n      --mdc-focus-ring-middle-color: var(--mds-color-theme-focus-default-1);\\n      --mdc-focus-ring-outer-color: var(--mds-color-theme-focus-default-2);\\n\\n      --mdc-focus-ring-inner-width: 0.125rem;\\n      --mdc-focus-ring-middle-width: calc(2 * var(--mdc-focus-ring-inner-width));\\n      --mdc-focus-ring-outer-width: calc(0.0625rem + var(--mdc-focus-ring-middle-width));\\n\\n      --mdc-focus-ring-middle-offset: var(--mdc-focus-ring-inner-width);\\n      --mdc-focus-ring-outer-offset: calc(var(--mdc-focus-ring-inner-width) + var(--mdc-focus-ring-middle-width));\\n    }\\n  `;\\n    const boxShadow = (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `0 0 0 var(--mdc-focus-ring-inner-width) var(--mdc-focus-ring-inner-color),\\n    0 0 0 var(--mdc-focus-ring-middle-width) var(--mdc-focus-ring-middle-color),\\n    0 0 0 var(--mdc-focus-ring-outer-width) var(--mdc-focus-ring-outer-color)\\n  `;\\n    if (applyFocusRingOnClass) {\\n        return [\\n            baseHostStyleVariables,\\n            (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n        .mdc-focus-ring:focus-visible {\\n          outline: none;\\n        }\\n        :host([disabled]) .mdc-focus-ring:focus {\\n          box-shadow: none;\\n        }\\n        .mdc-focus-ring:focus-within {\\n          position: relative;\\n          box-shadow: ${boxShadow};\\n        }\\n        /* High Contrast Mode */\\n        @media (forced-colors: active) {\\n          .mdc-focus-ring:focus-within {\\n            outline: 0.125rem solid var(--mds-color-theme-focus-default-0);\\n          }\\n        }\\n      `,\\n        ];\\n    }\\n    return [\\n        baseHostStyleVariables,\\n        (0,lit__WEBPACK_IMPORTED_MODULE_0__.css) `\\n      :host(:focus-visible) {\\n        outline: none;\\n      }\\n      :host([disabled]:focus) {\\n        box-shadow: none;\\n      }\\n      :host(:focus), :host(:focus-within) {\\n        position: relative;\\n        box-shadow: ${boxShadow};\\n      }\\n      /* High Contrast Mode */\\n      @media (forced-colors: active) {\\n        :host(:focus), :host(:focus-within) {\\n          outline: 0.125rem solid var(--mds-color-theme-focus-default-0);\\n        }\\n      }\\n    `,\\n    ];\\n};\\n\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/utils/styles/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/utils/tag-name/constants.js\":\n/*!******************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/utils/tag-name/constants.js ***!\n  \\******************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\nconst NAMESPACE = {\\n    PREFIX: 'mdc',\\n    SEPARATOR: '-',\\n};\\nconst CONSTANTS = {\\n    NAMESPACE,\\n};\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CONSTANTS);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/utils/tag-name/constants.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js\":\n/*!**************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js ***!\n  \\**************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ \\\"../../../node_modules/@momentum-design/components/dist/utils/tag-name/constants.js\\\");\\n/* eslint-disable implicit-arrow-linebreak */\\n/* eslint-disable max-len */\\n\\nconst constructTagName = (componentName) => [_constants__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].NAMESPACE.PREFIX, componentName].join(_constants__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].NAMESPACE.SEPARATOR);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\\n    constructTagName,\\n});\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/dist/utils/tag-name/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/@momentum-design/fonts/dist/css/fonts.css\":\n/*!********************************************************************************************************************!*\\\n  !*** ../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/@momentum-design/fonts/dist/css/fonts.css ***!\n  \\********************************************************************************************************************/\n/***/ ((module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../css-loader/dist/runtime/noSourceMaps.js */ \\\"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\\\");\\n/* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../css-loader/dist/runtime/api.js */ \\\"../../../node_modules/css-loader/dist/runtime/api.js\\\");\\n/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\\n/* harmony import */ var _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../css-loader/dist/runtime/getUrl.js */ \\\"../../../node_modules/css-loader/dist/runtime/getUrl.js\\\");\\n/* harmony import */ var _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__);\\n// Imports\\n\\n\\n\\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__(/*! ../inter/Inter.var.woff2 */ \\\"../../../node_modules/@momentum-design/fonts/dist/inter/Inter.var.woff2\\\"), __webpack_require__.b);\\nvar ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = _css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);\\n// Module\\n___CSS_LOADER_EXPORT___.push([module.id, `@font-face {\\n    font-family: \\\"Momentum\\\";\\n    src: url(${___CSS_LOADER_URL_REPLACEMENT_0___}) format(\\\"woff2\\\");\\n    font-style: normal;\\n    font-display: swap;\\n    /* Required for Safari support */\\n    font-weight: 1 1000;   \\n}`, \\\"\\\"]);\\n// Exports\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/fonts/dist/css/fonts.css?../../../node_modules/css-loader/dist/cjs.js\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/@momentum-design/tokens/dist/css/components/complete.css\":\n/*!***********************************************************************************************************************************!*\\\n  !*** ../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/@momentum-design/tokens/dist/css/components/complete.css ***!\n  \\***********************************************************************************************************************************/\n/***/ ((module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../css-loader/dist/runtime/noSourceMaps.js */ \\\"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\\\");\\n/* harmony import */ var _css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../css-loader/dist/runtime/api.js */ \\\"../../../node_modules/css-loader/dist/runtime/api.js\\\");\\n/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\\n// Imports\\n\\n\\nvar ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\\n// Module\\n___CSS_LOADER_EXPORT___.push([module.id, `.mds-theme-stable-darkWebex {\\n  --mds-color-theme-text-primary-normal: #fffffff2;\\n  --mds-color-theme-text-primary-disabled: #ffffff66;\\n  --mds-color-theme-text-secondary-normal: #ffffffb3;\\n  --mds-color-theme-text-error-normal: #fc8b98;\\n  --mds-color-theme-text-error-hover: #ffd4da;\\n  --mds-color-theme-text-error-active: #ffd4da;\\n  --mds-color-theme-text-success-normal: #3cc29a;\\n  --mds-color-theme-text-success-hover: #9fedd8;\\n  --mds-color-theme-text-success-active: #9fedd8;\\n  --mds-color-theme-text-warning-normal: #f2990a;\\n  --mds-color-theme-text-warning-hover: #ffda94;\\n  --mds-color-theme-text-warning-active: #ffda94;\\n  --mds-color-theme-text-highlight: #063a75;\\n  --mds-color-theme-text-accent-normal: #64b4fa;\\n  --mds-color-theme-text-accent-hover: #bfe3ff;\\n  --mds-color-theme-text-accent-active: #bfe3ff;\\n  --mds-color-theme-text-teamdefault-normal: #ffffffb3;\\n  --mds-color-theme-text-teamdefault-hover: #ffffffb3;\\n  --mds-color-theme-text-teamdefault-active: #fffffff2;\\n  --mds-color-theme-text-alert-purple-normal: #f294f1;\\n  --mds-color-theme-text-alert-purple-hover: #fce1fc;\\n  --mds-color-theme-text-alert-purple-active: #fce1fc;\\n  --mds-color-theme-text-alert-orange-normal: #fd884e;\\n  --mds-color-theme-text-alert-orange-hover: #fed5ac;\\n  --mds-color-theme-text-alert-orange-active: #fed5ac;\\n  --mds-color-theme-text-team-cobalt-normal: #5ebff7;\\n  --mds-color-theme-text-team-cobalt-hover: #5ebff7;\\n  --mds-color-theme-text-team-cobalt-active: #c7eeff;\\n  --mds-color-theme-text-team-cyan-normal: #22c7d6;\\n  --mds-color-theme-text-team-cyan-hover: #22c7d6;\\n  --mds-color-theme-text-team-cyan-active: #b2f4f7;\\n  --mds-color-theme-text-team-mint-normal: #30c9b0;\\n  --mds-color-theme-text-team-mint-hover: #baf5e7;\\n  --mds-color-theme-text-team-mint-active: #baf5e7;\\n  --mds-color-theme-text-team-lime-normal: #93c437;\\n  --mds-color-theme-text-team-lime-hover: #93c437;\\n  --mds-color-theme-text-team-lime-active: #ddf2ae;\\n  --mds-color-theme-text-team-gold-normal: #d6b220;\\n  --mds-color-theme-text-team-gold-hover: #d6b220;\\n  --mds-color-theme-text-team-gold-active: #f5eaa2;\\n  --mds-color-theme-text-team-orange-normal: #fd884e;\\n  --mds-color-theme-text-team-orange-hover: #fd884e;\\n  --mds-color-theme-text-team-orange-active: #fed5ac;\\n  --mds-color-theme-text-team-pink-normal: #fc97aa;\\n  --mds-color-theme-text-team-pink-hover: #fc97aa;\\n  --mds-color-theme-text-team-pink-active: #ffe0e7;\\n  --mds-color-theme-text-team-purple-normal: #f294f1;\\n  --mds-color-theme-text-team-purple-hover: #f294f1;\\n  --mds-color-theme-text-team-purple-active: #fce1fc;\\n  --mds-color-theme-text-team-violet-normal: #c7a5fa;\\n  --mds-color-theme-text-team-violet-hover: #c7a5fa;\\n  --mds-color-theme-text-team-violet-active: #f0e3fc;\\n  --mds-color-theme-text-team-slate-normal: #b0b4d9;\\n  --mds-color-theme-text-team-slate-hover: #b0b4d9;\\n  --mds-color-theme-text-team-slate-active: #e3e7fa;\\n  --mds-color-theme-inverted-text-primary-normal: #000000f2;\\n  --mds-color-theme-inverted-text-primary-disabled: #00000066;\\n  --mds-color-theme-inverted-text-secondary-normal: #000000b3;\\n  --mds-color-theme-inverted-text-accent-normal: #0353a8;\\n  --mds-color-theme-inverted-text-accent-hover: #0a274a;\\n  --mds-color-theme-inverted-text-accent-active: #0a274a;\\n  --mds-color-theme-inverted-background-normal: #ffffff;\\n  --mds-color-theme-inverted-button-primary-normal: #000000f2;\\n  --mds-color-theme-inverted-button-primary-hover: #000000cc;\\n  --mds-color-theme-inverted-button-primary-pressed: #000000b3;\\n  --mds-color-theme-inverted-button-primary-disabled: #00000033;\\n  --mds-color-theme-inverted-button-secondary-normal: #00000000;\\n  --mds-color-theme-inverted-button-secondary-hover: #00000012;\\n  --mds-color-theme-inverted-button-secondary-pressed: #00000033;\\n  --mds-color-theme-inverted-button-secondary-disabled: #00000000;\\n  --mds-color-theme-inverted-outline-button-normal: #00000080;\\n  --mds-color-theme-inverted-outline-primary-normal: #00000075;\\n  --mds-color-theme-inverted-outline-disabled-normal: #00000033;\\n  --mds-color-theme-inverted-outline-theme-normal: #1170cf;\\n  --mds-color-theme-inverted-control-active-normal: #1170cf;\\n  --mds-color-theme-inverted-control-active-hover: #0353a8;\\n  --mds-color-theme-inverted-control-active-pressed: #063a75;\\n  --mds-color-theme-inverted-control-active-active: #063a75;\\n  --mds-color-theme-inverted-control-active-disabled: #00000033;\\n  --mds-color-theme-inverted-control-inactive-normal: #8f8f8f;\\n  --mds-color-theme-inverted-control-inactive-hover: #0000004d;\\n  --mds-color-theme-inverted-control-inactive-pressed: #00000066;\\n  --mds-color-theme-inverted-control-inactive-disabled: #00000033;\\n  --mds-color-theme-background-primary-ghost: #ffffff00;\\n  --mds-color-theme-background-primary-hover: #ffffff12;\\n  --mds-color-theme-background-primary-active: #ffffff1c;\\n  --mds-color-theme-background-primary-disabled: #ffffff00;\\n  --mds-color-theme-background-solid-primary-normal: #000000;\\n  --mds-color-theme-background-solid-secondary-normal: #1a1a1a;\\n  --mds-color-theme-background-solid-tertiary-normal: #262626;\\n  --mds-color-theme-background-solid-quaternary-normal: #3b3b3b;\\n  --mds-color-theme-background-secondary-normal: #ffffff1c;\\n  --mds-color-theme-background-secondary-hover: #ffffff33;\\n  --mds-color-theme-background-secondary-active: #ffffff33;\\n  --mds-color-theme-background-secondary-disabled: #ffffff00;\\n  --mds-color-theme-background-accent-normal: #1170cf;\\n  --mds-color-theme-background-accent-active: #64b4fa;\\n  --mds-color-theme-background-alert-default-normal: #3b3b3b;\\n  --mds-color-theme-background-alert-default-hover: #3b3b3b;\\n  --mds-color-theme-background-alert-default-active: #545454;\\n  --mds-color-theme-background-alert-success-normal: #0e2b20;\\n  --mds-color-theme-background-alert-success-hover: #0e2b20;\\n  --mds-color-theme-background-alert-success-active: #134231;\\n  --mds-color-theme-background-alert-warning-normal: #36220c;\\n  --mds-color-theme-background-alert-warning-hover: #36220c;\\n  --mds-color-theme-background-alert-warning-active: #57330a;\\n  --mds-color-theme-background-alert-error-normal: #4f0e10;\\n  --mds-color-theme-background-alert-error-hover: #4f0e10;\\n  --mds-color-theme-background-alert-error-active: #780d13;\\n  --mds-color-theme-background-alert-theme-normal: #0a274a;\\n  --mds-color-theme-background-alert-theme-hover: #0a274a;\\n  --mds-color-theme-background-alert-theme-active: #063a75;\\n  --mds-color-theme-background-alert-purple-normal: #3b1840;\\n  --mds-color-theme-background-alert-purple-hover: #3b1840;\\n  --mds-color-theme-background-alert-purple-active: #601e66;\\n  --mds-color-theme-background-alert-orange-normal: #411b04;\\n  --mds-color-theme-background-alert-orange-hover: #411b04;\\n  --mds-color-theme-background-alert-orange-active: #682601;\\n  --mds-color-theme-background-label-cobalt-normal: #12283d;\\n  --mds-color-theme-background-label-cobalt-hover: #103c63;\\n  --mds-color-theme-background-label-cobalt-active: #08599c;\\n  --mds-color-theme-background-label-gold-normal: #30240d;\\n  --mds-color-theme-background-label-gold-hover: #4d370c;\\n  --mds-color-theme-background-label-gold-active: #735107;\\n  --mds-color-theme-background-label-lime-normal: #1e2b10;\\n  --mds-color-theme-background-label-lime-hover: #2d4214;\\n  --mds-color-theme-background-label-lime-active: #416116;\\n  --mds-color-theme-background-label-mint-normal: #102b2a;\\n  --mds-color-theme-background-label-mint-hover: #12423f;\\n  --mds-color-theme-background-label-mint-active: #12615a;\\n  --mds-color-theme-background-label-orange-normal: #411b04;\\n  --mds-color-theme-background-label-orange-hover: #682601;\\n  --mds-color-theme-background-label-orange-active: #9c3202;\\n  --mds-color-theme-background-label-pink-normal: #3b1e21;\\n  --mds-color-theme-background-label-pink-hover: #66262d;\\n  --mds-color-theme-background-label-pink-active: #a12a3a;\\n  --mds-color-theme-background-label-purple-normal: #3b1840;\\n  --mds-color-theme-background-label-purple-hover: #601e66;\\n  --mds-color-theme-background-label-purple-active: #932099;\\n  --mds-color-theme-background-label-slate-normal: #26262b;\\n  --mds-color-theme-background-label-slate-hover: #393a47;\\n  --mds-color-theme-background-label-slate-active: #535573;\\n  --mds-color-theme-background-label-violet-normal: #29223d;\\n  --mds-color-theme-background-label-violet-hover: #432c78;\\n  --mds-color-theme-background-label-violet-active: #643abd;\\n  --mds-color-theme-background-label-default-normal: #262626;\\n  --mds-color-theme-background-label-default-hover: #3b3b3b;\\n  --mds-color-theme-background-label-default-active: #545454;\\n  --mds-color-theme-background-label-error-normal: #4f0e10;\\n  --mds-color-theme-background-label-error-hover: #780d13;\\n  --mds-color-theme-background-label-error-active: #ab0a15;\\n  --mds-color-theme-background-namelabel-normal: #00000099;\\n  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);\\n  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);\\n  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);\\n  --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);\\n  --mds-color-theme-background-glass-normal: #00000066;\\n  --mds-color-theme-background-glass-overlay-normal: #000000cc;\\n  --mds-color-theme-background-glass-overlay-inactive: #00000066;\\n  --mds-color-theme-button-primary-normal: #fffffff2;\\n  --mds-color-theme-button-primary-hover: #ffffffcc;\\n  --mds-color-theme-button-primary-pressed: #ffffffb3;\\n  --mds-color-theme-button-primary-disabled: #ffffff33;\\n  --mds-color-theme-button-secondary-normal: #ffffff00;\\n  --mds-color-theme-button-secondary-hover: #ffffff12;\\n  --mds-color-theme-button-secondary-pressed: #ffffff33;\\n  --mds-color-theme-button-secondary-disabled: #ffffff00;\\n  --mds-color-theme-button-secondary-active-normal: #ffffff33;\\n  --mds-color-theme-button-secondary-active-hover: #ffffff4d;\\n  --mds-color-theme-button-secondary-active-pressed: #ffffff66;\\n  --mds-color-theme-button-secondary-active-disabled: #ffffff1c;\\n  --mds-color-theme-button-join-normal: #1d805f;\\n  --mds-color-theme-button-join-hover: #185e46;\\n  --mds-color-theme-button-join-pressed: #134231;\\n  --mds-color-theme-button-cancel-normal: #db1f2e;\\n  --mds-color-theme-button-cancel-hover: #ab0a15;\\n  --mds-color-theme-button-cancel-pressed: #780d13;\\n  --mds-color-theme-button-accent-normal: #1170cf;\\n  --mds-color-theme-button-accent-hover: #0353a8;\\n  --mds-color-theme-button-accent-pressed: #063a75;\\n  --mds-color-theme-button-glass-primary-normal: #ffffffcc;\\n  --mds-color-theme-button-glass-primary-hover: #ffffffb3;\\n  --mds-color-theme-button-glass-primary-pressed: #ffffff99;\\n  --mds-color-theme-outline-primary-normal: #ffffff66;\\n  --mds-color-theme-outline-primary-disabled: #ffffff33;\\n  --mds-color-theme-outline-theme-normal: #64b4fa;\\n  --mds-color-theme-outline-secondary-normal: #ffffff33;\\n  --mds-color-theme-outline-input-normal: #ffffff80;\\n  --mds-color-theme-outline-input-active: #ffffffe6;\\n  --mds-color-theme-outline-button-normal: #ffffff80;\\n  --mds-color-theme-outline-join-normal: #3cc29a;\\n  --mds-color-theme-outline-cancel-normal: #fc8b98;\\n  --mds-color-theme-outline-share-selected: #27a17a;\\n  --mds-color-theme-outline-share-active: #ec6400;\\n  --mds-color-theme-outline-share-inactive: #8f8f8f;\\n  --mds-color-theme-outline-overlay-normal: #adadad;\\n  --mds-color-theme-outline-high-contrast-focus: #ffffff;\\n  --mds-color-theme-outline-label-cobalt: #5ebff7;\\n  --mds-color-theme-outline-label-gold: #d6b220;\\n  --mds-color-theme-outline-label-lime: #93c437;\\n  --mds-color-theme-outline-label-mint: #30c9b0;\\n  --mds-color-theme-outline-label-orange: #fd884e;\\n  --mds-color-theme-outline-label-pink: #fc97aa;\\n  --mds-color-theme-outline-label-purple: #f294f1;\\n  --mds-color-theme-outline-label-slate: #b0b4d9;\\n  --mds-color-theme-outline-label-violet: #c7a5fa;\\n  --mds-color-theme-outline-promotion-normal: #c233c4;\\n  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #22c7d6 51.1%, #68debd 85.36%);\\n  --mds-color-theme-outline-warning-normal: #f2990a;\\n  --mds-color-theme-control-active-normal: #64b4fa;\\n  --mds-color-theme-control-active-hover: #3492eb;\\n  --mds-color-theme-control-active-pressed: #1170cf;\\n  --mds-color-theme-control-active-active: #1170cf;\\n  --mds-color-theme-control-active-disabled: #ffffff33;\\n  --mds-color-theme-control-indicator-inactive-normal: #8f8f8f;\\n  --mds-color-theme-control-inactive-normal: #ffffff1c;\\n  --mds-color-theme-control-inactive-hover: #ffffff33;\\n  --mds-color-theme-control-inactive-pressed: #ffffff4d;\\n  --mds-color-theme-control-inactive-disabled: #ffffff12;\\n  --mds-color-theme-overlay-meetings-normal: #000000b3;\\n  --mds-color-theme-overlay-button-secondary-normal: #0f0f0f;\\n  --mds-color-theme-overlay-button-secondary-hover: #262626;\\n  --mds-color-theme-overlay-button-secondary-pressed: #3b3b3b;\\n  --mds-color-theme-indicator-unstable: #ec6400;\\n  --mds-color-theme-indicator-attention: #f55868;\\n  --mds-color-theme-indicator-stable: #27a17a;\\n  --mds-color-theme-indicator-locked: #8f8f8f;\\n  --mds-color-theme-indicator-caution: #cf7900;\\n  --mds-color-theme-indicator-secure: #3492eb;\\n  --mds-color-theme-common-whiteboard-sticky-note-yellow: #ffbe4f;\\n  --mds-color-theme-common-whiteboard-sticky-note-red: #fc8b98;\\n  --mds-color-theme-common-whiteboard-sticky-note-purple: #f294f1;\\n  --mds-color-theme-common-whiteboard-sticky-note-cyan: #22c7d6;\\n  --mds-color-theme-common-whiteboard-sticky-note-mint: #30c9b0;\\n  --mds-color-theme-common-whiteboard-pen-black: #0f0f0f;\\n  --mds-color-theme-common-whiteboard-pen-red: #f55868;\\n  --mds-color-theme-common-whiteboard-pen-purple: #c233c4;\\n  --mds-color-theme-common-whiteboard-pen-blue: #64b4fa;\\n  --mds-color-theme-common-whiteboard-pen-green: #3cc29a;\\n  --mds-color-theme-common-whiteboard-pen-yellow: #f2990a;\\n  --mds-color-theme-common-whiteboard-pen-white: #ffffff;\\n  --mds-color-theme-common-text-primary-normal: #fffffff2;\\n  --mds-color-theme-common-text-primary-disabled: #ffffff66;\\n  --mds-color-theme-common-text-secondary-normal: #ffffffb3;\\n  --mds-color-theme-common-text-success-normal: #3cc29a;\\n  --mds-color-theme-common-text-success-hover: #9fedd8;\\n  --mds-color-theme-common-text-error-normal: #fc8b98;\\n  --mds-color-theme-common-text-error-hover: #ffd4da;\\n  --mds-color-theme-common-text-warning-normal: #f2990a;\\n  --mds-color-theme-common-text-warning-hover: #ffda94;\\n  --mds-color-theme-common-inverted-text-secondary-normal: #00000099;\\n  --mds-color-theme-common-inverted-text-primary-normal: #000000f2;\\n  --mds-color-theme-common-inverted-button-secondary-normal: #00000000;\\n  --mds-color-theme-common-inverted-button-secondary-hover: #00000012;\\n  --mds-color-theme-common-inverted-button-secondary-pressed: #00000033;\\n  --mds-color-theme-common-inverted-button-secondary-disabled: #00000000;\\n  --mds-color-theme-common-overlays-primary-normal: #000000e6;\\n  --mds-color-theme-common-overlays-secondary-normal: #00000066;\\n  --mds-color-theme-common-overlays-meeting-normal-0: #00000000;\\n  --mds-color-theme-common-overlays-meeting-normal-1: #0000004d;\\n  --mds-color-theme-common-overlays-meeting-normal-2: #000000cc;\\n  --mds-color-theme-common-button-primary-normal: #fffffff2;\\n  --mds-color-theme-common-button-primary-hover: #ffffffcc;\\n  --mds-color-theme-common-button-primary-pressed: #ffffffb3;\\n  --mds-color-theme-common-button-primary-disabled: #ffffff33;\\n  --mds-color-theme-common-button-secondary-normal: #ffffff00;\\n  --mds-color-theme-common-button-secondary-hover: #ffffff12;\\n  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;\\n  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;\\n  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;\\n  --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;\\n  --mds-color-theme-common-button-secondary-disabled: #ffffff00;\\n  --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);\\n  --mds-color-theme-common-button-promotion-normal: linear-gradient(45deg, #932099 0%, #a12a3a 100%);\\n  --mds-color-theme-common-button-promotion-hover: linear-gradient(45deg, #601e66 0%, #66262d 100%);\\n  --mds-color-theme-common-button-promotion-active: linear-gradient(45deg, #3b1840 0%, #3b1e21 100%);\\n  --mds-color-theme-common-outline-button-normal: #ffffff4d;\\n  --mds-color-theme-common-outline-primary-normal: #ffffff66;\\n  --mds-color-theme-common-outline-primary-disabled: #ffffff33;\\n  --mds-color-theme-common-outline-input-normal: #ffffff80;\\n  --mds-color-theme-common-outline-secondary-normal: #00000033;\\n  --mds-color-theme-common-outline-secondary-disabled: #00000033;\\n  --mds-color-theme-common-outline-warning-normal: #f2990a;\\n  --mds-color-theme-common-control-share-content-selected: #3cc29a;\\n  --mds-color-theme-common-control-share-content-active: #c94403;\\n  --mds-color-theme-common-control-share-content-inactive: #707070;\\n  --mds-color-theme-common-control-inactive-normal: #00000033;\\n  --mds-color-theme-common-background-alert-share-normal: #c94403;\\n  --mds-color-theme-common-background-solid-dark: #1a1a1a;\\n  --mds-color-theme-common-background-solid-light: #ffffff;\\n  --mds-color-theme-common-content-pdf: #ee0507;\\n  --mds-color-theme-common-content-word: #0078d6;\\n  --mds-color-theme-common-content-powerpoint: #d93e17;\\n  --mds-color-theme-common-content-excel: #00893e;\\n  --mds-color-theme-common-content-onenote: #b839db;\\n  --mds-color-theme-common-content-sheets: #f4b400;\\n  --mds-color-theme-common-content-slides: #0f9d58;\\n  --mds-color-theme-common-content-keynote: #029cfb;\\n  --mds-color-theme-common-content-doc: #4285f4;\\n  --mds-color-theme-common-touchbar-background-blue-normal: #1170cf;\\n  --mds-color-theme-common-touchbar-background-blue-pressed: #063a75;\\n  --mds-color-theme-common-touchbar-background-pink-normal: #d43b52;\\n  --mds-color-theme-common-touchbar-background-pink-pressed: #66262d;\\n  --mds-color-theme-common-touchbar-background-mint-normal: #148579;\\n  --mds-color-theme-common-touchbar-background-mint-pressed: #12423f;\\n  --mds-color-theme-common-touchbar-background-purple-normal: #c233c4;\\n  --mds-color-theme-common-touchbar-background-purple-pressed: #601e66;\\n  --mds-color-theme-common-touchbar-background-violet-normal: #875ae0;\\n  --mds-color-theme-common-touchbar-background-violet-pressed: #432c78;\\n  --mds-color-theme-common-touchbar-background-orange-normal: #c94403;\\n  --mds-color-theme-common-touchbar-background-orange-pressed: #682601;\\n  --mds-color-theme-common-touchbar-background-green-normal: #1d805f;\\n  --mds-color-theme-common-touchbar-background-green-pressed: #134231;\\n  --mds-color-theme-common-touchbar-background-red-normal: #db1f2e;\\n  --mds-color-theme-common-touchbar-background-red-pressed: #780d13;\\n  --mds-color-theme-common-touchbar-background-transparent: #00000000;\\n  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;\\n  --mds-color-theme-common-touchbar-icon-stable: #27a17a;\\n  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;\\n  --mds-color-theme-scrollbar-button-normal: #ffffff66;\\n  --mds-color-theme-scrollbar-button-hover: #ffffff80;\\n  --mds-color-theme-scrollbar-button-pressed: #ffffff99;\\n  --mds-color-theme-scrollbar-arrow-normal: #ffffffb3;\\n  --mds-color-theme-scrollbar-arrow-background-normal: #ffffff00;\\n  --mds-color-theme-scrollbar-arrow-background-hover: #ffffff33;\\n  --mds-color-theme-scrollbar-arrow-background-pressed: #ffffff4d;\\n  --mds-color-theme-scrollbar-background-secondary-ghost: #ffffff00;\\n  --mds-color-theme-scrollbar-background-secondary-normal: #ffffff1c;\\n  --mds-color-theme-illustrations-empty-primary-0: #93c437;\\n  --mds-color-theme-illustrations-empty-primary-1: #279be8;\\n  --mds-color-theme-illustrations-empty-secondary-0: #279be8;\\n  --mds-color-theme-illustrations-empty-secondary-1: #875ae0;\\n  --mds-color-theme-illustrations-onboarding-primary-0: #ffbe4f;\\n  --mds-color-theme-illustrations-onboarding-primary-1: #93c437;\\n  --mds-color-theme-illustrations-onboarding-secondary-0: #f55868;\\n  --mds-color-theme-illustrations-onboarding-secondary-1: #875ae0;\\n  --mds-color-theme-illustrations-onboarding-tertiary-0: #ffbe4f;\\n  --mds-color-theme-illustrations-onboarding-tertiary-1: #ec6400;\\n  --mds-color-theme-illustrations-onboarding-quartenary-0: #93c437;\\n  --mds-color-theme-illustrations-onboarding-quartenary-1: #279be8;\\n  --mds-color-theme-illustrations-onboarding-quinary-0: #279be8;\\n  --mds-color-theme-illustrations-onboarding-quinary-1: #875ae0;\\n  --mds-color-theme-illustrations-success-0: #3cc29a;\\n  --mds-color-theme-illustrations-success-1: #93c437;\\n  --mds-color-theme-illustrations-error-0: #f0677e;\\n  --mds-color-theme-illustrations-error-1: #db1f2e;\\n  --mds-color-theme-illustrations-default: #ffffff;\\n  --mds-color-theme-globaltint-normal: #3492eb;\\n  --mds-color-theme-globaltint-selected: #1170cf;\\n  --mds-color-theme-groupedbackground-primary-normal: #000000;\\n  --mds-color-theme-groupedbackground-secondary-normal: #1a1a1a;\\n  --mds-color-theme-groupedbackground-tertiary-normal: #262626;\\n  --mds-color-theme-groupedbackground-quaternary-normal: #3b3b3b;\\n  --mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);\\n  --mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);\\n  --mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #fc8b9800 0%, #fc8b9899 22.4%, #fc8b9899 76.04%, #fc8b9800 100%);\\n  --mds-color-theme-gradientdivider-error-hover: linear-gradient(90deg, #fc8b9800 0%, #fc8b98e6 22.4%, #fc8b98e6 76.04%, #fc8b9800 100%);\\n  --mds-color-theme-gradientdivider-warning-normal: linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%);\\n  --mds-color-theme-gradientdivider-warning-hover: linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%);\\n  --mds-color-theme-gradientdivider-announce-normal: linear-gradient(90deg, #64b4fa00 0%, #64b4fa99 22.4%, #64b4fa99 76.04%, #64b4fa00 100%);\\n  --mds-color-theme-gradientdivider-announce-hover: linear-gradient(90deg, #64b4fa00 0%,#64b4faE6 22.4%, #64b4faE6 76.04%, #64b4fa00 100%);\\n  --mds-color-theme-gradientdivider-success-normal: linear-gradient(90deg, #3cc29a00 0%, #3cc29a99 22.4%, #3cc29a99 76.04%, #3cc29a00 100%);\\n  --mds-color-theme-gradientdivider-success-hover: linear-gradient(90deg, #3cc29a00 0%,#3cc29aE6 22.4%, #3cc29aE6 76.04%, #3cc29a00 100%);\\n  --mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #fd884e00 0%, #fd884e99 22.4%, #fd884e99 76.04%, #fd884e00 100%);\\n  --mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #fd884e00 0%,#fd884eE6 22.4%, #fd884eE6 76.04%, #fd884e00 100%);\\n  --mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #f294f100 0%, #f294f199 22.4%, #f294f199 76.04%, #f294f100 100%);\\n  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);\\n  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);\\n  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);\\n  --mds-color-theme-avatar-default: #545454;\\n  --mds-color-theme-avatar-hover: #ffffff12;\\n  --mds-color-theme-avatar-pressed: #ffffff33;\\n  --mds-color-theme-avatar-cobalt: #08599c;\\n  --mds-color-theme-avatar-cyan: #066070;\\n  --mds-color-theme-avatar-gold: #735107;\\n  --mds-color-theme-avatar-lime: #416116;\\n  --mds-color-theme-avatar-mint: #12615a;\\n  --mds-color-theme-avatar-orange: #9c3202;\\n  --mds-color-theme-avatar-pink: #a12a3a;\\n  --mds-color-theme-avatar-purple: #932099;\\n  --mds-color-theme-avatar-slate: #535573;\\n  --mds-color-theme-avatar-violet: #643abd;\\n  --mds-color-theme-avatar-yellow: #7d4705;\\n  --mds-color-theme-avatar-glass-normal: #ffffff12;\\n  --mds-color-theme-avatar-glass-active: #ffffffcc;\\n  --mds-color-theme-focus-default-0: #000000;\\n  --mds-color-theme-focus-default-1: #64b4fa;\\n  --mds-color-theme-focus-default-2: #64b4fa59;\\n}\\n.mds-theme-stable-lightWebex {\\n  --mds-color-theme-text-primary-normal: #000000f2;\\n  --mds-color-theme-text-primary-disabled: #00000066;\\n  --mds-color-theme-text-secondary-normal: #000000b3;\\n  --mds-color-theme-text-error-normal: #ab0a15;\\n  --mds-color-theme-text-error-hover: #4f0e10;\\n  --mds-color-theme-text-error-active: #4f0e10;\\n  --mds-color-theme-text-success-normal: #185e46;\\n  --mds-color-theme-text-success-hover: #0e2b20;\\n  --mds-color-theme-text-success-active: #0e2b20;\\n  --mds-color-theme-text-warning-normal: #7d4705;\\n  --mds-color-theme-text-warning-hover: #36220c;\\n  --mds-color-theme-text-warning-active: #36220c;\\n  --mds-color-theme-text-highlight: #bfe3ff;\\n  --mds-color-theme-text-accent-normal: #0353a8;\\n  --mds-color-theme-text-accent-hover: #0a274a;\\n  --mds-color-theme-text-accent-active: #0a274a;\\n  --mds-color-theme-text-teamdefault-normal: #000000b3;\\n  --mds-color-theme-text-teamdefault-hover: #000000b3;\\n  --mds-color-theme-text-teamdefault-active: #000000f2;\\n  --mds-color-theme-text-alert-purple-normal: #932099;\\n  --mds-color-theme-text-alert-purple-hover: #3b1840;\\n  --mds-color-theme-text-alert-purple-active: #3b1840;\\n  --mds-color-theme-text-alert-orange-normal: #9c3202;\\n  --mds-color-theme-text-alert-orange-hover: #411b04;\\n  --mds-color-theme-text-alert-orange-active: #411b04;\\n  --mds-color-theme-text-team-cobalt-normal: #08599c;\\n  --mds-color-theme-text-team-cobalt-hover: #08599c;\\n  --mds-color-theme-text-team-cobalt-active: #12283d;\\n  --mds-color-theme-text-team-cyan-normal: #066070;\\n  --mds-color-theme-text-team-cyan-hover: #0b2a30;\\n  --mds-color-theme-text-team-cyan-active: #0b2a30;\\n  --mds-color-theme-text-team-mint-normal: #12615a;\\n  --mds-color-theme-text-team-mint-hover: #102b2a;\\n  --mds-color-theme-text-team-mint-active: #102b2a;\\n  --mds-color-theme-text-team-lime-normal: #416116;\\n  --mds-color-theme-text-team-lime-hover: #416116;\\n  --mds-color-theme-text-team-lime-active: #1e2b10;\\n  --mds-color-theme-text-team-gold-normal: #735107;\\n  --mds-color-theme-text-team-gold-hover: #735107;\\n  --mds-color-theme-text-team-gold-active: #30240d;\\n  --mds-color-theme-text-team-orange-normal: #9c3202;\\n  --mds-color-theme-text-team-orange-hover: #9c3202;\\n  --mds-color-theme-text-team-orange-active: #411b04;\\n  --mds-color-theme-text-team-pink-normal: #a12a3a;\\n  --mds-color-theme-text-team-pink-hover: #a12a3a;\\n  --mds-color-theme-text-team-pink-active: #3b1e21;\\n  --mds-color-theme-text-team-purple-normal: #932099;\\n  --mds-color-theme-text-team-purple-hover: #932099;\\n  --mds-color-theme-text-team-purple-active: #3b1840;\\n  --mds-color-theme-text-team-violet-normal: #643abd;\\n  --mds-color-theme-text-team-violet-hover: #643abd;\\n  --mds-color-theme-text-team-violet-active: #29223d;\\n  --mds-color-theme-text-team-slate-normal: #535573;\\n  --mds-color-theme-text-team-slate-hover: #535573;\\n  --mds-color-theme-text-team-slate-active: #26262b;\\n  --mds-color-theme-inverted-text-primary-normal: #fffffff2;\\n  --mds-color-theme-inverted-text-primary-disabled: #ffffff66;\\n  --mds-color-theme-inverted-text-secondary-normal: #ffffffb3;\\n  --mds-color-theme-inverted-text-accent-normal: #64b4fa;\\n  --mds-color-theme-inverted-text-accent-hover: #bfe3ff;\\n  --mds-color-theme-inverted-text-accent-active: #bfe3ff;\\n  --mds-color-theme-inverted-background-normal: #000000;\\n  --mds-color-theme-inverted-button-primary-normal: #fffffff2;\\n  --mds-color-theme-inverted-button-primary-hover: #ffffffcc;\\n  --mds-color-theme-inverted-button-primary-pressed: #ffffffb3;\\n  --mds-color-theme-inverted-button-primary-disabled: #ffffff33;\\n  --mds-color-theme-inverted-button-secondary-normal: #ffffff00;\\n  --mds-color-theme-inverted-button-secondary-hover: #ffffff12;\\n  --mds-color-theme-inverted-button-secondary-pressed: #ffffff33;\\n  --mds-color-theme-inverted-button-secondary-disabled: #ffffff00;\\n  --mds-color-theme-inverted-outline-button-normal: #ffffff80;\\n  --mds-color-theme-inverted-outline-primary-normal: #ffffff66;\\n  --mds-color-theme-inverted-outline-disabled-normal: #ffffff33;\\n  --mds-color-theme-inverted-outline-theme-normal: #64b4fa;\\n  --mds-color-theme-inverted-control-active-normal: #64b4fa;\\n  --mds-color-theme-inverted-control-active-hover: #3492eb;\\n  --mds-color-theme-inverted-control-active-pressed: #1170cf;\\n  --mds-color-theme-inverted-control-active-active: #1170cf;\\n  --mds-color-theme-inverted-control-active-disabled: #ffffff33;\\n  --mds-color-theme-inverted-control-inactive-normal: #8f8f8f;\\n  --mds-color-theme-inverted-control-inactive-hover: #ffffff4d;\\n  --mds-color-theme-inverted-control-inactive-pressed: #ffffff66;\\n  --mds-color-theme-inverted-control-inactive-disabled: #ffffff33;\\n  --mds-color-theme-background-primary-ghost: #00000000;\\n  --mds-color-theme-background-primary-hover: #00000012;\\n  --mds-color-theme-background-primary-active: #0000001c;\\n  --mds-color-theme-background-primary-disabled: #00000000;\\n  --mds-color-theme-background-solid-primary-normal: #ffffff;\\n  --mds-color-theme-background-solid-secondary-normal: #f7f7f7;\\n  --mds-color-theme-background-solid-tertiary-normal: #ededed;\\n  --mds-color-theme-background-solid-quaternary-normal: #ffffff;\\n  --mds-color-theme-background-secondary-normal: #0000001c;\\n  --mds-color-theme-background-secondary-hover: #00000033;\\n  --mds-color-theme-background-secondary-active: #0000004d;\\n  --mds-color-theme-background-secondary-disabled: #00000000;\\n  --mds-color-theme-background-accent-normal: #1170cf;\\n  --mds-color-theme-background-accent-active: #0353a8;\\n  --mds-color-theme-background-alert-default-normal: #dedede;\\n  --mds-color-theme-background-alert-default-hover: #dedede;\\n  --mds-color-theme-background-alert-default-active: #c9c9c9;\\n  --mds-color-theme-background-alert-success-normal: #cef5eb;\\n  --mds-color-theme-background-alert-success-hover: #cef5eb;\\n  --mds-color-theme-background-alert-success-active: #9fedd8;\\n  --mds-color-theme-background-alert-warning-normal: #ffebc2;\\n  --mds-color-theme-background-alert-warning-hover: #ffebc2;\\n  --mds-color-theme-background-alert-warning-active: #ffda94;\\n  --mds-color-theme-background-alert-error-normal: #ffe8ea;\\n  --mds-color-theme-background-alert-error-hover: #ffe8ea;\\n  --mds-color-theme-background-alert-error-active: #ffd4da;\\n  --mds-color-theme-background-alert-theme-normal: #dbf0ff;\\n  --mds-color-theme-background-alert-theme-hover: #dbf0ff;\\n  --mds-color-theme-background-alert-theme-active: #bfe3ff;\\n  --mds-color-theme-background-alert-purple-normal: #fcf2fc;\\n  --mds-color-theme-background-alert-purple-hover: #fcf2fc;\\n  --mds-color-theme-background-alert-purple-active: #fce1fc;\\n  --mds-color-theme-background-alert-orange-normal: #feebd7;\\n  --mds-color-theme-background-alert-orange-hover: #feebd7;\\n  --mds-color-theme-background-alert-orange-active: #fed5ac;\\n  --mds-color-theme-background-label-cobalt-normal: #e5f8ff;\\n  --mds-color-theme-background-label-cobalt-hover: #c7eeff;\\n  --mds-color-theme-background-label-cobalt-active: #99ddff;\\n  --mds-color-theme-background-label-gold-normal: #f7f6dc;\\n  --mds-color-theme-background-label-gold-hover: #f5eaa2;\\n  --mds-color-theme-background-label-gold-active: #ebd460;\\n  --mds-color-theme-background-label-lime-normal: #f3f7e9;\\n  --mds-color-theme-background-label-lime-hover: #ddf2ae;\\n  --mds-color-theme-background-label-lime-active: #bce36f;\\n  --mds-color-theme-background-label-mint-normal: #e9f7f3;\\n  --mds-color-theme-background-label-mint-hover: #baf5e7;\\n  --mds-color-theme-background-label-mint-active: #74e8d1;\\n  --mds-color-theme-background-label-orange-normal: #feebd7;\\n  --mds-color-theme-background-label-orange-hover: #fed5ac;\\n  --mds-color-theme-background-label-orange-active: #feba7f;\\n  --mds-color-theme-background-label-pink-normal: #fff2f5;\\n  --mds-color-theme-background-label-pink-hover: #ffe0e7;\\n  --mds-color-theme-background-label-pink-active: #ffc7d2;\\n  --mds-color-theme-background-label-purple-normal: #fcf2fc;\\n  --mds-color-theme-background-label-purple-hover: #fce1fc;\\n  --mds-color-theme-background-label-purple-active: #fac3f8;\\n  --mds-color-theme-background-label-slate-normal: #f2f4ff;\\n  --mds-color-theme-background-label-slate-hover: #e3e7fa;\\n  --mds-color-theme-background-label-slate-active: #ced2ed;\\n  --mds-color-theme-background-label-violet-normal: #f8f2fc;\\n  --mds-color-theme-background-label-violet-hover: #f0e3fc;\\n  --mds-color-theme-background-label-violet-active: #e2cafc;\\n  --mds-color-theme-background-label-default-normal: #ededed;\\n  --mds-color-theme-background-label-default-hover: #dedede;\\n  --mds-color-theme-background-label-default-active: #c9c9c9;\\n  --mds-color-theme-background-label-error-normal: #ffe8ea;\\n  --mds-color-theme-background-label-error-hover: #ffd4da;\\n  --mds-color-theme-background-label-error-active: #ffb8c1;\\n  --mds-color-theme-background-namelabel-normal: #00000099;\\n  --mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%);\\n  --mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);\\n  --mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);\\n  --mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%);\\n  --mds-color-theme-background-glass-normal: #ffffff99;\\n  --mds-color-theme-background-glass-overlay-normal: #ffffffcc;\\n  --mds-color-theme-background-glass-overlay-inactive: #ffffff66;\\n  --mds-color-theme-button-primary-normal: #000000f2;\\n  --mds-color-theme-button-primary-hover: #000000cc;\\n  --mds-color-theme-button-primary-pressed: #000000b3;\\n  --mds-color-theme-button-primary-disabled: #00000033;\\n  --mds-color-theme-button-secondary-normal: #00000000;\\n  --mds-color-theme-button-secondary-hover: #00000012;\\n  --mds-color-theme-button-secondary-pressed: #00000033;\\n  --mds-color-theme-button-secondary-disabled: #00000000;\\n  --mds-color-theme-button-secondary-active-normal: #00000033;\\n  --mds-color-theme-button-secondary-active-hover: #0000004d;\\n  --mds-color-theme-button-secondary-active-pressed: #00000066;\\n  --mds-color-theme-button-secondary-active-disabled: #0000001c;\\n  --mds-color-theme-button-join-normal: #1d805f;\\n  --mds-color-theme-button-join-hover: #185e46;\\n  --mds-color-theme-button-join-pressed: #134231;\\n  --mds-color-theme-button-cancel-normal: #db1f2e;\\n  --mds-color-theme-button-cancel-hover: #ab0a15;\\n  --mds-color-theme-button-cancel-pressed: #780d13;\\n  --mds-color-theme-button-accent-normal: #1170cf;\\n  --mds-color-theme-button-accent-hover: #0353a8;\\n  --mds-color-theme-button-accent-pressed: #063a75;\\n  --mds-color-theme-button-glass-primary-normal: #000000cc;\\n  --mds-color-theme-button-glass-primary-hover: #000000b3;\\n  --mds-color-theme-button-glass-primary-pressed: #00000099;\\n  --mds-color-theme-outline-primary-normal: #00000075;\\n  --mds-color-theme-outline-primary-disabled: #00000033;\\n  --mds-color-theme-outline-theme-normal: #1170cf;\\n  --mds-color-theme-outline-secondary-normal: #00000033;\\n  --mds-color-theme-outline-input-normal: #00000080;\\n  --mds-color-theme-outline-input-active: #000000e6;\\n  --mds-color-theme-outline-button-normal: #00000080;\\n  --mds-color-theme-outline-join-normal: #185e46;\\n  --mds-color-theme-outline-cancel-normal: #ab0a15;\\n  --mds-color-theme-outline-share-selected: #27a17a;\\n  --mds-color-theme-outline-share-active: #ec6400;\\n  --mds-color-theme-outline-share-inactive: #8f8f8f;\\n  --mds-color-theme-outline-overlay-normal: #707070;\\n  --mds-color-theme-outline-high-contrast-focus: #000000;\\n  --mds-color-theme-outline-label-cobalt: #5ebff7;\\n  --mds-color-theme-outline-label-gold: #d6b220;\\n  --mds-color-theme-outline-label-lime: #93c437;\\n  --mds-color-theme-outline-label-mint: #30c9b0;\\n  --mds-color-theme-outline-label-orange: #fd884e;\\n  --mds-color-theme-outline-label-pink: #fc97aa;\\n  --mds-color-theme-outline-label-purple: #f294f1;\\n  --mds-color-theme-outline-label-slate: #b0b4d9;\\n  --mds-color-theme-outline-label-violet: #c7a5fa;\\n  --mds-color-theme-outline-promotion-normal: #c233c4;\\n  --mds-color-theme-outline-gradient-active: linear-gradient(44deg, #3492eb 14.64%, #00a3b5 51.1%, #3cc29a 85.36%);\\n  --mds-color-theme-outline-warning-normal: #7d4705;\\n  --mds-color-theme-control-active-normal: #1170cf;\\n  --mds-color-theme-control-active-hover: #0353a8;\\n  --mds-color-theme-control-active-pressed: #063a75;\\n  --mds-color-theme-control-active-active: #063a75;\\n  --mds-color-theme-control-active-disabled: #00000033;\\n  --mds-color-theme-control-indicator-inactive-normal: #707070;\\n  --mds-color-theme-control-inactive-normal: #0000001c;\\n  --mds-color-theme-control-inactive-hover: #00000033;\\n  --mds-color-theme-control-inactive-pressed: #0000004d;\\n  --mds-color-theme-control-inactive-disabled: #00000012;\\n  --mds-color-theme-overlay-meetings-normal: #ffffffcc;\\n  --mds-color-theme-overlay-button-secondary-normal: #ffffff;\\n  --mds-color-theme-overlay-button-secondary-hover: #ededed;\\n  --mds-color-theme-overlay-button-secondary-pressed: #dedede;\\n  --mds-color-theme-indicator-unstable: #c94403;\\n  --mds-color-theme-indicator-attention: #db1f2e;\\n  --mds-color-theme-indicator-stable: #1d805f;\\n  --mds-color-theme-indicator-locked: #707070;\\n  --mds-color-theme-indicator-caution: #a65e00;\\n  --mds-color-theme-indicator-secure: #1170cf;\\n  --mds-color-theme-common-whiteboard-sticky-note-yellow: #ffbe4f;\\n  --mds-color-theme-common-whiteboard-sticky-note-red: #fc8b98;\\n  --mds-color-theme-common-whiteboard-sticky-note-purple: #f294f1;\\n  --mds-color-theme-common-whiteboard-sticky-note-cyan: #22c7d6;\\n  --mds-color-theme-common-whiteboard-sticky-note-mint: #30c9b0;\\n  --mds-color-theme-common-whiteboard-pen-black: #0f0f0f;\\n  --mds-color-theme-common-whiteboard-pen-red: #f55868;\\n  --mds-color-theme-common-whiteboard-pen-purple: #c233c4;\\n  --mds-color-theme-common-whiteboard-pen-blue: #64b4fa;\\n  --mds-color-theme-common-whiteboard-pen-green: #3cc29a;\\n  --mds-color-theme-common-whiteboard-pen-yellow: #f2990a;\\n  --mds-color-theme-common-whiteboard-pen-white: #ffffff;\\n  --mds-color-theme-common-text-primary-normal: #fffffff2;\\n  --mds-color-theme-common-text-primary-disabled: #ffffff66;\\n  --mds-color-theme-common-text-secondary-normal: #ffffffb3;\\n  --mds-color-theme-common-text-success-normal: #3cc29a;\\n  --mds-color-theme-common-text-success-hover: #9fedd8;\\n  --mds-color-theme-common-text-error-normal: #fc8b98;\\n  --mds-color-theme-common-text-error-hover: #ffd4da;\\n  --mds-color-theme-common-text-warning-normal: #f2990a;\\n  --mds-color-theme-common-text-warning-hover: #ffda94;\\n  --mds-color-theme-common-inverted-text-primary-normal: #000000f2;\\n  --mds-color-theme-common-inverted-text-secondary-normal: #00000099;\\n  --mds-color-theme-common-inverted-button-secondary-normal: #00000000;\\n  --mds-color-theme-common-inverted-button-secondary-hover: #00000012;\\n  --mds-color-theme-common-inverted-button-secondary-pressed: #00000033;\\n  --mds-color-theme-common-inverted-button-secondary-disabled: #00000000;\\n  --mds-color-theme-common-overlays-primary-normal: #000000e6;\\n  --mds-color-theme-common-overlays-secondary-normal: #00000066;\\n  --mds-color-theme-common-overlays-meeting-normal-0: #00000000;\\n  --mds-color-theme-common-overlays-meeting-normal-1: #0000004d;\\n  --mds-color-theme-common-overlays-meeting-normal-2: #000000cc;\\n  --mds-color-theme-common-button-primary-normal: #fffffff2;\\n  --mds-color-theme-common-button-primary-hover: #ffffffcc;\\n  --mds-color-theme-common-button-primary-pressed: #ffffffb3;\\n  --mds-color-theme-common-button-primary-disabled: #ffffff33;\\n  --mds-color-theme-common-button-secondary-normal: #ffffff00;\\n  --mds-color-theme-common-button-secondary-hover: #ffffff12;\\n  --mds-color-theme-common-button-secondary-active-normal: #ffffff33;\\n  --mds-color-theme-common-button-secondary-active-hover: #ffffff4d;\\n  --mds-color-theme-common-button-secondary-active-pressed: #ffffff66;\\n  --mds-color-theme-common-button-secondary-active-disabled: #ffffff1c;\\n  --mds-color-theme-common-button-secondary-disabled: #ffffff00;\\n  --mds-color-theme-common-button-promotion-normal: linear-gradient(46deg, #932099 0%, #a12a3a 100%);\\n  --mds-color-theme-common-button-promotion-hover: linear-gradient(46deg, #601e66 0%, #66262d 100%);\\n  --mds-color-theme-common-button-promotion-active: linear-gradient(46deg, #3b1840 0%, #3b1e21 100%);\\n  --mds-color-theme-common-button-join-animated-gradient-normal: linear-gradient(90deg, #30c9b0 0%, #64b4fa 51%, #30c9b0 100%);\\n  --mds-color-theme-common-outline-button-normal: #ffffff4d;\\n  --mds-color-theme-common-outline-primary-normal: #ffffff66;\\n  --mds-color-theme-common-outline-primary-disabled: #ffffff33;\\n  --mds-color-theme-common-outline-input-normal: #ffffff80;\\n  --mds-color-theme-common-outline-secondary-normal: #00000033;\\n  --mds-color-theme-common-outline-secondary-disabled: #00000033;\\n  --mds-color-theme-common-outline-warning-normal: #f2990a;\\n  --mds-color-theme-common-control-share-content-selected: #3cc29a;\\n  --mds-color-theme-common-control-share-content-active: #c94403;\\n  --mds-color-theme-common-control-share-content-inactive: #707070;\\n  --mds-color-theme-common-control-inactive-normal: #00000033;\\n  --mds-color-theme-common-background-alert-share-normal: #c94403;\\n  --mds-color-theme-common-background-solid-dark: #1a1a1a;\\n  --mds-color-theme-common-background-solid-light: #ffffff;\\n  --mds-color-theme-common-content-pdf: #ee0507;\\n  --mds-color-theme-common-content-word: #0078d6;\\n  --mds-color-theme-common-content-powerpoint: #d93e17;\\n  --mds-color-theme-common-content-excel: #00893e;\\n  --mds-color-theme-common-content-onenote: #b839db;\\n  --mds-color-theme-common-content-sheets: #f4b400;\\n  --mds-color-theme-common-content-slides: #0f9d58;\\n  --mds-color-theme-common-content-keynote: #029cfb;\\n  --mds-color-theme-common-content-doc: #4285f4;\\n  --mds-color-theme-common-touchbar-background-blue-normal: #1170cf;\\n  --mds-color-theme-common-touchbar-background-blue-pressed: #063a75;\\n  --mds-color-theme-common-touchbar-background-pink-normal: #d43b52;\\n  --mds-color-theme-common-touchbar-background-pink-pressed: #66262d;\\n  --mds-color-theme-common-touchbar-background-mint-normal: #148579;\\n  --mds-color-theme-common-touchbar-background-mint-pressed: #12423f;\\n  --mds-color-theme-common-touchbar-background-purple-normal: #c233c4;\\n  --mds-color-theme-common-touchbar-background-purple-pressed: #601e66;\\n  --mds-color-theme-common-touchbar-background-violet-normal: #875ae0;\\n  --mds-color-theme-common-touchbar-background-violet-pressed: #432c78;\\n  --mds-color-theme-common-touchbar-background-orange-normal: #c94403;\\n  --mds-color-theme-common-touchbar-background-orange-pressed: #682601;\\n  --mds-color-theme-common-touchbar-background-green-normal: #1d805f;\\n  --mds-color-theme-common-touchbar-background-green-pressed: #134231;\\n  --mds-color-theme-common-touchbar-background-red-normal: #db1f2e;\\n  --mds-color-theme-common-touchbar-background-red-pressed: #780d13;\\n  --mds-color-theme-common-touchbar-background-transparent: #00000000;\\n  --mds-color-theme-common-touchbar-icon-attention: #fc8b98;\\n  --mds-color-theme-common-touchbar-icon-stable: #27a17a;\\n  --mds-color-theme-common-touchbar-icon-secure: #64b4fa;\\n  --mds-color-theme-scrollbar-button-normal: #00000075;\\n  --mds-color-theme-scrollbar-button-hover: #00000080;\\n  --mds-color-theme-scrollbar-button-pressed: #00000099;\\n  --mds-color-theme-scrollbar-arrow-normal: #00000099;\\n  --mds-color-theme-scrollbar-arrow-background-normal: #00000000;\\n  --mds-color-theme-scrollbar-arrow-background-hover: #00000033;\\n  --mds-color-theme-scrollbar-arrow-background-pressed: #0000004d;\\n  --mds-color-theme-scrollbar-background-secondary-ghost: #00000000;\\n  --mds-color-theme-scrollbar-background-secondary-normal: #0000001c;\\n  --mds-color-theme-illustrations-empty-primary-0: #93c437;\\n  --mds-color-theme-illustrations-empty-primary-1: #279be8;\\n  --mds-color-theme-illustrations-empty-secondary-0: #279be8;\\n  --mds-color-theme-illustrations-empty-secondary-1: #875ae0;\\n  --mds-color-theme-illustrations-onboarding-primary-0: #ffbe4f;\\n  --mds-color-theme-illustrations-onboarding-primary-1: #93c437;\\n  --mds-color-theme-illustrations-onboarding-secondary-0: #f55868;\\n  --mds-color-theme-illustrations-onboarding-secondary-1: #875ae0;\\n  --mds-color-theme-illustrations-onboarding-tertiary-0: #ffbe4f;\\n  --mds-color-theme-illustrations-onboarding-tertiary-1: #ec6400;\\n  --mds-color-theme-illustrations-onboarding-quartenary-0: #93c437;\\n  --mds-color-theme-illustrations-onboarding-quartenary-1: #279be8;\\n  --mds-color-theme-illustrations-onboarding-quinary-0: #279be8;\\n  --mds-color-theme-illustrations-onboarding-quinary-1: #875ae0;\\n  --mds-color-theme-illustrations-success-0: #3cc29a;\\n  --mds-color-theme-illustrations-success-1: #93c437;\\n  --mds-color-theme-illustrations-error-0: #f0677e;\\n  --mds-color-theme-illustrations-error-1: #db1f2e;\\n  --mds-color-theme-illustrations-default: #000000;\\n  --mds-color-theme-globaltint-normal: #1170cf;\\n  --mds-color-theme-globaltint-selected: #1170cf;\\n  --mds-color-theme-groupedbackground-primary-normal: #f7f7f7;\\n  --mds-color-theme-groupedbackground-secondary-normal: #ffffff;\\n  --mds-color-theme-groupedbackground-tertiary-normal: #f7f7f7;\\n  --mds-color-theme-groupedbackground-quaternary-normal: #ffffff;\\n  --mds-color-theme-avatar-default: #545454;\\n  --mds-color-theme-avatar-cobalt: #08599c;\\n  --mds-color-theme-avatar-cyan: #066070;\\n  --mds-color-theme-avatar-gold: #735107;\\n  --mds-color-theme-avatar-lime: #416116;\\n  --mds-color-theme-avatar-mint: #12615a;\\n  --mds-color-theme-avatar-orange: #9c3202;\\n  --mds-color-theme-avatar-pink: #a12a3a;\\n  --mds-color-theme-avatar-purple: #932099;\\n  --mds-color-theme-avatar-slate: #535573;\\n  --mds-color-theme-avatar-violet: #643abd;\\n  --mds-color-theme-avatar-yellow: #7d4705;\\n  --mds-color-theme-avatar-hover: #00000012;\\n  --mds-color-theme-avatar-pressed: #00000033;\\n  --mds-color-theme-avatar-glass-normal: #00000012;\\n  --mds-color-theme-avatar-glass-active: #ffffffcc;\\n  --mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);\\n  --mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);\\n  --mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #ab0a1500 0%, #ab0a1599 22.4%, #ab0a1599 22.4%, #ab0a1500 100%);\\n  --mds-color-theme-gradientdivider-error-hover: linear-gradient(90deg, #ab0a1500 0%, #ab0a15e6 22.4%, #ab0a15e6 76.04%, #ab0a1500 100%);\\n  --mds-color-theme-gradientdivider-warning-normal: linear-gradient(90deg, #7d470500 0%, #7d470599 22.4%, #7d470599 76.04%, #7d470500 100%);\\n  --mds-color-theme-gradientdivider-warning-hover: linear-gradient(90deg, #7d470500 0%, #7d4705e6 22.4%, #7d4705e6 76.04%, #7d470500 100%);\\n  --mds-color-theme-gradientdivider-announce-normal: linear-gradient(90deg, #0353a800 0%, #0353a899 22.4%, #0353a899 22.4%, #0353a800 100%);\\n  --mds-color-theme-gradientdivider-announce-hover: linear-gradient(90deg, #0353a800 0%, #0353a8E6 76.04%, #0353a8E6 76.04%, #0353a800 100%);\\n  --mds-color-theme-gradientdivider-success-normal: linear-gradient(90deg, #185e4600 0%, #185e4699 22.4%, #185e4699 76.04%, #185e4600 100%);\\n  --mds-color-theme-gradientdivider-success-hover: linear-gradient(90deg, #185e4600 0%, #185e46E6 22.4%, #185e46E6 76.04%, #185e4600 100%);\\n  --mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #9c320200 0%, #9c320299 22.4%, #9c320299 76.04%, #9c320200 100%);\\n  --mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%);\\n  --mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%);\\n  --mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%);\\n  --mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);\\n  --mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);\\n  --mds-color-theme-focus-default-0: #ffffff;\\n  --mds-color-theme-focus-default-1: #1170cf;\\n  --mds-color-theme-focus-default-2: #1170cf59;\\n}\\n.mds-typography {\\n  --mds-font-lineheight-base: 1rem;\\n  --mds-font-lineheight-body-small: 1rem;\\n  --mds-font-lineheight-body-midsize: 1.25rem;\\n  --mds-font-lineheight-body-large: 1.5rem;\\n  --mds-font-lineheight-heading-small: 1.75rem;\\n  --mds-font-lineheight-heading-midsize: 2rem;\\n  --mds-font-lineheight-heading-large: 2.5rem;\\n  --mds-font-lineheight-heading-xlarge: 3.25rem;\\n  --mds-font-lineheight-headline-small: 4rem;\\n  --mds-font-family-primary: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-weight-light: 300;\\n  --mds-font-weight-regular: 400;\\n  --mds-font-weight-medium: 500;\\n  --mds-font-weight-bold: 700;\\n  --mds-font-size-base: 1rem;\\n  --mds-font-size-body-small: 0.75rem;\\n  --mds-font-size-body-midsize: 0.875rem;\\n  --mds-font-size-body-large: 1rem;\\n  --mds-font-size-heading-small: 1.25rem;\\n  --mds-font-size-heading-midsize: 1.5rem;\\n  --mds-font-size-heading-large: 2rem;\\n  --mds-font-size-heading-xlarge: 2.5rem;\\n  --mds-font-size-headline-small: 3.25rem;\\n  --mds-font-text-transform-none: none;\\n  --mds-font-text-transform-uppercase: uppercase;\\n  --mds-font-text-transform-lowercase: lowercase;\\n  --mds-font-text-transform-titlecase: titlecase;\\n  --mds-font-decoration-underline: underline;\\n  --mds-font-decoration-none: none;\\n  --mds-font-apps-body-small-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-small-regular-font-weight: 400;\\n  --mds-font-apps-body-small-regular-line-height: 1rem;\\n  --mds-font-apps-body-small-regular-font-size: 0.75rem;\\n  --mds-font-apps-body-small-regular-text-case: none;\\n  --mds-font-apps-body-small-regular-text-decoration: none;\\n  --mds-font-apps-body-small-regular-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-small-regular-underline-font-weight: 400;\\n  --mds-font-apps-body-small-regular-underline-line-height: 1rem;\\n  --mds-font-apps-body-small-regular-underline-font-size: 0.75rem;\\n  --mds-font-apps-body-small-regular-underline-text-case: none;\\n  --mds-font-apps-body-small-regular-underline-text-decoration: underline;\\n  --mds-font-apps-body-small-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-small-medium-font-weight: 500;\\n  --mds-font-apps-body-small-medium-line-height: 1rem;\\n  --mds-font-apps-body-small-medium-font-size: 0.75rem;\\n  --mds-font-apps-body-small-medium-text-case: none;\\n  --mds-font-apps-body-small-medium-text-decoration: none;\\n  --mds-font-apps-body-small-medium-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-small-medium-underline-font-weight: 500;\\n  --mds-font-apps-body-small-medium-underline-line-height: 1rem;\\n  --mds-font-apps-body-small-medium-underline-font-size: 0.75rem;\\n  --mds-font-apps-body-small-medium-underline-text-case: none;\\n  --mds-font-apps-body-small-medium-underline-text-decoration: underline;\\n  --mds-font-apps-body-small-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-small-bold-font-weight: 700;\\n  --mds-font-apps-body-small-bold-line-height: 1rem;\\n  --mds-font-apps-body-small-bold-font-size: 0.75rem;\\n  --mds-font-apps-body-small-bold-text-case: none;\\n  --mds-font-apps-body-small-bold-text-decoration: none;\\n  --mds-font-apps-body-midsize-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-midsize-regular-font-weight: 400;\\n  --mds-font-apps-body-midsize-regular-line-height: 1.25rem;\\n  --mds-font-apps-body-midsize-regular-font-size: 0.875rem;\\n  --mds-font-apps-body-midsize-regular-text-case: none;\\n  --mds-font-apps-body-midsize-regular-text-decoration: none;\\n  --mds-font-apps-body-midsize-regular-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-midsize-regular-underline-font-weight: 400;\\n  --mds-font-apps-body-midsize-regular-underline-line-height: 1.25rem;\\n  --mds-font-apps-body-midsize-regular-underline-font-size: 0.875rem;\\n  --mds-font-apps-body-midsize-regular-underline-text-case: none;\\n  --mds-font-apps-body-midsize-regular-underline-text-decoration: underline;\\n  --mds-font-apps-body-midsize-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-midsize-medium-font-weight: 500;\\n  --mds-font-apps-body-midsize-medium-line-height: 1.25rem;\\n  --mds-font-apps-body-midsize-medium-font-size: 0.875rem;\\n  --mds-font-apps-body-midsize-medium-text-case: none;\\n  --mds-font-apps-body-midsize-medium-text-decoration: none;\\n  --mds-font-apps-body-midsize-medium-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-midsize-medium-underline-font-weight: 500;\\n  --mds-font-apps-body-midsize-medium-underline-line-height: 1.25rem;\\n  --mds-font-apps-body-midsize-medium-underline-font-size: 0.875rem;\\n  --mds-font-apps-body-midsize-medium-underline-text-case: none;\\n  --mds-font-apps-body-midsize-medium-underline-text-decoration: underline;\\n  --mds-font-apps-body-midsize-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-midsize-bold-font-weight: 700;\\n  --mds-font-apps-body-midsize-bold-line-height: 1.25rem;\\n  --mds-font-apps-body-midsize-bold-font-size: 0.875rem;\\n  --mds-font-apps-body-midsize-bold-text-case: none;\\n  --mds-font-apps-body-midsize-bold-text-decoration: none;\\n  --mds-font-apps-body-large-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-large-regular-font-weight: 400;\\n  --mds-font-apps-body-large-regular-line-height: 1.5rem;\\n  --mds-font-apps-body-large-regular-font-size: 1rem;\\n  --mds-font-apps-body-large-regular-text-case: none;\\n  --mds-font-apps-body-large-regular-text-decoration: none;\\n  --mds-font-apps-body-large-regular-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-large-regular-underline-font-weight: 400;\\n  --mds-font-apps-body-large-regular-underline-line-height: 1.5rem;\\n  --mds-font-apps-body-large-regular-underline-font-size: 1rem;\\n  --mds-font-apps-body-large-regular-underline-text-case: none;\\n  --mds-font-apps-body-large-regular-underline-text-decoration: underline;\\n  --mds-font-apps-body-large-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-large-medium-font-weight: 500;\\n  --mds-font-apps-body-large-medium-line-height: 1.5rem;\\n  --mds-font-apps-body-large-medium-font-size: 1rem;\\n  --mds-font-apps-body-large-medium-text-case: none;\\n  --mds-font-apps-body-large-medium-text-decoration: none;\\n  --mds-font-apps-body-large-medium-underline-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-large-medium-underline-font-weight: 500;\\n  --mds-font-apps-body-large-medium-underline-line-height: 1.5rem;\\n  --mds-font-apps-body-large-medium-underline-font-size: 1rem;\\n  --mds-font-apps-body-large-medium-underline-text-case: none;\\n  --mds-font-apps-body-large-medium-underline-text-decoration: underline;\\n  --mds-font-apps-body-large-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-body-large-bold-font-weight: 700;\\n  --mds-font-apps-body-large-bold-line-height: 1.5rem;\\n  --mds-font-apps-body-large-bold-font-size: 1rem;\\n  --mds-font-apps-body-large-bold-text-case: none;\\n  --mds-font-apps-body-large-bold-text-decoration: none;\\n  --mds-font-apps-heading-small-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-heading-small-regular-font-weight: 400;\\n  --mds-font-apps-heading-small-regular-line-height: 1.75rem;\\n  --mds-font-apps-heading-small-regular-font-size: 1.25rem;\\n  --mds-font-apps-heading-small-regular-text-case: none;\\n  --mds-font-apps-heading-small-regular-text-decoration: none;\\n  --mds-font-apps-heading-small-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-heading-small-medium-font-weight: 500;\\n  --mds-font-apps-heading-small-medium-line-height: 1.75rem;\\n  --mds-font-apps-heading-small-medium-font-size: 1.25rem;\\n  --mds-font-apps-heading-small-medium-text-case: none;\\n  --mds-font-apps-heading-small-medium-text-decoration: none;\\n  --mds-font-apps-heading-small-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-heading-small-bold-font-weight: 700;\\n  --mds-font-apps-heading-small-bold-line-height: 1.75rem;\\n  --mds-font-apps-heading-small-bold-font-size: 1.25rem;\\n  --mds-font-apps-heading-small-bold-text-case: none;\\n  --mds-font-apps-heading-small-bold-text-decoration: none;\\n  --mds-font-apps-heading-midsize-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-heading-midsize-regular-font-weight: 400;\\n  --mds-font-apps-heading-midsize-regular-line-height: 2rem;\\n  --mds-font-apps-heading-midsize-regular-font-size: 1.5rem;\\n  --mds-font-apps-heading-midsize-regular-text-case: none;\\n  --mds-font-apps-heading-midsize-regular-text-decoration: none;\\n  --mds-font-apps-heading-midsize-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-heading-midsize-medium-font-weight: 500;\\n  --mds-font-apps-heading-midsize-medium-line-height: 2rem;\\n  --mds-font-apps-heading-midsize-medium-font-size: 1.5rem;\\n  --mds-font-apps-heading-midsize-medium-text-case: none;\\n  --mds-font-apps-heading-midsize-medium-text-decoration: none;\\n  --mds-font-apps-heading-midsize-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-heading-midsize-bold-font-weight: 700;\\n  --mds-font-apps-heading-midsize-bold-line-height: 2rem;\\n  --mds-font-apps-heading-midsize-bold-font-size: 1.5rem;\\n  --mds-font-apps-heading-midsize-bold-text-case: none;\\n  --mds-font-apps-heading-midsize-bold-text-decoration: none;\\n  --mds-font-apps-heading-large-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-heading-large-regular-font-weight: 400;\\n  --mds-font-apps-heading-large-regular-line-height: 2.5rem;\\n  --mds-font-apps-heading-large-regular-font-size: 2rem;\\n  --mds-font-apps-heading-large-regular-text-case: none;\\n  --mds-font-apps-heading-large-regular-text-decoration: none;\\n  --mds-font-apps-heading-large-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-heading-large-medium-font-weight: 500;\\n  --mds-font-apps-heading-large-medium-line-height: 2.5rem;\\n  --mds-font-apps-heading-large-medium-font-size: 2rem;\\n  --mds-font-apps-heading-large-medium-text-case: none;\\n  --mds-font-apps-heading-large-medium-text-decoration: none;\\n  --mds-font-apps-heading-large-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-heading-large-bold-font-weight: 700;\\n  --mds-font-apps-heading-large-bold-line-height: 2.5rem;\\n  --mds-font-apps-heading-large-bold-font-size: 2rem;\\n  --mds-font-apps-heading-large-bold-text-case: none;\\n  --mds-font-apps-heading-large-bold-text-decoration: none;\\n  --mds-font-apps-heading-xlarge-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-heading-xlarge-regular-font-weight: 400;\\n  --mds-font-apps-heading-xlarge-regular-line-height: 3.25rem;\\n  --mds-font-apps-heading-xlarge-regular-font-size: 2.5rem;\\n  --mds-font-apps-heading-xlarge-regular-text-case: none;\\n  --mds-font-apps-heading-xlarge-regular-text-decoration: none;\\n  --mds-font-apps-heading-xlarge-medium-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-heading-xlarge-medium-font-weight: 500;\\n  --mds-font-apps-heading-xlarge-medium-line-height: 3.25rem;\\n  --mds-font-apps-heading-xlarge-medium-font-size: 2.5rem;\\n  --mds-font-apps-heading-xlarge-medium-text-case: none;\\n  --mds-font-apps-heading-xlarge-medium-text-decoration: none;\\n  --mds-font-apps-heading-xlarge-bold-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-heading-xlarge-bold-font-weight: 700;\\n  --mds-font-apps-heading-xlarge-bold-line-height: 3.25rem;\\n  --mds-font-apps-heading-xlarge-bold-font-size: 2.5rem;\\n  --mds-font-apps-heading-xlarge-bold-text-case: none;\\n  --mds-font-apps-heading-xlarge-bold-text-decoration: none;\\n  --mds-font-apps-headline-small-light-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-headline-small-light-font-weight: 300;\\n  --mds-font-apps-headline-small-light-font-size: 3.25rem;\\n  --mds-font-apps-headline-small-light-line-height: 4rem;\\n  --mds-font-apps-headline-small-light-text-decoration: none;\\n  --mds-font-apps-headline-small-light-text-case: none;\\n  --mds-font-apps-headline-small-regular-font-family: Momentum, Inter, Arial, Helvetica Neue, Helvetica, sans-serif;\\n  --mds-font-apps-headline-small-regular-font-weight: 400;\\n  --mds-font-apps-headline-small-regular-font-size: 3.25rem;\\n  --mds-font-apps-headline-small-regular-line-height: 4rem;\\n  --mds-font-apps-headline-small-regular-text-decoration: none;\\n  --mds-font-apps-headline-small-regular-text-case: none;\\n}\\n.mds-effect {\\n  --mds-effect-backdrop-filter: blur(10px);\\n}\\n.mds-elevation {\\n  --mds-elevation-1: drop-shadow(0px 2px 8px rgba(0,0,0,0.2));\\n  --mds-elevation-2: drop-shadow(0px 4px 16px rgba(0,0,0,0.2));\\n  --mds-elevation-3: drop-shadow(0px 6px 24px rgba(0,0,0,0.25));\\n  --mds-elevation-4: drop-shadow(0px 12px 48px rgba(0,0,0,0.25));\\n}\\n`, \\\"\\\"]);\\n// Exports\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/tokens/dist/css/components/complete.css?../../../node_modules/css-loader/dist/cjs.js\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/UserState/user-state.scss\":\n/*!*********************************************************************************************************************************************!*\\\n  !*** ../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/UserState/user-state.scss ***!\n  \\*********************************************************************************************************************************************/\n/***/ ((module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \\\"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\\\");\\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../node_modules/css-loader/dist/runtime/api.js */ \\\"../../../node_modules/css-loader/dist/runtime/api.js\\\");\\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\\n// Imports\\n\\n\\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\\n// Module\\n___CSS_LOADER_EXPORT___.push([module.id, `.light-theme.box {\\n  background-color: #ffffff;\\n  border-radius: 8px;\\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\\n  padding: 20px;\\n  max-width: 800px;\\n  margin: 0 auto;\\n}\\n.light-theme .sectionBox {\\n  padding: 10px;\\n  border: 1px solid #ddd;\\n  border-radius: 8px;\\n}\\n.light-theme .fieldset {\\n  border: 1px solid #ccc;\\n  border-radius: 5px;\\n  padding: 10px;\\n  margin-bottom: 20px;\\n  position: relative;\\n}\\n.light-theme .legendBox {\\n  font-weight: bold;\\n  color: #0052bf;\\n}\\n.light-theme .btn {\\n  padding: 10px 20px;\\n  background-color: #0052bf;\\n  color: white;\\n  border: none;\\n  border-radius: 4px;\\n  cursor: pointer;\\n  transition: background-color 0.3s;\\n  margin-right: 8px;\\n}\\n.light-theme .select {\\n  width: 100%;\\n  padding: 8px;\\n  margin-top: 8px;\\n  margin-bottom: 12px;\\n  border: 1px solid #ccc;\\n  border-radius: 4px;\\n}\\n.light-theme .input {\\n  width: 97%;\\n  padding: 8px;\\n  margin-top: 8px;\\n  margin-bottom: 12px;\\n  border: 1px solid #ccc;\\n  border-radius: 4px;\\n}\\n.light-theme .elapsedTime {\\n  position: absolute;\\n  right: 30px;\\n  top: 25px;\\n  color: black; /* Replace with dynamic styling as needed */\\n}\\n.light-theme .elapsedTime-disabled {\\n  color: #ccc;\\n}\\n\\n.dark-theme.box {\\n  background-color: #1e1e1e; /* Dark background */\\n  border-radius: 8px;\\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); /* Darker shadow */\\n  padding: 20px;\\n  max-width: 800px;\\n  margin: 0 auto;\\n}\\n.dark-theme .sectionBox {\\n  padding: 10px;\\n  border: 1px solid #444; /* Darker border */\\n  border-radius: 8px;\\n}\\n.dark-theme .fieldset {\\n  border: 1px solid #555; /* Darker border */\\n  border-radius: 5px;\\n  padding: 10px;\\n  margin-bottom: 20px;\\n  position: relative;\\n}\\n.dark-theme .legendBox {\\n  font-weight: bold;\\n  color: #79a6d2; /* Lighter blue for dark theme */\\n}\\n.dark-theme .btn {\\n  padding: 10px 20px;\\n  background-color: #79a6d2; /* Lighter blue */\\n  color: #1e1e1e; /* Dark text on light button */\\n  border: none;\\n  border-radius: 4px;\\n  cursor: pointer;\\n  transition: background-color 0.3s;\\n  margin-right: 8px;\\n}\\n.dark-theme .select {\\n  width: 100%;\\n  padding: 8px;\\n  margin-top: 8px;\\n  margin-bottom: 12px;\\n  border: 1px solid #555; /* Darker border */\\n  border-radius: 4px;\\n  background-color: #2a2a2a; /* Dark background */\\n  color: #fff; /* Light text */\\n}\\n.dark-theme .input {\\n  width: 97%;\\n  padding: 8px;\\n  margin-top: 8px;\\n  margin-bottom: 12px;\\n  border: 1px solid #555; /* Darker border */\\n  border-radius: 4px;\\n  background-color: #2a2a2a; /* Dark background */\\n  color: #fff; /* Light text */\\n}\\n.dark-theme .elapsedTime {\\n  position: absolute;\\n  right: 30px;\\n  top: 25px;\\n  color: #ddd; /* Light text for visibility */\\n}\\n.dark-theme .elapsedTime-disabled {\\n  color: #777; /* Darker gray for disabled state */\\n}`, \\\"\\\"]);\\n// Exports\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/./src/components/UserState/user-state.scss?../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/css-loader/dist/runtime/api.js\":\n/*!************************************************************!*\\\n  !*** ../../../node_modules/css-loader/dist/runtime/api.js ***!\n  \\************************************************************/\n/***/ ((module) => {\n\neval(\"\\n\\n/*\\n  MIT License http://www.opensource.org/licenses/mit-license.php\\n  Author Tobias Koppers @sokra\\n*/\\nmodule.exports = function (cssWithMappingToString) {\\n  var list = [];\\n\\n  // return the list of modules as css string\\n  list.toString = function toString() {\\n    return this.map(function (item) {\\n      var content = \\\"\\\";\\n      var needLayer = typeof item[5] !== \\\"undefined\\\";\\n      if (item[4]) {\\n        content += \\\"@supports (\\\".concat(item[4], \\\") {\\\");\\n      }\\n      if (item[2]) {\\n        content += \\\"@media \\\".concat(item[2], \\\" {\\\");\\n      }\\n      if (needLayer) {\\n        content += \\\"@layer\\\".concat(item[5].length > 0 ? \\\" \\\".concat(item[5]) : \\\"\\\", \\\" {\\\");\\n      }\\n      content += cssWithMappingToString(item);\\n      if (needLayer) {\\n        content += \\\"}\\\";\\n      }\\n      if (item[2]) {\\n        content += \\\"}\\\";\\n      }\\n      if (item[4]) {\\n        content += \\\"}\\\";\\n      }\\n      return content;\\n    }).join(\\\"\\\");\\n  };\\n\\n  // import a list of modules into the list\\n  list.i = function i(modules, media, dedupe, supports, layer) {\\n    if (typeof modules === \\\"string\\\") {\\n      modules = [[null, modules, undefined]];\\n    }\\n    var alreadyImportedModules = {};\\n    if (dedupe) {\\n      for (var k = 0; k < this.length; k++) {\\n        var id = this[k][0];\\n        if (id != null) {\\n          alreadyImportedModules[id] = true;\\n        }\\n      }\\n    }\\n    for (var _k = 0; _k < modules.length; _k++) {\\n      var item = [].concat(modules[_k]);\\n      if (dedupe && alreadyImportedModules[item[0]]) {\\n        continue;\\n      }\\n      if (typeof layer !== \\\"undefined\\\") {\\n        if (typeof item[5] === \\\"undefined\\\") {\\n          item[5] = layer;\\n        } else {\\n          item[1] = \\\"@layer\\\".concat(item[5].length > 0 ? \\\" \\\".concat(item[5]) : \\\"\\\", \\\" {\\\").concat(item[1], \\\"}\\\");\\n          item[5] = layer;\\n        }\\n      }\\n      if (media) {\\n        if (!item[2]) {\\n          item[2] = media;\\n        } else {\\n          item[1] = \\\"@media \\\".concat(item[2], \\\" {\\\").concat(item[1], \\\"}\\\");\\n          item[2] = media;\\n        }\\n      }\\n      if (supports) {\\n        if (!item[4]) {\\n          item[4] = \\\"\\\".concat(supports);\\n        } else {\\n          item[1] = \\\"@supports (\\\".concat(item[4], \\\") {\\\").concat(item[1], \\\"}\\\");\\n          item[4] = supports;\\n        }\\n      }\\n      list.push(item);\\n    }\\n  };\\n  return list;\\n};\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/css-loader/dist/runtime/api.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/css-loader/dist/runtime/getUrl.js\":\n/*!***************************************************************!*\\\n  !*** ../../../node_modules/css-loader/dist/runtime/getUrl.js ***!\n  \\***************************************************************/\n/***/ ((module) => {\n\neval(\"\\n\\nmodule.exports = function (url, options) {\\n  if (!options) {\\n    options = {};\\n  }\\n  if (!url) {\\n    return url;\\n  }\\n  url = String(url.__esModule ? url.default : url);\\n\\n  // If url is already wrapped in quotes, remove them\\n  if (/^['\\\"].*['\\\"]$/.test(url)) {\\n    url = url.slice(1, -1);\\n  }\\n  if (options.hash) {\\n    url += options.hash;\\n  }\\n\\n  // Should url be wrapped?\\n  // See https://drafts.csswg.org/css-values-3/#urls\\n  if (/[\\\"'() \\\\t\\\\n]|(%20)/.test(url) || options.needQuotes) {\\n    return \\\"\\\\\\\"\\\".concat(url.replace(/\\\"/g, '\\\\\\\\\\\"').replace(/\\\\n/g, \\\"\\\\\\\\n\\\"), \\\"\\\\\\\"\\\");\\n  }\\n  return url;\\n};\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/css-loader/dist/runtime/getUrl.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/css-loader/dist/runtime/noSourceMaps.js\":\n/*!*********************************************************************!*\\\n  !*** ../../../node_modules/css-loader/dist/runtime/noSourceMaps.js ***!\n  \\*********************************************************************/\n/***/ ((module) => {\n\neval(\"\\n\\nmodule.exports = function (i) {\\n  return i[1];\\n};\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/css-loader/dist/runtime/noSourceMaps.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/fonts/dist/css/fonts.css\":\n/*!***********************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/fonts/dist/css/fonts.css ***!\n  \\***********************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \\\"../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\\\");\\n/* harmony import */ var _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../style-loader/dist/runtime/styleDomAPI.js */ \\\"../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\\\");\\n/* harmony import */ var _style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\\n/* harmony import */ var _style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../style-loader/dist/runtime/insertBySelector.js */ \\\"../../../node_modules/style-loader/dist/runtime/insertBySelector.js\\\");\\n/* harmony import */ var _style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\\n/* harmony import */ var _style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \\\"../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\\\");\\n/* harmony import */ var _style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\\n/* harmony import */ var _style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../style-loader/dist/runtime/insertStyleElement.js */ \\\"../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\\\");\\n/* harmony import */ var _style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\\n/* harmony import */ var _style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../style-loader/dist/runtime/styleTagTransform.js */ \\\"../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\\\");\\n/* harmony import */ var _style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\\n/* harmony import */ var _css_loader_dist_cjs_js_fonts_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../css-loader/dist/cjs.js!./fonts.css */ \\\"../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/@momentum-design/fonts/dist/css/fonts.css\\\");\\n\\n      \\n      \\n      \\n      \\n      \\n      \\n      \\n      \\n      \\n\\nvar options = {};\\n\\noptions.styleTagTransform = (_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\\noptions.setAttributes = (_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\\noptions.insert = _style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \\\"head\\\");\\noptions.domAPI = (_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\\noptions.insertStyleElement = (_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\\n\\nvar update = _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_css_loader_dist_cjs_js_fonts_css__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"], options);\\n\\n\\n\\n\\n       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_css_loader_dist_cjs_js_fonts_css__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"] && _css_loader_dist_cjs_js_fonts_css__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"].locals ? _css_loader_dist_cjs_js_fonts_css__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"].locals : undefined);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/fonts/dist/css/fonts.css?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/tokens/dist/css/components/complete.css\":\n/*!**************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/tokens/dist/css/components/complete.css ***!\n  \\**************************************************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \\\"../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\\\");\\n/* harmony import */ var _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/styleDomAPI.js */ \\\"../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\\\");\\n/* harmony import */ var _style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\\n/* harmony import */ var _style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/insertBySelector.js */ \\\"../../../node_modules/style-loader/dist/runtime/insertBySelector.js\\\");\\n/* harmony import */ var _style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\\n/* harmony import */ var _style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \\\"../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\\\");\\n/* harmony import */ var _style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\\n/* harmony import */ var _style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/insertStyleElement.js */ \\\"../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\\\");\\n/* harmony import */ var _style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\\n/* harmony import */ var _style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../style-loader/dist/runtime/styleTagTransform.js */ \\\"../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\\\");\\n/* harmony import */ var _style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\\n/* harmony import */ var _css_loader_dist_cjs_js_complete_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../css-loader/dist/cjs.js!./complete.css */ \\\"../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/@momentum-design/tokens/dist/css/components/complete.css\\\");\\n\\n      \\n      \\n      \\n      \\n      \\n      \\n      \\n      \\n      \\n\\nvar options = {};\\n\\noptions.styleTagTransform = (_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\\noptions.setAttributes = (_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\\noptions.insert = _style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \\\"head\\\");\\noptions.domAPI = (_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\\noptions.insertStyleElement = (_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\\n\\nvar update = _style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_css_loader_dist_cjs_js_complete_css__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"], options);\\n\\n\\n\\n\\n       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_css_loader_dist_cjs_js_complete_css__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"] && _css_loader_dist_cjs_js_complete_css__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"].locals ? _css_loader_dist_cjs_js_complete_css__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"].locals : undefined);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/tokens/dist/css/components/complete.css?\");\n\n/***/ }),\n\n/***/ \"./src/components/UserState/user-state.scss\":\n/*!**************************************************!*\\\n  !*** ./src/components/UserState/user-state.scss ***!\n  \\**************************************************/\n/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \\\"../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\\\");\\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \\\"../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\\\");\\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \\\"../../../node_modules/style-loader/dist/runtime/insertBySelector.js\\\");\\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \\\"../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\\\");\\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \\\"../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\\\");\\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \\\"../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\\\");\\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_user_state_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../../node_modules/css-loader/dist/cjs.js!../../../../../../node_modules/sass-loader/dist/cjs.js!./user-state.scss */ \\\"../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./src/components/UserState/user-state.scss\\\");\\n\\n      \\n      \\n      \\n      \\n      \\n      \\n      \\n      \\n      \\n\\nvar options = {};\\n\\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\\noptions.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \\\"head\\\");\\noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\\n\\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_user_state_scss__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"], options);\\n\\n\\n\\n\\n       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_user_state_scss__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_user_state_scss__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_user_state_scss__WEBPACK_IMPORTED_MODULE_6__[\\\"default\\\"].locals : undefined);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/./src/components/UserState/user-state.scss?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\":\n/*!***********************************************************************************!*\\\n  !*** ../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!\n  \\***********************************************************************************/\n/***/ ((module) => {\n\neval(\"\\n\\nvar stylesInDOM = [];\\nfunction getIndexByIdentifier(identifier) {\\n  var result = -1;\\n  for (var i = 0; i < stylesInDOM.length; i++) {\\n    if (stylesInDOM[i].identifier === identifier) {\\n      result = i;\\n      break;\\n    }\\n  }\\n  return result;\\n}\\nfunction modulesToDom(list, options) {\\n  var idCountMap = {};\\n  var identifiers = [];\\n  for (var i = 0; i < list.length; i++) {\\n    var item = list[i];\\n    var id = options.base ? item[0] + options.base : item[0];\\n    var count = idCountMap[id] || 0;\\n    var identifier = \\\"\\\".concat(id, \\\" \\\").concat(count);\\n    idCountMap[id] = count + 1;\\n    var indexByIdentifier = getIndexByIdentifier(identifier);\\n    var obj = {\\n      css: item[1],\\n      media: item[2],\\n      sourceMap: item[3],\\n      supports: item[4],\\n      layer: item[5]\\n    };\\n    if (indexByIdentifier !== -1) {\\n      stylesInDOM[indexByIdentifier].references++;\\n      stylesInDOM[indexByIdentifier].updater(obj);\\n    } else {\\n      var updater = addElementStyle(obj, options);\\n      options.byIndex = i;\\n      stylesInDOM.splice(i, 0, {\\n        identifier: identifier,\\n        updater: updater,\\n        references: 1\\n      });\\n    }\\n    identifiers.push(identifier);\\n  }\\n  return identifiers;\\n}\\nfunction addElementStyle(obj, options) {\\n  var api = options.domAPI(options);\\n  api.update(obj);\\n  var updater = function updater(newObj) {\\n    if (newObj) {\\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\\n        return;\\n      }\\n      api.update(obj = newObj);\\n    } else {\\n      api.remove();\\n    }\\n  };\\n  return updater;\\n}\\nmodule.exports = function (list, options) {\\n  options = options || {};\\n  list = list || [];\\n  var lastIdentifiers = modulesToDom(list, options);\\n  return function update(newList) {\\n    newList = newList || [];\\n    for (var i = 0; i < lastIdentifiers.length; i++) {\\n      var identifier = lastIdentifiers[i];\\n      var index = getIndexByIdentifier(identifier);\\n      stylesInDOM[index].references--;\\n    }\\n    var newLastIdentifiers = modulesToDom(newList, options);\\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\\n      var _identifier = lastIdentifiers[_i];\\n      var _index = getIndexByIdentifier(_identifier);\\n      if (stylesInDOM[_index].references === 0) {\\n        stylesInDOM[_index].updater();\\n        stylesInDOM.splice(_index, 1);\\n      }\\n    }\\n    lastIdentifiers = newLastIdentifiers;\\n  };\\n};\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/style-loader/dist/runtime/insertBySelector.js\":\n/*!***************************************************************************!*\\\n  !*** ../../../node_modules/style-loader/dist/runtime/insertBySelector.js ***!\n  \\***************************************************************************/\n/***/ ((module) => {\n\neval(\"\\n\\nvar memo = {};\\n\\n/* istanbul ignore next  */\\nfunction getTarget(target) {\\n  if (typeof memo[target] === \\\"undefined\\\") {\\n    var styleTarget = document.querySelector(target);\\n\\n    // Special case to return head of iframe instead of iframe itself\\n    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\\n      try {\\n        // This will throw an exception if access to iframe is blocked\\n        // due to cross-origin restrictions\\n        styleTarget = styleTarget.contentDocument.head;\\n      } catch (e) {\\n        // istanbul ignore next\\n        styleTarget = null;\\n      }\\n    }\\n    memo[target] = styleTarget;\\n  }\\n  return memo[target];\\n}\\n\\n/* istanbul ignore next  */\\nfunction insertBySelector(insert, style) {\\n  var target = getTarget(insert);\\n  if (!target) {\\n    throw new Error(\\\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\\\");\\n  }\\n  target.appendChild(style);\\n}\\nmodule.exports = insertBySelector;\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/style-loader/dist/runtime/insertBySelector.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\":\n/*!*****************************************************************************!*\\\n  !*** ../../../node_modules/style-loader/dist/runtime/insertStyleElement.js ***!\n  \\*****************************************************************************/\n/***/ ((module) => {\n\neval(\"\\n\\n/* istanbul ignore next  */\\nfunction insertStyleElement(options) {\\n  var element = document.createElement(\\\"style\\\");\\n  options.setAttributes(element, options.attributes);\\n  options.insert(element, options.options);\\n  return element;\\n}\\nmodule.exports = insertStyleElement;\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/style-loader/dist/runtime/insertStyleElement.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\":\n/*!*****************************************************************************************!*\\\n  !*** ../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js ***!\n  \\*****************************************************************************************/\n/***/ ((module, __unused_webpack_exports, __webpack_require__) => {\n\neval(\"\\n\\n/* istanbul ignore next  */\\nfunction setAttributesWithoutAttributes(styleElement) {\\n  var nonce =  true ? __webpack_require__.nc : 0;\\n  if (nonce) {\\n    styleElement.setAttribute(\\\"nonce\\\", nonce);\\n  }\\n}\\nmodule.exports = setAttributesWithoutAttributes;\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\":\n/*!**********************************************************************!*\\\n  !*** ../../../node_modules/style-loader/dist/runtime/styleDomAPI.js ***!\n  \\**********************************************************************/\n/***/ ((module) => {\n\neval(\"\\n\\n/* istanbul ignore next  */\\nfunction apply(styleElement, options, obj) {\\n  var css = \\\"\\\";\\n  if (obj.supports) {\\n    css += \\\"@supports (\\\".concat(obj.supports, \\\") {\\\");\\n  }\\n  if (obj.media) {\\n    css += \\\"@media \\\".concat(obj.media, \\\" {\\\");\\n  }\\n  var needLayer = typeof obj.layer !== \\\"undefined\\\";\\n  if (needLayer) {\\n    css += \\\"@layer\\\".concat(obj.layer.length > 0 ? \\\" \\\".concat(obj.layer) : \\\"\\\", \\\" {\\\");\\n  }\\n  css += obj.css;\\n  if (needLayer) {\\n    css += \\\"}\\\";\\n  }\\n  if (obj.media) {\\n    css += \\\"}\\\";\\n  }\\n  if (obj.supports) {\\n    css += \\\"}\\\";\\n  }\\n  var sourceMap = obj.sourceMap;\\n  if (sourceMap && typeof btoa !== \\\"undefined\\\") {\\n    css += \\\"\\\\n/*# sourceMappingURL=data:application/json;base64,\\\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \\\" */\\\");\\n  }\\n\\n  // For old IE\\n  /* istanbul ignore if  */\\n  options.styleTagTransform(css, styleElement, options.options);\\n}\\nfunction removeStyleElement(styleElement) {\\n  // istanbul ignore if\\n  if (styleElement.parentNode === null) {\\n    return false;\\n  }\\n  styleElement.parentNode.removeChild(styleElement);\\n}\\n\\n/* istanbul ignore next  */\\nfunction domAPI(options) {\\n  if (typeof document === \\\"undefined\\\") {\\n    return {\\n      update: function update() {},\\n      remove: function remove() {}\\n    };\\n  }\\n  var styleElement = options.insertStyleElement(options);\\n  return {\\n    update: function update(obj) {\\n      apply(styleElement, options, obj);\\n    },\\n    remove: function remove() {\\n      removeStyleElement(styleElement);\\n    }\\n  };\\n}\\nmodule.exports = domAPI;\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/style-loader/dist/runtime/styleDomAPI.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\":\n/*!****************************************************************************!*\\\n  !*** ../../../node_modules/style-loader/dist/runtime/styleTagTransform.js ***!\n  \\****************************************************************************/\n/***/ ((module) => {\n\neval(\"\\n\\n/* istanbul ignore next  */\\nfunction styleTagTransform(css, styleElement) {\\n  if (styleElement.styleSheet) {\\n    styleElement.styleSheet.cssText = css;\\n  } else {\\n    while (styleElement.firstChild) {\\n      styleElement.removeChild(styleElement.firstChild);\\n    }\\n    styleElement.appendChild(document.createTextNode(css));\\n  }\\n}\\nmodule.exports = styleTagTransform;\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/style-loader/dist/runtime/styleTagTransform.js?\");\n\n/***/ }),\n\n/***/ \"./src/components/UserState/user-state.tsx\":\n/*!*************************************************!*\\\n  !*** ./src/components/UserState/user-state.tsx ***!\n  \\*************************************************/\n/***/ (function(__unused_webpack_module, exports, __webpack_require__) {\n\neval(\"\\nvar __importDefault = (this && this.__importDefault) || function (mod) {\\n    return (mod && mod.__esModule) ? mod : { \\\"default\\\": mod };\\n};\\nObject.defineProperty(exports, \\\"__esModule\\\", ({ value: true }));\\nconst react_1 = __importDefault(__webpack_require__(/*! react */ \\\"react\\\"));\\nconst utils_1 = __webpack_require__(/*! ../../utils */ \\\"./src/utils.ts\\\");\\nconst react_2 = __webpack_require__(/*! @momentum-design/components/dist/react */ \\\"../../../node_modules/@momentum-design/components/dist/react/index.js\\\");\\n__webpack_require__(/*! ./user-state.scss */ \\\"./src/components/UserState/user-state.scss\\\");\\nconst UserStateComponent = (props) => {\\n    const { idleCodes, setAgentStatus, isSettingAgentStatus, errorMessage, elapsedTime, currentState, currentTheme } = props;\\n    return (react_1.default.createElement(\\\"div\\\", { className: `box ${currentTheme === 'DARK' ? 'dark-theme' : 'light-theme'}` },\\n        react_1.default.createElement(\\\"section\\\", { className: 'sectionBox' },\\n            react_1.default.createElement(\\\"fieldset\\\", { className: 'fieldset' },\\n                react_1.default.createElement(\\\"legend\\\", { \\\"data-testid\\\": 'user-state-title', className: 'legendBox' }, \\\"Agent State\\\"),\\n                react_1.default.createElement(\\\"div\\\", { style: { display: 'flex', flexDirection: 'column', flexGrow: 1 } }),\\n                react_1.default.createElement(\\\"select\\\", { id: \\\"idleCodes\\\", value: currentState.id, className: 'select', onChange: (event) => {\\n                        const code = idleCodes === null || idleCodes === void 0 ? void 0 : idleCodes.filter(code => code.id === event.target.value)[0];\\n                        setAgentStatus(code);\\n                    }, disabled: isSettingAgentStatus }, idleCodes === null || idleCodes === void 0 ? void 0 : idleCodes.filter(code => !code.isSystem).map((code) => {\\n                    return (react_1.default.createElement(\\\"option\\\", { key: code.id, value: code.id }, code.name));\\n                })),\\n                react_1.default.createElement(react_2.Button, { variant: \\\"primary\\\", size: 32, color: \\\"default\\\", \\\"prefix-icon\\\": \\\"\\\", \\\"postfix-icon\\\": \\\"\\\", type: \\\"button\\\", role: \\\"button\\\", \\\"aria-label\\\": \\\"\\\" }, \\\"Click Me\\\"),\\n                react_1.default.createElement(\\\"div\\\", { className: `elapsedTime ${isSettingAgentStatus ? 'elapsedTime-disabled' : ''}` }, (0, utils_1.formatTime)(elapsedTime)),\\n                errorMessage && react_1.default.createElement(\\\"div\\\", { style: { color: 'red' } }, errorMessage)))));\\n};\\nexports[\\\"default\\\"] = UserStateComponent;\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/./src/components/UserState/user-state.tsx?\");\n\n/***/ }),\n\n/***/ \"./src/index.ts\":\n/*!**********************!*\\\n  !*** ./src/index.ts ***!\n  \\**********************/\n/***/ (function(__unused_webpack_module, exports, __webpack_require__) {\n\neval(\"\\nvar __importDefault = (this && this.__importDefault) || function (mod) {\\n    return (mod && mod.__esModule) ? mod : { \\\"default\\\": mod };\\n};\\nObject.defineProperty(exports, \\\"__esModule\\\", ({ value: true }));\\nexports.UserStateComponent = void 0;\\nconst user_state_1 = __importDefault(__webpack_require__(/*! ./components/UserState/user-state */ \\\"./src/components/UserState/user-state.tsx\\\"));\\nexports.UserStateComponent = user_state_1.default;\\n__webpack_require__(/*! @momentum-design/fonts/dist/css/fonts.css */ \\\"../../../node_modules/@momentum-design/fonts/dist/css/fonts.css\\\");\\n__webpack_require__(/*! @momentum-design/tokens/dist/css/components/complete.css */ \\\"../../../node_modules/@momentum-design/tokens/dist/css/components/complete.css\\\");\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/./src/index.ts?\");\n\n/***/ }),\n\n/***/ \"./src/utils.ts\":\n/*!**********************!*\\\n  !*** ./src/utils.ts ***!\n  \\**********************/\n/***/ ((__unused_webpack_module, exports) => {\n\neval(\"\\nObject.defineProperty(exports, \\\"__esModule\\\", ({ value: true }));\\nexports.formatTime = void 0;\\nconst formatTime = (time) => {\\n    const hours = Math.floor(time / 3600);\\n    const minutes = Math.floor((time % 3600) / 60);\\n    const seconds = time % 60;\\n    return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;\\n};\\nexports.formatTime = formatTime;\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/./src/utils.ts?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/fonts/dist/inter/Inter.var.woff2\":\n/*!*******************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/fonts/dist/inter/Inter.var.woff2 ***!\n  \\*******************************************************************************/\n/***/ ((module, __unused_webpack_exports, __webpack_require__) => {\n\neval(\"module.exports = __webpack_require__.p + \\\"fonts/Inter.var.woff2\\\";\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/fonts/dist/inter/Inter.var.woff2?\");\n\n/***/ }),\n\n/***/ \"react\":\n/*!************************!*\\\n  !*** external \"react\" ***!\n  \\************************/\n/***/ ((module) => {\n\nmodule.exports = __webpack_require__(/*! react */ \"react\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/context/development/index.js\":\n/*!***************************************************************!*\\\n  !*** ../../../node_modules/@lit/context/development/index.js ***!\n  \\***************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   ContextConsumer: () => (/* reexport safe */ _lib_controllers_context_consumer_js__WEBPACK_IMPORTED_MODULE_2__.ContextConsumer),\\n/* harmony export */   ContextEvent: () => (/* reexport safe */ _lib_context_request_event_js__WEBPACK_IMPORTED_MODULE_0__.ContextRequestEvent),\\n/* harmony export */   ContextProvider: () => (/* reexport safe */ _lib_controllers_context_provider_js__WEBPACK_IMPORTED_MODULE_3__.ContextProvider),\\n/* harmony export */   ContextRoot: () => (/* reexport safe */ _lib_context_root_js__WEBPACK_IMPORTED_MODULE_4__.ContextRoot),\\n/* harmony export */   consume: () => (/* reexport safe */ _lib_decorators_consume_js__WEBPACK_IMPORTED_MODULE_6__.consume),\\n/* harmony export */   createContext: () => (/* reexport safe */ _lib_create_context_js__WEBPACK_IMPORTED_MODULE_1__.createContext),\\n/* harmony export */   provide: () => (/* reexport safe */ _lib_decorators_provide_js__WEBPACK_IMPORTED_MODULE_5__.provide)\\n/* harmony export */ });\\n/* harmony import */ var _lib_context_request_event_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./lib/context-request-event.js */ \\\"../../../node_modules/@lit/context/development/lib/context-request-event.js\\\");\\n/* harmony import */ var _lib_create_context_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./lib/create-context.js */ \\\"../../../node_modules/@lit/context/development/lib/create-context.js\\\");\\n/* harmony import */ var _lib_controllers_context_consumer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lib/controllers/context-consumer.js */ \\\"../../../node_modules/@lit/context/development/lib/controllers/context-consumer.js\\\");\\n/* harmony import */ var _lib_controllers_context_provider_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./lib/controllers/context-provider.js */ \\\"../../../node_modules/@lit/context/development/lib/controllers/context-provider.js\\\");\\n/* harmony import */ var _lib_context_root_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./lib/context-root.js */ \\\"../../../node_modules/@lit/context/development/lib/context-root.js\\\");\\n/* harmony import */ var _lib_decorators_provide_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./lib/decorators/provide.js */ \\\"../../../node_modules/@lit/context/development/lib/decorators/provide.js\\\");\\n/* harmony import */ var _lib_decorators_consume_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./lib/decorators/consume.js */ \\\"../../../node_modules/@lit/context/development/lib/decorators/consume.js\\\");\\n/**\\n * @license\\n * Copyright 2021 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\n\\n\\n\\n\\n\\n\\n//# sourceMappingURL=index.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/context/development/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/context/development/lib/context-request-event.js\":\n/*!***********************************************************************************!*\\\n  !*** ../../../node_modules/@lit/context/development/lib/context-request-event.js ***!\n  \\***********************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   ContextRequestEvent: () => (/* binding */ ContextRequestEvent)\\n/* harmony export */ });\\n/**\\n * @license\\n * Copyright 2021 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n/**\\n * An event fired by a context requester to signal it desires a specified context with the given key.\\n *\\n * A provider should inspect the `context` property of the event to determine if it has a value that can\\n * satisfy the request, calling the `callback` with the requested value if so.\\n *\\n * If the requested context event contains a truthy `subscribe` value, then a provider can call the callback\\n * multiple times if the value is changed, if this is the case the provider should pass an `unsubscribe`\\n * method to the callback which consumers can invoke to indicate they no longer wish to receive these updates.\\n *\\n * If no `subscribe` value is present in the event, then the provider can assume that this is a 'one time'\\n * request for the context and can therefore not track the consumer.\\n */\\nclass ContextRequestEvent extends Event {\\n    /**\\n     *\\n     * @param context the context key to request\\n     * @param callback the callback that should be invoked when the context with the specified key is available\\n     * @param subscribe when, true indicates we want to subscribe to future updates\\n     */\\n    constructor(context, callback, subscribe) {\\n        super('context-request', { bubbles: true, composed: true });\\n        this.context = context;\\n        this.callback = callback;\\n        this.subscribe = subscribe ?? false;\\n    }\\n}\\n//# sourceMappingURL=context-request-event.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/context/development/lib/context-request-event.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/context/development/lib/context-root.js\":\n/*!**************************************************************************!*\\\n  !*** ../../../node_modules/@lit/context/development/lib/context-root.js ***!\n  \\**************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   ContextRoot: () => (/* binding */ ContextRoot)\\n/* harmony export */ });\\n/* harmony import */ var _context_request_event_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./context-request-event.js */ \\\"../../../node_modules/@lit/context/development/lib/context-request-event.js\\\");\\n/**\\n * @license\\n * Copyright 2021 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\n/**\\n * A ContextRoot can be used to gather unsatisfied context requests and\\n * re-dispatch them when new providers which satisfy matching context keys are\\n * available.\\n *\\n * This allows providers to be added to a DOM tree, or upgraded, after the\\n * consumers.\\n */\\nclass ContextRoot {\\n    constructor() {\\n        this.pendingContextRequests = new Map();\\n        this.onContextProvider = (event) => {\\n            const pendingRequestData = this.pendingContextRequests.get(event.context);\\n            if (pendingRequestData === undefined) {\\n                // No pending requests for this context at this time\\n                return;\\n            }\\n            // Clear our list. Any still unsatisfied requests will re-add themselves\\n            // when we dispatch the events below.\\n            this.pendingContextRequests.delete(event.context);\\n            // Loop over all pending requests and re-dispatch them from their source\\n            const { requests } = pendingRequestData;\\n            for (const { elementRef, callbackRef } of requests) {\\n                const element = elementRef.deref();\\n                const callback = callbackRef.deref();\\n                if (element === undefined || callback === undefined) {\\n                    // The element was GC'ed. Do nothing.\\n                }\\n                else {\\n                    // Re-dispatch if we still have the element and callback\\n                    element.dispatchEvent(new _context_request_event_js__WEBPACK_IMPORTED_MODULE_0__.ContextRequestEvent(event.context, callback, true));\\n                }\\n            }\\n        };\\n        this.onContextRequest = (event) => {\\n            // Events that are not subscribing should not be buffered\\n            if (event.subscribe !== true) {\\n                return;\\n            }\\n            // Note, it's important to use the initial target via composedPath()\\n            // since that's the requesting element and the event may be re-targeted\\n            // to an outer host element.\\n            const element = event.composedPath()[0];\\n            const callback = event.callback;\\n            let pendingContextRequests = this.pendingContextRequests.get(event.context);\\n            if (pendingContextRequests === undefined) {\\n                this.pendingContextRequests.set(event.context, (pendingContextRequests = {\\n                    callbacks: new WeakMap(),\\n                    requests: [],\\n                }));\\n            }\\n            let callbacks = pendingContextRequests.callbacks.get(element);\\n            if (callbacks === undefined) {\\n                pendingContextRequests.callbacks.set(element, (callbacks = new WeakSet()));\\n            }\\n            if (callbacks.has(callback)) {\\n                // We're already tracking this element/callback pair\\n                return;\\n            }\\n            callbacks.add(callback);\\n            pendingContextRequests.requests.push({\\n                elementRef: new WeakRef(element),\\n                callbackRef: new WeakRef(callback),\\n            });\\n        };\\n    }\\n    /**\\n     * Attach the ContextRoot to a given element to intercept `context-request` and\\n     * `context-provider` events.\\n     *\\n     * @param element an element to add event listeners to\\n     */\\n    attach(element) {\\n        element.addEventListener('context-request', this.onContextRequest);\\n        element.addEventListener('context-provider', this.onContextProvider);\\n    }\\n    /**\\n     * Removes the ContextRoot event listeners from a given element.\\n     *\\n     * @param element an element from which to remove event listeners\\n     */\\n    detach(element) {\\n        element.removeEventListener('context-request', this.onContextRequest);\\n        element.removeEventListener('context-provider', this.onContextProvider);\\n    }\\n}\\n//# sourceMappingURL=context-root.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/context/development/lib/context-root.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/context/development/lib/controllers/context-consumer.js\":\n/*!******************************************************************************************!*\\\n  !*** ../../../node_modules/@lit/context/development/lib/controllers/context-consumer.js ***!\n  \\******************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   ContextConsumer: () => (/* binding */ ContextConsumer)\\n/* harmony export */ });\\n/* harmony import */ var _context_request_event_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../context-request-event.js */ \\\"../../../node_modules/@lit/context/development/lib/context-request-event.js\\\");\\n/**\\n * @license\\n * Copyright 2021 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\n/**\\n * A ReactiveController which adds context consuming behavior to a custom\\n * element by dispatching `context-request` events.\\n *\\n * When the host element is connected to the document it will emit a\\n * `context-request` event with its context key. When the context request\\n * is satisfied the controller will invoke the callback, if present, and\\n * trigger a host update so it can respond to the new value.\\n *\\n * It will also call the dispose method given by the provider when the\\n * host element is disconnected.\\n */\\nclass ContextConsumer {\\n    constructor(host, contextOrOptions, callback, subscribe) {\\n        this.subscribe = false;\\n        this.provided = false;\\n        this.value = undefined;\\n        // This function must have stable identity to properly dedupe in ContextRoot\\n        // if this element connects multiple times.\\n        this._callback = (value, unsubscribe) => {\\n            // some providers will pass an unsubscribe function indicating they may provide future values\\n            if (this.unsubscribe) {\\n                // if the unsubscribe function changes this implies we have changed provider\\n                if (this.unsubscribe !== unsubscribe) {\\n                    // cleanup the old provider\\n                    this.provided = false;\\n                    this.unsubscribe();\\n                }\\n                // if we don't support subscription, immediately unsubscribe\\n                if (!this.subscribe) {\\n                    this.unsubscribe();\\n                }\\n            }\\n            // store the value so that it can be retrieved from the controller\\n            this.value = value;\\n            // schedule an update in case this value is used in a template\\n            this.host.requestUpdate();\\n            // only invoke callback if we are either expecting updates or have not yet\\n            // been provided a value\\n            if (!this.provided || this.subscribe) {\\n                this.provided = true;\\n                if (this.callback) {\\n                    this.callback(value, unsubscribe);\\n                }\\n            }\\n            this.unsubscribe = unsubscribe;\\n        };\\n        this.host = host;\\n        // This is a potentially fragile duck-type. It means a context object can't\\n        // have a property name context and be used in positional argument form.\\n        if (contextOrOptions.context !== undefined) {\\n            const options = contextOrOptions;\\n            this.context = options.context;\\n            this.callback = options.callback;\\n            this.subscribe = options.subscribe ?? false;\\n        }\\n        else {\\n            this.context = contextOrOptions;\\n            this.callback = callback;\\n            this.subscribe = subscribe ?? false;\\n        }\\n        this.host.addController(this);\\n    }\\n    hostConnected() {\\n        this.dispatchRequest();\\n    }\\n    hostDisconnected() {\\n        if (this.unsubscribe) {\\n            this.unsubscribe();\\n            this.unsubscribe = undefined;\\n        }\\n    }\\n    dispatchRequest() {\\n        this.host.dispatchEvent(new _context_request_event_js__WEBPACK_IMPORTED_MODULE_0__.ContextRequestEvent(this.context, this._callback, this.subscribe));\\n    }\\n}\\n//# sourceMappingURL=context-consumer.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/context/development/lib/controllers/context-consumer.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/context/development/lib/controllers/context-provider.js\":\n/*!******************************************************************************************!*\\\n  !*** ../../../node_modules/@lit/context/development/lib/controllers/context-provider.js ***!\n  \\******************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   ContextProvider: () => (/* binding */ ContextProvider),\\n/* harmony export */   ContextProviderEvent: () => (/* binding */ ContextProviderEvent)\\n/* harmony export */ });\\n/* harmony import */ var _context_request_event_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../context-request-event.js */ \\\"../../../node_modules/@lit/context/development/lib/context-request-event.js\\\");\\n/* harmony import */ var _value_notifier_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../value-notifier.js */ \\\"../../../node_modules/@lit/context/development/lib/value-notifier.js\\\");\\n/**\\n * @license\\n * Copyright 2021 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\n\\nclass ContextProviderEvent extends Event {\\n    /**\\n     *\\n     * @param context the context which this provider can provide\\n     */\\n    constructor(context) {\\n        super('context-provider', { bubbles: true, composed: true });\\n        this.context = context;\\n    }\\n}\\n/**\\n * A ReactiveController which adds context provider behavior to a\\n * custom element.\\n *\\n * This controller simply listens to the `context-request` event when\\n * the host is connected to the DOM and registers the received callbacks\\n * against its observable Context implementation.\\n *\\n * The controller may also be attached to any HTML element in which case it's\\n * up to the user to call hostConnected() when attached to the DOM. This is\\n * done automatically for any custom elements implementing\\n * ReactiveControllerHost.\\n */\\nclass ContextProvider extends _value_notifier_js__WEBPACK_IMPORTED_MODULE_1__.ValueNotifier {\\n    constructor(host, contextOrOptions, initialValue) {\\n        super(contextOrOptions.context !== undefined\\n            ? contextOrOptions.initialValue\\n            : initialValue);\\n        this.onContextRequest = (ev) => {\\n            // Only call the callback if the context matches.\\n            // Also, in case an element is a consumer AND a provider\\n            // of the same context, we want to avoid the element to self-register.\\n            // The check on composedPath (as opposed to ev.target) is to cover cases\\n            // where the consumer is in the shadowDom of the provider (in which case,\\n            // event.target === this.host because of event retargeting).\\n            const consumerHost = ev.composedPath()[0];\\n            if (ev.context !== this.context || consumerHost === this.host) {\\n                return;\\n            }\\n            ev.stopPropagation();\\n            this.addCallback(ev.callback, consumerHost, ev.subscribe);\\n        };\\n        /**\\n         * When we get a provider request event, that means a child of this element\\n         * has just woken up. If it's a provider of our context, then we may need to\\n         * re-parent our subscriptions, because is a more specific provider than us\\n         * for its subtree.\\n         */\\n        this.onProviderRequest = (ev) => {\\n            // Ignore events when the context doesn't match.\\n            // Also, in case an element is a consumer AND a provider\\n            // of the same context it shouldn't provide to itself.\\n            // We use composedPath (as opposed to ev.target) to cover cases\\n            // where the consumer is in the shadowDom of the provider (in which case,\\n            // event.target === this.host because of event retargeting).\\n            const childProviderHost = ev.composedPath()[0];\\n            if (ev.context !== this.context || childProviderHost === this.host) {\\n                return;\\n            }\\n            // Re-parent all of our subscriptions in case this new child provider\\n            // should take them over.\\n            const seen = new Set();\\n            for (const [callback, { consumerHost }] of this.subscriptions) {\\n                // Prevent infinite loops in the case where a one host element\\n                // is providing the same context multiple times.\\n                //\\n                // While normally it's a no-op to attempt to re-parent a subscription\\n                // that already has its proper parent, in the case where there's more\\n                // than one ValueProvider for the same context on the same hostElement,\\n                // they will each call the consumer, and since they will each have their\\n                // own dispose function, a well behaved consumer will notice the change\\n                // in dispose function and call their old one.\\n                //\\n                // This will cause the subscriptions to thrash, but worse, without this\\n                // set check here, we can end up in an infinite loop, as we add and remove\\n                // the same subscriptions onto the end of the map over and over.\\n                if (seen.has(callback)) {\\n                    continue;\\n                }\\n                seen.add(callback);\\n                consumerHost.dispatchEvent(new _context_request_event_js__WEBPACK_IMPORTED_MODULE_0__.ContextRequestEvent(this.context, callback, true));\\n            }\\n            ev.stopPropagation();\\n        };\\n        this.host = host;\\n        if (contextOrOptions.context !== undefined) {\\n            this.context = contextOrOptions.context;\\n        }\\n        else {\\n            this.context = contextOrOptions;\\n        }\\n        this.attachListeners();\\n        this.host.addController?.(this);\\n    }\\n    attachListeners() {\\n        this.host.addEventListener('context-request', this.onContextRequest);\\n        this.host.addEventListener('context-provider', this.onProviderRequest);\\n    }\\n    hostConnected() {\\n        // emit an event to signal a provider is available for this context\\n        this.host.dispatchEvent(new ContextProviderEvent(this.context));\\n    }\\n}\\n//# sourceMappingURL=context-provider.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/context/development/lib/controllers/context-provider.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/context/development/lib/create-context.js\":\n/*!****************************************************************************!*\\\n  !*** ../../../node_modules/@lit/context/development/lib/create-context.js ***!\n  \\****************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   createContext: () => (/* binding */ createContext)\\n/* harmony export */ });\\n/**\\n * @license\\n * Copyright 2021 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n/**\\n * Creates a typed Context.\\n *\\n * Contexts are compared with strict equality.\\n *\\n * If you want two separate `createContext()` calls to referer to the same\\n * context, then use a key that will by equal under strict equality like a\\n * string for `Symbol.for()`:\\n *\\n * ```ts\\n * // true\\n * createContext('my-context') === createContext('my-context')\\n * // true\\n * createContext(Symbol.for('my-context')) === createContext(Symbol.for('my-context'))\\n * ```\\n *\\n * If you want a context to be unique so that it's guaranteed to not collide\\n * with other contexts, use a key that's unique under strict equality, like\\n * a `Symbol()` or object.:\\n *\\n * ```\\n * // false\\n * createContext({}) === createContext({})\\n * // false\\n * createContext(Symbol('my-context')) === createContext(Symbol('my-context'))\\n * ```\\n *\\n * @param key a context key value\\n * @template ValueType the type of value that can be provided by this context.\\n * @returns the context key value cast to `Context<K, ValueType>`\\n */\\nfunction createContext(key) {\\n    return key;\\n}\\n//# sourceMappingURL=create-context.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/context/development/lib/create-context.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/context/development/lib/decorators/consume.js\":\n/*!********************************************************************************!*\\\n  !*** ../../../node_modules/@lit/context/development/lib/decorators/consume.js ***!\n  \\********************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   consume: () => (/* binding */ consume)\\n/* harmony export */ });\\n/* harmony import */ var _controllers_context_consumer_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../controllers/context-consumer.js */ \\\"../../../node_modules/@lit/context/development/lib/controllers/context-consumer.js\\\");\\n/**\\n * @license\\n * Copyright 2022 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\n/*\\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\\n * property decorators (but not class decorators) in this file that have\\n * an @ExportDecoratedItems annotation must be defined as a regular function,\\n * not an arrow function.\\n */\\n/**\\n * A property decorator that adds a ContextConsumer controller to the component\\n * which will try and retrieve a value for the property via the Context API.\\n *\\n * @param context A Context identifier value created via `createContext`\\n * @param subscribe An optional boolean which when true allows the value to be updated\\n *   multiple times.\\n *\\n * @example\\n *\\n * ```ts\\n * import {consume} from '@lit/context';\\n * import {loggerContext, Logger} from 'community-protocols/logger';\\n *\\n * class MyElement {\\n *   @consume({context: loggerContext})\\n *   logger?: Logger;\\n *\\n *   doThing() {\\n *     this.logger!.log('thing was done');\\n *   }\\n * }\\n * ```\\n * @category Decorator\\n */\\nfunction consume({ context, subscribe, }) {\\n    return ((protoOrTarget, nameOrContext) => {\\n        if (typeof nameOrContext === 'object') {\\n            // Standard decorators branch\\n            nameOrContext.addInitializer(function () {\\n                new _controllers_context_consumer_js__WEBPACK_IMPORTED_MODULE_0__.ContextConsumer(this, {\\n                    context,\\n                    callback: (value) => {\\n                        protoOrTarget.set.call(this, value);\\n                    },\\n                    subscribe,\\n                });\\n            });\\n        }\\n        else {\\n            // Experimental decorators branch\\n            protoOrTarget.constructor.addInitializer((element) => {\\n                new _controllers_context_consumer_js__WEBPACK_IMPORTED_MODULE_0__.ContextConsumer(element, {\\n                    context,\\n                    callback: (value) => {\\n                        // eslint-disable-next-line @typescript-eslint/no-explicit-any\\n                        element[nameOrContext] = value;\\n                    },\\n                    subscribe,\\n                });\\n            });\\n        }\\n    });\\n}\\n//# sourceMappingURL=consume.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/context/development/lib/decorators/consume.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/context/development/lib/decorators/provide.js\":\n/*!********************************************************************************!*\\\n  !*** ../../../node_modules/@lit/context/development/lib/decorators/provide.js ***!\n  \\********************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   provide: () => (/* binding */ provide)\\n/* harmony export */ });\\n/* harmony import */ var _controllers_context_provider_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../controllers/context-provider.js */ \\\"../../../node_modules/@lit/context/development/lib/controllers/context-provider.js\\\");\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\n/*\\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\\n * property decorators (but not class decorators) in this file that have\\n * an @ExportDecoratedItems annotation must be defined as a regular function,\\n * not an arrow function.\\n */\\n/**\\n * A property decorator that adds a ContextProvider controller to the component\\n * making it respond to any `context-request` events from its children consumer.\\n *\\n * @param context A Context identifier value created via `createContext`\\n *\\n * @example\\n *\\n * ```ts\\n * import {provide} from '@lit/context';\\n * import {Logger} from 'my-logging-library';\\n * import {loggerContext} from './logger-context.js';\\n *\\n * class MyElement {\\n *   @provide({context: loggerContext})\\n *   logger = new Logger();\\n * }\\n * ```\\n * @category Decorator\\n */\\nfunction provide({ context: context, }) {\\n    return ((protoOrTarget, nameOrContext) => {\\n        // Map of instances to controllers\\n        const controllerMap = new WeakMap();\\n        if (typeof nameOrContext === 'object') {\\n            // Standard decorators branch\\n            nameOrContext.addInitializer(function () {\\n                controllerMap.set(this, new _controllers_context_provider_js__WEBPACK_IMPORTED_MODULE_0__.ContextProvider(this, { context }));\\n            });\\n            return {\\n                get() {\\n                    return protoOrTarget.get.call(this);\\n                },\\n                set(value) {\\n                    controllerMap.get(this)?.setValue(value);\\n                    return protoOrTarget.set.call(this, value);\\n                },\\n                init(value) {\\n                    controllerMap.get(this)?.setValue(value);\\n                    return value;\\n                },\\n            };\\n        }\\n        else {\\n            // Experimental decorators branch\\n            protoOrTarget.constructor.addInitializer((element) => {\\n                controllerMap.set(element, new _controllers_context_provider_js__WEBPACK_IMPORTED_MODULE_0__.ContextProvider(element, { context }));\\n            });\\n            // proxy any existing setter for this property and use it to\\n            // notify the controller of an updated value\\n            const descriptor = Object.getOwnPropertyDescriptor(protoOrTarget, nameOrContext);\\n            let newDescriptor;\\n            if (descriptor === undefined) {\\n                const valueMap = new WeakMap();\\n                newDescriptor = {\\n                    get() {\\n                        return valueMap.get(this);\\n                    },\\n                    set(value) {\\n                        controllerMap.get(this).setValue(value);\\n                        valueMap.set(this, value);\\n                    },\\n                    configurable: true,\\n                    enumerable: true,\\n                };\\n            }\\n            else {\\n                const oldSetter = descriptor.set;\\n                newDescriptor = {\\n                    ...descriptor,\\n                    set(value) {\\n                        controllerMap.get(this).setValue(value);\\n                        oldSetter?.call(this, value);\\n                    },\\n                };\\n            }\\n            Object.defineProperty(protoOrTarget, nameOrContext, newDescriptor);\\n            return;\\n        }\\n    });\\n}\\n//# sourceMappingURL=provide.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/context/development/lib/decorators/provide.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/context/development/lib/value-notifier.js\":\n/*!****************************************************************************!*\\\n  !*** ../../../node_modules/@lit/context/development/lib/value-notifier.js ***!\n  \\****************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   ValueNotifier: () => (/* binding */ ValueNotifier)\\n/* harmony export */ });\\n/**\\n * @license\\n * Copyright 2021 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n/**\\n * A simple class which stores a value, and triggers registered callbacks when\\n * the value is changed via its setter.\\n *\\n * An implementor might use other observable patterns such as MobX or Redux to\\n * get behavior like this. But this is a pretty minimal approach that will\\n * likely work for a number of use cases.\\n */\\nclass ValueNotifier {\\n    get value() {\\n        return this._value;\\n    }\\n    set value(v) {\\n        this.setValue(v);\\n    }\\n    setValue(v, force = false) {\\n        const update = force || !Object.is(v, this._value);\\n        this._value = v;\\n        if (update) {\\n            this.updateObservers();\\n        }\\n    }\\n    constructor(defaultValue) {\\n        this.subscriptions = new Map();\\n        this.updateObservers = () => {\\n            for (const [callback, { disposer }] of this.subscriptions) {\\n                callback(this._value, disposer);\\n            }\\n        };\\n        if (defaultValue !== undefined) {\\n            this.value = defaultValue;\\n        }\\n    }\\n    addCallback(callback, consumerHost, subscribe) {\\n        if (!subscribe) {\\n            // just call the callback once and we're done\\n            callback(this.value);\\n            return;\\n        }\\n        if (!this.subscriptions.has(callback)) {\\n            this.subscriptions.set(callback, {\\n                disposer: () => {\\n                    this.subscriptions.delete(callback);\\n                },\\n                consumerHost,\\n            });\\n        }\\n        const { disposer } = this.subscriptions.get(callback);\\n        callback(this.value, disposer);\\n    }\\n    clearCallbacks() {\\n        this.subscriptions.clear();\\n    }\\n}\\n//# sourceMappingURL=value-notifier.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/context/development/lib/value-notifier.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/react/development/create-component.js\":\n/*!************************************************************************!*\\\n  !*** ../../../node_modules/@lit/react/development/create-component.js ***!\n  \\************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   createComponent: () => (/* binding */ createComponent)\\n/* harmony export */ });\\n/**\\n * @license\\n * Copyright 2018 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\nconst NODE_MODE = false;\\nconst DEV_MODE = true;\\nconst reservedReactProperties = new Set([\\n    'children',\\n    'localName',\\n    'ref',\\n    'style',\\n    'className',\\n]);\\nconst listenedEvents = new WeakMap();\\n/**\\n * Adds an event listener for the specified event to the given node. In the\\n * React setup, there should only ever be one event listener. Thus, for\\n * efficiency only one listener is added and the handler for that listener is\\n * updated to point to the given listener function.\\n */\\nconst addOrUpdateEventListener = (node, event, listener) => {\\n    let events = listenedEvents.get(node);\\n    if (events === undefined) {\\n        listenedEvents.set(node, (events = new Map()));\\n    }\\n    let handler = events.get(event);\\n    if (listener !== undefined) {\\n        // If necessary, add listener and track handler\\n        if (handler === undefined) {\\n            events.set(event, (handler = { handleEvent: listener }));\\n            node.addEventListener(event, handler);\\n            // Otherwise just update the listener with new value\\n        }\\n        else {\\n            handler.handleEvent = listener;\\n        }\\n        // Remove listener if one exists and value is undefined\\n    }\\n    else if (handler !== undefined) {\\n        events.delete(event);\\n        node.removeEventListener(event, handler);\\n    }\\n};\\n/**\\n * Sets properties and events on custom elements. These properties and events\\n * have been pre-filtered so we know they should apply to the custom element.\\n */\\nconst setProperty = (node, name, value, old, events) => {\\n    const event = events?.[name];\\n    // Dirty check event value.\\n    if (event !== undefined) {\\n        if (value !== old) {\\n            addOrUpdateEventListener(node, event, value);\\n        }\\n        return;\\n    }\\n    // But don't dirty check properties; elements are assumed to do this.\\n    node[name] = value;\\n    // This block is to replicate React's behavior for attributes of native\\n    // elements where `undefined` or `null` values result in attributes being\\n    // removed.\\n    // https://github.com/facebook/react/blob/899cb95f52cc83ab5ca1eb1e268c909d3f0961e7/packages/react-dom-bindings/src/client/DOMPropertyOperations.js#L107-L141\\n    //\\n    // It's only needed here for native HTMLElement properties that reflect\\n    // attributes of the same name but don't have that behavior like \\\"id\\\" or\\n    // \\\"draggable\\\".\\n    if ((value === undefined || value === null) &&\\n        name in HTMLElement.prototype) {\\n        node.removeAttribute(name);\\n    }\\n};\\n/**\\n * Creates a React component for a custom element. Properties are distinguished\\n * from attributes automatically, and events can be configured so they are added\\n * to the custom element as event listeners.\\n *\\n * @param options An options bag containing the parameters needed to generate a\\n * wrapped web component.\\n *\\n * @param options.react The React module, typically imported from the `react`\\n * npm package.\\n * @param options.tagName The custom element tag name registered via\\n * `customElements.define`.\\n * @param options.elementClass The custom element class registered via\\n * `customElements.define`.\\n * @param options.events An object listing events to which the component can\\n * listen. The object keys are the event property names passed in via React\\n * props and the object values are the names of the corresponding events\\n * generated by the custom element. For example, given `{onactivate:\\n * 'activate'}` an event function may be passed via the component's `onactivate`\\n * prop and will be called when the custom element fires its `activate` event.\\n * @param options.displayName A React component display name, used in debugging\\n * messages. Default value is inferred from the name of custom element class\\n * registered via `customElements.define`.\\n */\\nconst createComponent = ({ react: React, tagName, elementClass, events, displayName, }) => {\\n    const eventProps = new Set(Object.keys(events ?? {}));\\n    if (DEV_MODE && !NODE_MODE) {\\n        for (const p of reservedReactProperties) {\\n            if (p in elementClass.prototype && !(p in HTMLElement.prototype)) {\\n                // Note, this effectively warns only for `ref` since the other\\n                // reserved props are on HTMLElement.prototype. To address this\\n                // would require crawling down the prototype, which doesn't feel worth\\n                // it since implementing these properties on an element is extremely\\n                // rare.\\n                console.warn(`${tagName} contains property ${p} which is a React reserved ` +\\n                    `property. It will be used by React and not set on the element.`);\\n            }\\n        }\\n    }\\n    const ReactComponent = React.forwardRef((props, ref) => {\\n        const prevElemPropsRef = React.useRef(new Map());\\n        const elementRef = React.useRef(null);\\n        // Props to be passed to React.createElement\\n        const reactProps = {};\\n        // Props to be set on element with setProperty\\n        const elementProps = {};\\n        for (const [k, v] of Object.entries(props)) {\\n            if (reservedReactProperties.has(k)) {\\n                // React does *not* handle `className` for custom elements so\\n                // coerce it to `class` so it's handled correctly.\\n                reactProps[k === 'className' ? 'class' : k] = v;\\n                continue;\\n            }\\n            if (eventProps.has(k) || k in elementClass.prototype) {\\n                elementProps[k] = v;\\n                continue;\\n            }\\n            reactProps[k] = v;\\n        }\\n        // useLayoutEffect produces warnings during server rendering.\\n        if (!NODE_MODE) {\\n            // This one has no dependency array so it'll run on every re-render.\\n            React.useLayoutEffect(() => {\\n                if (elementRef.current === null) {\\n                    return;\\n                }\\n                const newElemProps = new Map();\\n                for (const key in elementProps) {\\n                    setProperty(elementRef.current, key, props[key], prevElemPropsRef.current.get(key), events);\\n                    prevElemPropsRef.current.delete(key);\\n                    newElemProps.set(key, props[key]);\\n                }\\n                // \\\"Unset\\\" any props from previous render that no longer exist.\\n                // Setting to `undefined` seems like the correct thing to \\\"unset\\\"\\n                // but currently React will set it as `null`.\\n                // See https://github.com/facebook/react/issues/28203\\n                for (const [key, value] of prevElemPropsRef.current) {\\n                    setProperty(elementRef.current, key, undefined, value, events);\\n                }\\n                prevElemPropsRef.current = newElemProps;\\n            });\\n            // Empty dependency array so this will only run once after first render.\\n            React.useLayoutEffect(() => {\\n                elementRef.current?.removeAttribute('defer-hydration');\\n            }, []);\\n        }\\n        if (NODE_MODE) {\\n            // If component is to be server rendered with `@lit/ssr-react`, pass\\n            // element properties in a special bag to be set by the server-side\\n            // element renderer.\\n            if ((React.createElement.name === 'litPatchedCreateElement' ||\\n                globalThis.litSsrReactEnabled) &&\\n                Object.keys(elementProps).length) {\\n                // This property needs to remain unminified.\\n                reactProps['_$litProps$'] = elementProps;\\n            }\\n        }\\n        else {\\n            // Suppress hydration warning for server-rendered attributes.\\n            // This property needs to remain unminified.\\n            reactProps['suppressHydrationWarning'] = true;\\n        }\\n        return React.createElement(tagName, {\\n            ...reactProps,\\n            ref: React.useCallback((node) => {\\n                elementRef.current = node;\\n                if (typeof ref === 'function') {\\n                    ref(node);\\n                }\\n                else if (ref !== null) {\\n                    ref.current = node;\\n                }\\n            }, [ref]),\\n        });\\n    });\\n    ReactComponent.displayName = displayName ?? elementClass.name;\\n    return ReactComponent;\\n};\\n//# sourceMappingURL=create-component.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/react/development/create-component.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/react/development/index.js\":\n/*!*************************************************************!*\\\n  !*** ../../../node_modules/@lit/react/development/index.js ***!\n  \\*************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   createComponent: () => (/* reexport safe */ _create_component_js__WEBPACK_IMPORTED_MODULE_0__.createComponent)\\n/* harmony export */ });\\n/* harmony import */ var _create_component_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./create-component.js */ \\\"../../../node_modules/@lit/react/development/create-component.js\\\");\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\n//# sourceMappingURL=index.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/react/development/index.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/reactive-element/development/css-tag.js\":\n/*!**************************************************************************!*\\\n  !*** ../../../node_modules/@lit/reactive-element/development/css-tag.js ***!\n  \\**************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   CSSResult: () => (/* binding */ CSSResult),\\n/* harmony export */   adoptStyles: () => (/* binding */ adoptStyles),\\n/* harmony export */   css: () => (/* binding */ css),\\n/* harmony export */   getCompatibleStyle: () => (/* binding */ getCompatibleStyle),\\n/* harmony export */   supportsAdoptingStyleSheets: () => (/* binding */ supportsAdoptingStyleSheets),\\n/* harmony export */   unsafeCSS: () => (/* binding */ unsafeCSS)\\n/* harmony export */ });\\n/**\\n * @license\\n * Copyright 2019 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\nconst NODE_MODE = false;\\n// Allows minifiers to rename references to globalThis\\nconst global = globalThis;\\n/**\\n * Whether the current browser supports `adoptedStyleSheets`.\\n */\\nconst supportsAdoptingStyleSheets = global.ShadowRoot &&\\n    (global.ShadyCSS === undefined || global.ShadyCSS.nativeShadow) &&\\n    'adoptedStyleSheets' in Document.prototype &&\\n    'replace' in CSSStyleSheet.prototype;\\nconst constructionToken = Symbol();\\nconst cssTagCache = new WeakMap();\\n/**\\n * A container for a string of CSS text, that may be used to create a CSSStyleSheet.\\n *\\n * CSSResult is the return value of `css`-tagged template literals and\\n * `unsafeCSS()`. In order to ensure that CSSResults are only created via the\\n * `css` tag and `unsafeCSS()`, CSSResult cannot be constructed directly.\\n */\\nclass CSSResult {\\n    constructor(cssText, strings, safeToken) {\\n        // This property needs to remain unminified.\\n        this['_$cssResult$'] = true;\\n        if (safeToken !== constructionToken) {\\n            throw new Error('CSSResult is not constructable. Use `unsafeCSS` or `css` instead.');\\n        }\\n        this.cssText = cssText;\\n        this._strings = strings;\\n    }\\n    // This is a getter so that it's lazy. In practice, this means stylesheets\\n    // are not created until the first element instance is made.\\n    get styleSheet() {\\n        // If `supportsAdoptingStyleSheets` is true then we assume CSSStyleSheet is\\n        // constructable.\\n        let styleSheet = this._styleSheet;\\n        const strings = this._strings;\\n        if (supportsAdoptingStyleSheets && styleSheet === undefined) {\\n            const cacheable = strings !== undefined && strings.length === 1;\\n            if (cacheable) {\\n                styleSheet = cssTagCache.get(strings);\\n            }\\n            if (styleSheet === undefined) {\\n                (this._styleSheet = styleSheet = new CSSStyleSheet()).replaceSync(this.cssText);\\n                if (cacheable) {\\n                    cssTagCache.set(strings, styleSheet);\\n                }\\n            }\\n        }\\n        return styleSheet;\\n    }\\n    toString() {\\n        return this.cssText;\\n    }\\n}\\nconst textFromCSSResult = (value) => {\\n    // This property needs to remain unminified.\\n    if (value['_$cssResult$'] === true) {\\n        return value.cssText;\\n    }\\n    else if (typeof value === 'number') {\\n        return value;\\n    }\\n    else {\\n        throw new Error(`Value passed to 'css' function must be a 'css' function result: ` +\\n            `${value}. Use 'unsafeCSS' to pass non-literal values, but take care ` +\\n            `to ensure page security.`);\\n    }\\n};\\n/**\\n * Wrap a value for interpolation in a {@linkcode css} tagged template literal.\\n *\\n * This is unsafe because untrusted CSS text can be used to phone home\\n * or exfiltrate data to an attacker controlled site. Take care to only use\\n * this with trusted input.\\n */\\nconst unsafeCSS = (value) => new CSSResult(typeof value === 'string' ? value : String(value), undefined, constructionToken);\\n/**\\n * A template literal tag which can be used with LitElement's\\n * {@linkcode LitElement.styles} property to set element styles.\\n *\\n * For security reasons, only literal string values and number may be used in\\n * embedded expressions. To incorporate non-literal values {@linkcode unsafeCSS}\\n * may be used inside an expression.\\n */\\nconst css = (strings, ...values) => {\\n    const cssText = strings.length === 1\\n        ? strings[0]\\n        : values.reduce((acc, v, idx) => acc + textFromCSSResult(v) + strings[idx + 1], strings[0]);\\n    return new CSSResult(cssText, strings, constructionToken);\\n};\\n/**\\n * Applies the given styles to a `shadowRoot`. When Shadow DOM is\\n * available but `adoptedStyleSheets` is not, styles are appended to the\\n * `shadowRoot` to [mimic spec behavior](https://wicg.github.io/construct-stylesheets/#using-constructed-stylesheets).\\n * Note, when shimming is used, any styles that are subsequently placed into\\n * the shadowRoot should be placed *before* any shimmed adopted styles. This\\n * will match spec behavior that gives adopted sheets precedence over styles in\\n * shadowRoot.\\n */\\nconst adoptStyles = (renderRoot, styles) => {\\n    if (supportsAdoptingStyleSheets) {\\n        renderRoot.adoptedStyleSheets = styles.map((s) => s instanceof CSSStyleSheet ? s : s.styleSheet);\\n    }\\n    else {\\n        for (const s of styles) {\\n            const style = document.createElement('style');\\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\\n            const nonce = global['litNonce'];\\n            if (nonce !== undefined) {\\n                style.setAttribute('nonce', nonce);\\n            }\\n            style.textContent = s.cssText;\\n            renderRoot.appendChild(style);\\n        }\\n    }\\n};\\nconst cssResultFromStyleSheet = (sheet) => {\\n    let cssText = '';\\n    for (const rule of sheet.cssRules) {\\n        cssText += rule.cssText;\\n    }\\n    return unsafeCSS(cssText);\\n};\\nconst getCompatibleStyle = supportsAdoptingStyleSheets ||\\n    (NODE_MODE && global.CSSStyleSheet === undefined)\\n    ? (s) => s\\n    : (s) => s instanceof CSSStyleSheet ? cssResultFromStyleSheet(s) : s;\\n//# sourceMappingURL=css-tag.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/reactive-element/development/css-tag.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/reactive-element/development/decorators/base.js\":\n/*!**********************************************************************************!*\\\n  !*** ../../../node_modules/@lit/reactive-element/development/decorators/base.js ***!\n  \\**********************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   desc: () => (/* binding */ desc)\\n/* harmony export */ });\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n/**\\n * Wraps up a few best practices when returning a property descriptor from a\\n * decorator.\\n *\\n * Marks the defined property as configurable, and enumerable, and handles\\n * the case where we have a busted Reflect.decorate zombiefill (e.g. in Angular\\n * apps).\\n *\\n * @internal\\n */\\nconst desc = (obj, name, descriptor) => {\\n    // For backwards compatibility, we keep them configurable and enumerable.\\n    descriptor.configurable = true;\\n    descriptor.enumerable = true;\\n    if (\\n    // We check for Reflect.decorate each time, in case the zombiefill\\n    // is applied via lazy loading some Angular code.\\n    Reflect.decorate &&\\n        typeof name !== 'object') {\\n        // If we're called as a legacy decorator, and Reflect.decorate is present\\n        // then we have no guarantees that the returned descriptor will be\\n        // defined on the class, so we must apply it directly ourselves.\\n        Object.defineProperty(obj, name, descriptor);\\n    }\\n    return descriptor;\\n};\\n//# sourceMappingURL=base.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/reactive-element/development/decorators/base.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/reactive-element/development/decorators/custom-element.js\":\n/*!********************************************************************************************!*\\\n  !*** ../../../node_modules/@lit/reactive-element/development/decorators/custom-element.js ***!\n  \\********************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   customElement: () => (/* binding */ customElement)\\n/* harmony export */ });\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n/**\\n * Class decorator factory that defines the decorated class as a custom element.\\n *\\n * ```js\\n * @customElement('my-element')\\n * class MyElement extends LitElement {\\n *   render() {\\n *     return html``;\\n *   }\\n * }\\n * ```\\n * @category Decorator\\n * @param tagName The tag name of the custom element to define.\\n */\\nconst customElement = (tagName) => (classOrTarget, context) => {\\n    if (context !== undefined) {\\n        context.addInitializer(() => {\\n            customElements.define(tagName, classOrTarget);\\n        });\\n    }\\n    else {\\n        customElements.define(tagName, classOrTarget);\\n    }\\n};\\n//# sourceMappingURL=custom-element.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/reactive-element/development/decorators/custom-element.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/reactive-element/development/decorators/event-options.js\":\n/*!*******************************************************************************************!*\\\n  !*** ../../../node_modules/@lit/reactive-element/development/decorators/event-options.js ***!\n  \\*******************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   eventOptions: () => (/* binding */ eventOptions)\\n/* harmony export */ });\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n/**\\n * Adds event listener options to a method used as an event listener in a\\n * lit-html template.\\n *\\n * @param options An object that specifies event listener options as accepted by\\n * `EventTarget#addEventListener` and `EventTarget#removeEventListener`.\\n *\\n * Current browsers support the `capture`, `passive`, and `once` options. See:\\n * https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#Parameters\\n *\\n * ```ts\\n * class MyElement {\\n *   clicked = false;\\n *\\n *   render() {\\n *     return html`\\n *       <div @click=${this._onClick}>\\n *         <button></button>\\n *       </div>\\n *     `;\\n *   }\\n *\\n *   @eventOptions({capture: true})\\n *   _onClick(e) {\\n *     this.clicked = true;\\n *   }\\n * }\\n * ```\\n * @category Decorator\\n */\\nfunction eventOptions(options) {\\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\\n    return ((protoOrValue, nameOrContext) => {\\n        const method = typeof protoOrValue === 'function'\\n            ? protoOrValue\\n            : protoOrValue[nameOrContext];\\n        Object.assign(method, options);\\n    });\\n}\\n//# sourceMappingURL=event-options.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/reactive-element/development/decorators/event-options.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/reactive-element/development/decorators/property.js\":\n/*!**************************************************************************************!*\\\n  !*** ../../../node_modules/@lit/reactive-element/development/decorators/property.js ***!\n  \\**************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   property: () => (/* binding */ property),\\n/* harmony export */   standardProperty: () => (/* binding */ standardProperty)\\n/* harmony export */ });\\n/* harmony import */ var _reactive_element_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../reactive-element.js */ \\\"../../../node_modules/@lit/reactive-element/development/reactive-element.js\\\");\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n/*\\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\\n * property decorators (but not class decorators) in this file that have\\n * an @ExportDecoratedItems annotation must be defined as a regular function,\\n * not an arrow function.\\n */\\n\\nconst DEV_MODE = true;\\nlet issueWarning;\\nif (DEV_MODE) {\\n    // Ensure warnings are issued only 1x, even if multiple versions of Lit\\n    // are loaded.\\n    const issuedWarnings = (globalThis.litIssuedWarnings ??= new Set());\\n    // Issue a warning, if we haven't already.\\n    issueWarning = (code, warning) => {\\n        warning += ` See https://lit.dev/msg/${code} for more information.`;\\n        if (!issuedWarnings.has(warning)) {\\n            console.warn(warning);\\n            issuedWarnings.add(warning);\\n        }\\n    };\\n}\\nconst legacyProperty = (options, proto, name) => {\\n    const hasOwnProperty = proto.hasOwnProperty(name);\\n    proto.constructor.createProperty(name, hasOwnProperty ? { ...options, wrapped: true } : options);\\n    // For accessors (which have a descriptor on the prototype) we need to\\n    // return a descriptor, otherwise TypeScript overwrites the descriptor we\\n    // define in createProperty() with the original descriptor. We don't do this\\n    // for fields, which don't have a descriptor, because this could overwrite\\n    // descriptor defined by other decorators.\\n    return hasOwnProperty\\n        ? Object.getOwnPropertyDescriptor(proto, name)\\n        : undefined;\\n};\\n// This is duplicated from a similar variable in reactive-element.ts, but\\n// actually makes sense to have this default defined with the decorator, so\\n// that different decorators could have different defaults.\\nconst defaultPropertyDeclaration = {\\n    attribute: true,\\n    type: String,\\n    converter: _reactive_element_js__WEBPACK_IMPORTED_MODULE_0__.defaultConverter,\\n    reflect: false,\\n    hasChanged: _reactive_element_js__WEBPACK_IMPORTED_MODULE_0__.notEqual,\\n};\\n/**\\n * Wraps a class accessor or setter so that `requestUpdate()` is called with the\\n * property name and old value when the accessor is set.\\n */\\nconst standardProperty = (options = defaultPropertyDeclaration, target, context) => {\\n    const { kind, metadata } = context;\\n    if (DEV_MODE && metadata == null) {\\n        issueWarning('missing-class-metadata', `The class ${target} is missing decorator metadata. This ` +\\n            `could mean that you're using a compiler that supports decorators ` +\\n            `but doesn't support decorator metadata, such as TypeScript 5.1. ` +\\n            `Please update your compiler.`);\\n    }\\n    // Store the property options\\n    let properties = globalThis.litPropertyMetadata.get(metadata);\\n    if (properties === undefined) {\\n        globalThis.litPropertyMetadata.set(metadata, (properties = new Map()));\\n    }\\n    properties.set(context.name, options);\\n    if (kind === 'accessor') {\\n        // Standard decorators cannot dynamically modify the class, so we can't\\n        // replace a field with accessors. The user must use the new `accessor`\\n        // keyword instead.\\n        const { name } = context;\\n        return {\\n            set(v) {\\n                const oldValue = target.get.call(this);\\n                target.set.call(this, v);\\n                this.requestUpdate(name, oldValue, options);\\n            },\\n            init(v) {\\n                if (v !== undefined) {\\n                    this._$changeProperty(name, undefined, options);\\n                }\\n                return v;\\n            },\\n        };\\n    }\\n    else if (kind === 'setter') {\\n        const { name } = context;\\n        return function (value) {\\n            const oldValue = this[name];\\n            target.call(this, value);\\n            this.requestUpdate(name, oldValue, options);\\n        };\\n    }\\n    throw new Error(`Unsupported decorator location: ${kind}`);\\n};\\n/**\\n * A class field or accessor decorator which creates a reactive property that\\n * reflects a corresponding attribute value. When a decorated property is set\\n * the element will update and render. A {@linkcode PropertyDeclaration} may\\n * optionally be supplied to configure property features.\\n *\\n * This decorator should only be used for public fields. As public fields,\\n * properties should be considered as primarily settable by element users,\\n * either via attribute or the property itself.\\n *\\n * Generally, properties that are changed by the element should be private or\\n * protected fields and should use the {@linkcode state} decorator.\\n *\\n * However, sometimes element code does need to set a public property. This\\n * should typically only be done in response to user interaction, and an event\\n * should be fired informing the user; for example, a checkbox sets its\\n * `checked` property when clicked and fires a `changed` event. Mutating public\\n * properties should typically not be done for non-primitive (object or array)\\n * properties. In other cases when an element needs to manage state, a private\\n * property decorated via the {@linkcode state} decorator should be used. When\\n * needed, state properties can be initialized via public properties to\\n * facilitate complex interactions.\\n *\\n * ```ts\\n * class MyElement {\\n *   @property({ type: Boolean })\\n *   clicked = false;\\n * }\\n * ```\\n * @category Decorator\\n * @ExportDecoratedItems\\n */\\nfunction property(options) {\\n    return (protoOrTarget, nameOrContext\\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\\n    ) => {\\n        return (typeof nameOrContext === 'object'\\n            ? standardProperty(options, protoOrTarget, nameOrContext)\\n            : legacyProperty(options, protoOrTarget, nameOrContext));\\n    };\\n}\\n//# sourceMappingURL=property.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/reactive-element/development/decorators/property.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/reactive-element/development/decorators/query-all.js\":\n/*!***************************************************************************************!*\\\n  !*** ../../../node_modules/@lit/reactive-element/development/decorators/query-all.js ***!\n  \\***************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   queryAll: () => (/* binding */ queryAll)\\n/* harmony export */ });\\n/* harmony import */ var _base_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/base.js\\\");\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\n// Shared fragment used to generate empty NodeLists when a render root is\\n// undefined\\nlet fragment;\\n/**\\n * A property decorator that converts a class property into a getter\\n * that executes a querySelectorAll on the element's renderRoot.\\n *\\n * @param selector A DOMString containing one or more selectors to match.\\n *\\n * See:\\n * https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll\\n *\\n * ```ts\\n * class MyElement {\\n *   @queryAll('div')\\n *   divs: NodeListOf<HTMLDivElement>;\\n *\\n *   render() {\\n *     return html`\\n *       <div id=\\\"first\\\"></div>\\n *       <div id=\\\"second\\\"></div>\\n *     `;\\n *   }\\n * }\\n * ```\\n * @category Decorator\\n */\\nfunction queryAll(selector) {\\n    return ((obj, name) => {\\n        return (0,_base_js__WEBPACK_IMPORTED_MODULE_0__.desc)(obj, name, {\\n            get() {\\n                const container = this.renderRoot ?? (fragment ??= document.createDocumentFragment());\\n                return container.querySelectorAll(selector);\\n            },\\n        });\\n    });\\n}\\n//# sourceMappingURL=query-all.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/reactive-element/development/decorators/query-all.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/reactive-element/development/decorators/query-assigned-elements.js\":\n/*!*****************************************************************************************************!*\\\n  !*** ../../../node_modules/@lit/reactive-element/development/decorators/query-assigned-elements.js ***!\n  \\*****************************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   queryAssignedElements: () => (/* binding */ queryAssignedElements)\\n/* harmony export */ });\\n/* harmony import */ var _base_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/base.js\\\");\\n/**\\n * @license\\n * Copyright 2021 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\n/**\\n * A property decorator that converts a class property into a getter that\\n * returns the `assignedElements` of the given `slot`. Provides a declarative\\n * way to use\\n * [`HTMLSlotElement.assignedElements`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLSlotElement/assignedElements).\\n *\\n * Can be passed an optional {@linkcode QueryAssignedElementsOptions} object.\\n *\\n * Example usage:\\n * ```ts\\n * class MyElement {\\n *   @queryAssignedElements({ slot: 'list' })\\n *   listItems!: Array<HTMLElement>;\\n *   @queryAssignedElements()\\n *   unnamedSlotEls!: Array<HTMLElement>;\\n *\\n *   render() {\\n *     return html`\\n *       <slot name=\\\"list\\\"></slot>\\n *       <slot></slot>\\n *     `;\\n *   }\\n * }\\n * ```\\n *\\n * Note, the type of this property should be annotated as `Array<HTMLElement>`.\\n *\\n * @category Decorator\\n */\\nfunction queryAssignedElements(options) {\\n    return ((obj, name) => {\\n        const { slot, selector } = options ?? {};\\n        const slotSelector = `slot${slot ? `[name=${slot}]` : ':not([name])'}`;\\n        return (0,_base_js__WEBPACK_IMPORTED_MODULE_0__.desc)(obj, name, {\\n            get() {\\n                const slotEl = this.renderRoot?.querySelector(slotSelector);\\n                const elements = slotEl?.assignedElements(options) ?? [];\\n                return (selector === undefined\\n                    ? elements\\n                    : elements.filter((node) => node.matches(selector)));\\n            },\\n        });\\n    });\\n}\\n//# sourceMappingURL=query-assigned-elements.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/reactive-element/development/decorators/query-assigned-elements.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/reactive-element/development/decorators/query-assigned-nodes.js\":\n/*!**************************************************************************************************!*\\\n  !*** ../../../node_modules/@lit/reactive-element/development/decorators/query-assigned-nodes.js ***!\n  \\**************************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   queryAssignedNodes: () => (/* binding */ queryAssignedNodes)\\n/* harmony export */ });\\n/* harmony import */ var _base_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/base.js\\\");\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\n/**\\n * A property decorator that converts a class property into a getter that\\n * returns the `assignedNodes` of the given `slot`.\\n *\\n * Can be passed an optional {@linkcode QueryAssignedNodesOptions} object.\\n *\\n * Example usage:\\n * ```ts\\n * class MyElement {\\n *   @queryAssignedNodes({slot: 'list', flatten: true})\\n *   listItems!: Array<Node>;\\n *\\n *   render() {\\n *     return html`\\n *       <slot name=\\\"list\\\"></slot>\\n *     `;\\n *   }\\n * }\\n * ```\\n *\\n * Note the type of this property should be annotated as `Array<Node>`. Use the\\n * queryAssignedElements decorator to list only elements, and optionally filter\\n * the element list using a CSS selector.\\n *\\n * @category Decorator\\n */\\nfunction queryAssignedNodes(options) {\\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\\n    return ((obj, name) => {\\n        const { slot } = options ?? {};\\n        const slotSelector = `slot${slot ? `[name=${slot}]` : ':not([name])'}`;\\n        return (0,_base_js__WEBPACK_IMPORTED_MODULE_0__.desc)(obj, name, {\\n            get() {\\n                const slotEl = this.renderRoot?.querySelector(slotSelector);\\n                return (slotEl?.assignedNodes(options) ?? []);\\n            },\\n        });\\n    });\\n}\\n//# sourceMappingURL=query-assigned-nodes.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/reactive-element/development/decorators/query-assigned-nodes.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/reactive-element/development/decorators/query-async.js\":\n/*!*****************************************************************************************!*\\\n  !*** ../../../node_modules/@lit/reactive-element/development/decorators/query-async.js ***!\n  \\*****************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   queryAsync: () => (/* binding */ queryAsync)\\n/* harmony export */ });\\n/* harmony import */ var _base_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/base.js\\\");\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\n// Note, in the future, we may extend this decorator to support the use case\\n// where the queried element may need to do work to become ready to interact\\n// with (e.g. load some implementation code). If so, we might elect to\\n// add a second argument defining a function that can be run to make the\\n// queried element loaded/updated/ready.\\n/**\\n * A property decorator that converts a class property into a getter that\\n * returns a promise that resolves to the result of a querySelector on the\\n * element's renderRoot done after the element's `updateComplete` promise\\n * resolves. When the queried property may change with element state, this\\n * decorator can be used instead of requiring users to await the\\n * `updateComplete` before accessing the property.\\n *\\n * @param selector A DOMString containing one or more selectors to match.\\n *\\n * See: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector\\n *\\n * ```ts\\n * class MyElement {\\n *   @queryAsync('#first')\\n *   first: Promise<HTMLDivElement>;\\n *\\n *   render() {\\n *     return html`\\n *       <div id=\\\"first\\\"></div>\\n *       <div id=\\\"second\\\"></div>\\n *     `;\\n *   }\\n * }\\n *\\n * // external usage\\n * async doSomethingWithFirst() {\\n *  (await aMyElement.first).doSomething();\\n * }\\n * ```\\n * @category Decorator\\n */\\nfunction queryAsync(selector) {\\n    return ((obj, name) => {\\n        return (0,_base_js__WEBPACK_IMPORTED_MODULE_0__.desc)(obj, name, {\\n            async get() {\\n                await this.updateComplete;\\n                return this.renderRoot?.querySelector(selector) ?? null;\\n            },\\n        });\\n    });\\n}\\n//# sourceMappingURL=query-async.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/reactive-element/development/decorators/query-async.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/reactive-element/development/decorators/query.js\":\n/*!***********************************************************************************!*\\\n  !*** ../../../node_modules/@lit/reactive-element/development/decorators/query.js ***!\n  \\***********************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   query: () => (/* binding */ query)\\n/* harmony export */ });\\n/* harmony import */ var _base_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./base.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/base.js\\\");\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\nconst DEV_MODE = true;\\nlet issueWarning;\\nif (DEV_MODE) {\\n    // Ensure warnings are issued only 1x, even if multiple versions of Lit\\n    // are loaded.\\n    const issuedWarnings = (globalThis.litIssuedWarnings ??= new Set());\\n    // Issue a warning, if we haven't already.\\n    issueWarning = (code, warning) => {\\n        warning += code\\n            ? ` See https://lit.dev/msg/${code} for more information.`\\n            : '';\\n        if (!issuedWarnings.has(warning)) {\\n            console.warn(warning);\\n            issuedWarnings.add(warning);\\n        }\\n    };\\n}\\n/**\\n * A property decorator that converts a class property into a getter that\\n * executes a querySelector on the element's renderRoot.\\n *\\n * @param selector A DOMString containing one or more selectors to match.\\n * @param cache An optional boolean which when true performs the DOM query only\\n *     once and caches the result.\\n *\\n * See: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector\\n *\\n * ```ts\\n * class MyElement {\\n *   @query('#first')\\n *   first: HTMLDivElement;\\n *\\n *   render() {\\n *     return html`\\n *       <div id=\\\"first\\\"></div>\\n *       <div id=\\\"second\\\"></div>\\n *     `;\\n *   }\\n * }\\n * ```\\n * @category Decorator\\n */\\nfunction query(selector, cache) {\\n    return ((protoOrTarget, nameOrContext, descriptor) => {\\n        const doQuery = (el) => {\\n            const result = (el.renderRoot?.querySelector(selector) ?? null);\\n            if (DEV_MODE && result === null && cache && !el.hasUpdated) {\\n                const name = typeof nameOrContext === 'object'\\n                    ? nameOrContext.name\\n                    : nameOrContext;\\n                issueWarning('', `@query'd field ${JSON.stringify(String(name))} with the 'cache' ` +\\n                    `flag set for selector '${selector}' has been accessed before ` +\\n                    `the first update and returned null. This is expected if the ` +\\n                    `renderRoot tree has not been provided beforehand (e.g. via ` +\\n                    `Declarative Shadow DOM). Therefore the value hasn't been cached.`);\\n            }\\n            // TODO: if we want to allow users to assert that the query will never\\n            // return null, we need a new option and to throw here if the result\\n            // is null.\\n            return result;\\n        };\\n        if (cache) {\\n            // Accessors to wrap from either:\\n            //   1. The decorator target, in the case of standard decorators\\n            //   2. The property descriptor, in the case of experimental decorators\\n            //      on auto-accessors.\\n            //   3. Functions that access our own cache-key property on the instance,\\n            //      in the case of experimental decorators on fields.\\n            const { get, set } = typeof nameOrContext === 'object'\\n                ? protoOrTarget\\n                : descriptor ??\\n                    (() => {\\n                        const key = DEV_MODE\\n                            ? Symbol(`${String(nameOrContext)} (@query() cache)`)\\n                            : Symbol();\\n                        return {\\n                            get() {\\n                                return this[key];\\n                            },\\n                            set(v) {\\n                                this[key] = v;\\n                            },\\n                        };\\n                    })();\\n            return (0,_base_js__WEBPACK_IMPORTED_MODULE_0__.desc)(protoOrTarget, nameOrContext, {\\n                get() {\\n                    let result = get.call(this);\\n                    if (result === undefined) {\\n                        result = doQuery(this);\\n                        if (result !== null || this.hasUpdated) {\\n                            set.call(this, result);\\n                        }\\n                    }\\n                    return result;\\n                },\\n            });\\n        }\\n        else {\\n            // This object works as the return type for both standard and\\n            // experimental decorators.\\n            return (0,_base_js__WEBPACK_IMPORTED_MODULE_0__.desc)(protoOrTarget, nameOrContext, {\\n                get() {\\n                    return doQuery(this);\\n                },\\n            });\\n        }\\n    });\\n}\\n//# sourceMappingURL=query.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/reactive-element/development/decorators/query.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/reactive-element/development/decorators/state.js\":\n/*!***********************************************************************************!*\\\n  !*** ../../../node_modules/@lit/reactive-element/development/decorators/state.js ***!\n  \\***********************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   state: () => (/* binding */ state)\\n/* harmony export */ });\\n/* harmony import */ var _property_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./property.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/property.js\\\");\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n/*\\n * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all\\n * property decorators (but not class decorators) in this file that have\\n * an @ExportDecoratedItems annotation must be defined as a regular function,\\n * not an arrow function.\\n */\\n\\n/**\\n * Declares a private or protected reactive property that still triggers\\n * updates to the element when it changes. It does not reflect from the\\n * corresponding attribute.\\n *\\n * Properties declared this way must not be used from HTML or HTML templating\\n * systems, they're solely for properties internal to the element. These\\n * properties may be renamed by optimization tools like closure compiler.\\n * @category Decorator\\n */\\nfunction state(options) {\\n    return (0,_property_js__WEBPACK_IMPORTED_MODULE_0__.property)({\\n        ...options,\\n        // Add both `state` and `attribute` because we found a third party\\n        // controller that is keying off of PropertyOptions.state to determine\\n        // whether a field is a private internal property or not.\\n        state: true,\\n        attribute: false,\\n    });\\n}\\n//# sourceMappingURL=state.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/reactive-element/development/decorators/state.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@lit/reactive-element/development/reactive-element.js\":\n/*!***********************************************************************************!*\\\n  !*** ../../../node_modules/@lit/reactive-element/development/reactive-element.js ***!\n  \\***********************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   CSSResult: () => (/* reexport safe */ _css_tag_js__WEBPACK_IMPORTED_MODULE_0__.CSSResult),\\n/* harmony export */   ReactiveElement: () => (/* binding */ ReactiveElement),\\n/* harmony export */   adoptStyles: () => (/* reexport safe */ _css_tag_js__WEBPACK_IMPORTED_MODULE_0__.adoptStyles),\\n/* harmony export */   css: () => (/* reexport safe */ _css_tag_js__WEBPACK_IMPORTED_MODULE_0__.css),\\n/* harmony export */   defaultConverter: () => (/* binding */ defaultConverter),\\n/* harmony export */   getCompatibleStyle: () => (/* reexport safe */ _css_tag_js__WEBPACK_IMPORTED_MODULE_0__.getCompatibleStyle),\\n/* harmony export */   notEqual: () => (/* binding */ notEqual),\\n/* harmony export */   supportsAdoptingStyleSheets: () => (/* reexport safe */ _css_tag_js__WEBPACK_IMPORTED_MODULE_0__.supportsAdoptingStyleSheets),\\n/* harmony export */   unsafeCSS: () => (/* reexport safe */ _css_tag_js__WEBPACK_IMPORTED_MODULE_0__.unsafeCSS)\\n/* harmony export */ });\\n/* harmony import */ var _css_tag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./css-tag.js */ \\\"../../../node_modules/@lit/reactive-element/development/css-tag.js\\\");\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n/**\\n * Use this module if you want to create your own base class extending\\n * {@link ReactiveElement}.\\n * @packageDocumentation\\n */\\n\\n// In the Node build, this import will be injected by Rollup:\\n// import {HTMLElement, customElements} from '@lit-labs/ssr-dom-shim';\\n\\n// TODO (justinfagnani): Add `hasOwn` here when we ship ES2022\\nconst { is, defineProperty, getOwnPropertyDescriptor, getOwnPropertyNames, getOwnPropertySymbols, getPrototypeOf, } = Object;\\nconst NODE_MODE = false;\\n// Lets a minifier replace globalThis references with a minified name\\nconst global = globalThis;\\nif (NODE_MODE) {\\n    global.customElements ??= customElements;\\n}\\nconst DEV_MODE = true;\\nlet issueWarning;\\nconst trustedTypes = global\\n    .trustedTypes;\\n// Temporary workaround for https://crbug.com/993268\\n// Currently, any attribute starting with \\\"on\\\" is considered to be a\\n// TrustedScript source. Such boolean attributes must be set to the equivalent\\n// trusted emptyScript value.\\nconst emptyStringForBooleanAttribute = trustedTypes\\n    ? trustedTypes.emptyScript\\n    : '';\\nconst polyfillSupport = DEV_MODE\\n    ? global.reactiveElementPolyfillSupportDevMode\\n    : global.reactiveElementPolyfillSupport;\\nif (DEV_MODE) {\\n    // Ensure warnings are issued only 1x, even if multiple versions of Lit\\n    // are loaded.\\n    const issuedWarnings = (global.litIssuedWarnings ??=\\n        new Set());\\n    // Issue a warning, if we haven't already.\\n    issueWarning = (code, warning) => {\\n        warning += ` See https://lit.dev/msg/${code} for more information.`;\\n        if (!issuedWarnings.has(warning)) {\\n            console.warn(warning);\\n            issuedWarnings.add(warning);\\n        }\\n    };\\n    issueWarning('dev-mode', `Lit is in dev mode. Not recommended for production!`);\\n    // Issue polyfill support warning.\\n    if (global.ShadyDOM?.inUse && polyfillSupport === undefined) {\\n        issueWarning('polyfill-support-missing', `Shadow DOM is being polyfilled via \\\\`ShadyDOM\\\\` but ` +\\n            `the \\\\`polyfill-support\\\\` module has not been loaded.`);\\n    }\\n}\\n/**\\n * Useful for visualizing and logging insights into what the Lit template system is doing.\\n *\\n * Compiled out of prod mode builds.\\n */\\nconst debugLogEvent = DEV_MODE\\n    ? (event) => {\\n        const shouldEmit = global\\n            .emitLitDebugLogEvents;\\n        if (!shouldEmit) {\\n            return;\\n        }\\n        global.dispatchEvent(new CustomEvent('lit-debug', {\\n            detail: event,\\n        }));\\n    }\\n    : undefined;\\n/*\\n * When using Closure Compiler, JSCompiler_renameProperty(property, object) is\\n * replaced at compile time by the munged name for object[property]. We cannot\\n * alias this function, so we have to use a small shim that has the same\\n * behavior when not compiling.\\n */\\n/*@__INLINE__*/\\nconst JSCompiler_renameProperty = (prop, _obj) => prop;\\nconst defaultConverter = {\\n    toAttribute(value, type) {\\n        switch (type) {\\n            case Boolean:\\n                value = value ? emptyStringForBooleanAttribute : null;\\n                break;\\n            case Object:\\n            case Array:\\n                // if the value is `null` or `undefined` pass this through\\n                // to allow removing/no change behavior.\\n                value = value == null ? value : JSON.stringify(value);\\n                break;\\n        }\\n        return value;\\n    },\\n    fromAttribute(value, type) {\\n        let fromValue = value;\\n        switch (type) {\\n            case Boolean:\\n                fromValue = value !== null;\\n                break;\\n            case Number:\\n                fromValue = value === null ? null : Number(value);\\n                break;\\n            case Object:\\n            case Array:\\n                // Do *not* generate exception when invalid JSON is set as elements\\n                // don't normally complain on being mis-configured.\\n                // TODO(sorvell): Do generate exception in *dev mode*.\\n                try {\\n                    // Assert to adhere to Bazel's \\\"must type assert JSON parse\\\" rule.\\n                    fromValue = JSON.parse(value);\\n                }\\n                catch (e) {\\n                    fromValue = null;\\n                }\\n                break;\\n        }\\n        return fromValue;\\n    },\\n};\\n/**\\n * Change function that returns true if `value` is different from `oldValue`.\\n * This method is used as the default for a property's `hasChanged` function.\\n */\\nconst notEqual = (value, old) => !is(value, old);\\nconst defaultPropertyDeclaration = {\\n    attribute: true,\\n    type: String,\\n    converter: defaultConverter,\\n    reflect: false,\\n    hasChanged: notEqual,\\n};\\n// Ensure metadata is enabled. TypeScript does not polyfill\\n// Symbol.metadata, so we must ensure that it exists.\\nSymbol.metadata ??= Symbol('metadata');\\n// Map from a class's metadata object to property options\\n// Note that we must use nullish-coalescing assignment so that we only use one\\n// map even if we load multiple version of this module.\\nglobal.litPropertyMetadata ??= new WeakMap();\\n/**\\n * Base element class which manages element properties and attributes. When\\n * properties change, the `update` method is asynchronously called. This method\\n * should be supplied by subclasses to render updates as desired.\\n * @noInheritDoc\\n */\\nclass ReactiveElement\\n// In the Node build, this `extends` clause will be substituted with\\n// `(globalThis.HTMLElement ?? HTMLElement)`.\\n//\\n// This way, we will first prefer any global `HTMLElement` polyfill that the\\n// user has assigned, and then fall back to the `HTMLElement` shim which has\\n// been imported (see note at the top of this file about how this import is\\n// generated by Rollup). Note that the `HTMLElement` variable has been\\n// shadowed by this import, so it no longer refers to the global.\\n extends HTMLElement {\\n    /**\\n     * Adds an initializer function to the class that is called during instance\\n     * construction.\\n     *\\n     * This is useful for code that runs against a `ReactiveElement`\\n     * subclass, such as a decorator, that needs to do work for each\\n     * instance, such as setting up a `ReactiveController`.\\n     *\\n     * ```ts\\n     * const myDecorator = (target: typeof ReactiveElement, key: string) => {\\n     *   target.addInitializer((instance: ReactiveElement) => {\\n     *     // This is run during construction of the element\\n     *     new MyController(instance);\\n     *   });\\n     * }\\n     * ```\\n     *\\n     * Decorating a field will then cause each instance to run an initializer\\n     * that adds a controller:\\n     *\\n     * ```ts\\n     * class MyElement extends LitElement {\\n     *   @myDecorator foo;\\n     * }\\n     * ```\\n     *\\n     * Initializers are stored per-constructor. Adding an initializer to a\\n     * subclass does not add it to a superclass. Since initializers are run in\\n     * constructors, initializers will run in order of the class hierarchy,\\n     * starting with superclasses and progressing to the instance's class.\\n     *\\n     * @nocollapse\\n     */\\n    static addInitializer(initializer) {\\n        this.__prepare();\\n        (this._initializers ??= []).push(initializer);\\n    }\\n    /**\\n     * Returns a list of attributes corresponding to the registered properties.\\n     * @nocollapse\\n     * @category attributes\\n     */\\n    static get observedAttributes() {\\n        // Ensure we've created all properties\\n        this.finalize();\\n        // this.__attributeToPropertyMap is only undefined after finalize() in\\n        // ReactiveElement itself. ReactiveElement.observedAttributes is only\\n        // accessed with ReactiveElement as the receiver when a subclass or mixin\\n        // calls super.observedAttributes\\n        return (this.__attributeToPropertyMap && [...this.__attributeToPropertyMap.keys()]);\\n    }\\n    /**\\n     * Creates a property accessor on the element prototype if one does not exist\\n     * and stores a {@linkcode PropertyDeclaration} for the property with the\\n     * given options. The property setter calls the property's `hasChanged`\\n     * property option or uses a strict identity check to determine whether or not\\n     * to request an update.\\n     *\\n     * This method may be overridden to customize properties; however,\\n     * when doing so, it's important to call `super.createProperty` to ensure\\n     * the property is setup correctly. This method calls\\n     * `getPropertyDescriptor` internally to get a descriptor to install.\\n     * To customize what properties do when they are get or set, override\\n     * `getPropertyDescriptor`. To customize the options for a property,\\n     * implement `createProperty` like this:\\n     *\\n     * ```ts\\n     * static createProperty(name, options) {\\n     *   options = Object.assign(options, {myOption: true});\\n     *   super.createProperty(name, options);\\n     * }\\n     * ```\\n     *\\n     * @nocollapse\\n     * @category properties\\n     */\\n    static createProperty(name, options = defaultPropertyDeclaration) {\\n        // If this is a state property, force the attribute to false.\\n        if (options.state) {\\n            options.attribute = false;\\n        }\\n        this.__prepare();\\n        this.elementProperties.set(name, options);\\n        if (!options.noAccessor) {\\n            const key = DEV_MODE\\n                ? // Use Symbol.for in dev mode to make it easier to maintain state\\n                    // when doing HMR.\\n                    Symbol.for(`${String(name)} (@property() cache)`)\\n                : Symbol();\\n            const descriptor = this.getPropertyDescriptor(name, key, options);\\n            if (descriptor !== undefined) {\\n                defineProperty(this.prototype, name, descriptor);\\n            }\\n        }\\n    }\\n    /**\\n     * Returns a property descriptor to be defined on the given named property.\\n     * If no descriptor is returned, the property will not become an accessor.\\n     * For example,\\n     *\\n     * ```ts\\n     * class MyElement extends LitElement {\\n     *   static getPropertyDescriptor(name, key, options) {\\n     *     const defaultDescriptor =\\n     *         super.getPropertyDescriptor(name, key, options);\\n     *     const setter = defaultDescriptor.set;\\n     *     return {\\n     *       get: defaultDescriptor.get,\\n     *       set(value) {\\n     *         setter.call(this, value);\\n     *         // custom action.\\n     *       },\\n     *       configurable: true,\\n     *       enumerable: true\\n     *     }\\n     *   }\\n     * }\\n     * ```\\n     *\\n     * @nocollapse\\n     * @category properties\\n     */\\n    static getPropertyDescriptor(name, key, options) {\\n        const { get, set } = getOwnPropertyDescriptor(this.prototype, name) ?? {\\n            get() {\\n                return this[key];\\n            },\\n            set(v) {\\n                this[key] = v;\\n            },\\n        };\\n        if (DEV_MODE && get == null) {\\n            if ('value' in (getOwnPropertyDescriptor(this.prototype, name) ?? {})) {\\n                throw new Error(`Field ${JSON.stringify(String(name))} on ` +\\n                    `${this.name} was declared as a reactive property ` +\\n                    `but it's actually declared as a value on the prototype. ` +\\n                    `Usually this is due to using @property or @state on a method.`);\\n            }\\n            issueWarning('reactive-property-without-getter', `Field ${JSON.stringify(String(name))} on ` +\\n                `${this.name} was declared as a reactive property ` +\\n                `but it does not have a getter. This will be an error in a ` +\\n                `future version of Lit.`);\\n        }\\n        return {\\n            get() {\\n                return get?.call(this);\\n            },\\n            set(value) {\\n                const oldValue = get?.call(this);\\n                set.call(this, value);\\n                this.requestUpdate(name, oldValue, options);\\n            },\\n            configurable: true,\\n            enumerable: true,\\n        };\\n    }\\n    /**\\n     * Returns the property options associated with the given property.\\n     * These options are defined with a `PropertyDeclaration` via the `properties`\\n     * object or the `@property` decorator and are registered in\\n     * `createProperty(...)`.\\n     *\\n     * Note, this method should be considered \\\"final\\\" and not overridden. To\\n     * customize the options for a given property, override\\n     * {@linkcode createProperty}.\\n     *\\n     * @nocollapse\\n     * @final\\n     * @category properties\\n     */\\n    static getPropertyOptions(name) {\\n        return this.elementProperties.get(name) ?? defaultPropertyDeclaration;\\n    }\\n    /**\\n     * Initializes static own properties of the class used in bookkeeping\\n     * for element properties, initializers, etc.\\n     *\\n     * Can be called multiple times by code that needs to ensure these\\n     * properties exist before using them.\\n     *\\n     * This method ensures the superclass is finalized so that inherited\\n     * property metadata can be copied down.\\n     * @nocollapse\\n     */\\n    static __prepare() {\\n        if (this.hasOwnProperty(JSCompiler_renameProperty('elementProperties', this))) {\\n            // Already prepared\\n            return;\\n        }\\n        // Finalize any superclasses\\n        const superCtor = getPrototypeOf(this);\\n        superCtor.finalize();\\n        // Create own set of initializers for this class if any exist on the\\n        // superclass and copy them down. Note, for a small perf boost, avoid\\n        // creating initializers unless needed.\\n        if (superCtor._initializers !== undefined) {\\n            this._initializers = [...superCtor._initializers];\\n        }\\n        // Initialize elementProperties from the superclass\\n        this.elementProperties = new Map(superCtor.elementProperties);\\n    }\\n    /**\\n     * Finishes setting up the class so that it's ready to be registered\\n     * as a custom element and instantiated.\\n     *\\n     * This method is called by the ReactiveElement.observedAttributes getter.\\n     * If you override the observedAttributes getter, you must either call\\n     * super.observedAttributes to trigger finalization, or call finalize()\\n     * yourself.\\n     *\\n     * @nocollapse\\n     */\\n    static finalize() {\\n        if (this.hasOwnProperty(JSCompiler_renameProperty('finalized', this))) {\\n            return;\\n        }\\n        this.finalized = true;\\n        this.__prepare();\\n        // Create properties from the static properties block:\\n        if (this.hasOwnProperty(JSCompiler_renameProperty('properties', this))) {\\n            const props = this.properties;\\n            const propKeys = [\\n                ...getOwnPropertyNames(props),\\n                ...getOwnPropertySymbols(props),\\n            ];\\n            for (const p of propKeys) {\\n                this.createProperty(p, props[p]);\\n            }\\n        }\\n        // Create properties from standard decorator metadata:\\n        const metadata = this[Symbol.metadata];\\n        if (metadata !== null) {\\n            const properties = litPropertyMetadata.get(metadata);\\n            if (properties !== undefined) {\\n                for (const [p, options] of properties) {\\n                    this.elementProperties.set(p, options);\\n                }\\n            }\\n        }\\n        // Create the attribute-to-property map\\n        this.__attributeToPropertyMap = new Map();\\n        for (const [p, options] of this.elementProperties) {\\n            const attr = this.__attributeNameForProperty(p, options);\\n            if (attr !== undefined) {\\n                this.__attributeToPropertyMap.set(attr, p);\\n            }\\n        }\\n        this.elementStyles = this.finalizeStyles(this.styles);\\n        if (DEV_MODE) {\\n            if (this.hasOwnProperty('createProperty')) {\\n                issueWarning('no-override-create-property', 'Overriding ReactiveElement.createProperty() is deprecated. ' +\\n                    'The override will not be called with standard decorators');\\n            }\\n            if (this.hasOwnProperty('getPropertyDescriptor')) {\\n                issueWarning('no-override-get-property-descriptor', 'Overriding ReactiveElement.getPropertyDescriptor() is deprecated. ' +\\n                    'The override will not be called with standard decorators');\\n            }\\n        }\\n    }\\n    /**\\n     * Takes the styles the user supplied via the `static styles` property and\\n     * returns the array of styles to apply to the element.\\n     * Override this method to integrate into a style management system.\\n     *\\n     * Styles are deduplicated preserving the _last_ instance in the list. This\\n     * is a performance optimization to avoid duplicated styles that can occur\\n     * especially when composing via subclassing. The last item is kept to try\\n     * to preserve the cascade order with the assumption that it's most important\\n     * that last added styles override previous styles.\\n     *\\n     * @nocollapse\\n     * @category styles\\n     */\\n    static finalizeStyles(styles) {\\n        const elementStyles = [];\\n        if (Array.isArray(styles)) {\\n            // Dedupe the flattened array in reverse order to preserve the last items.\\n            // Casting to Array<unknown> works around TS error that\\n            // appears to come from trying to flatten a type CSSResultArray.\\n            const set = new Set(styles.flat(Infinity).reverse());\\n            // Then preserve original order by adding the set items in reverse order.\\n            for (const s of set) {\\n                elementStyles.unshift((0,_css_tag_js__WEBPACK_IMPORTED_MODULE_0__.getCompatibleStyle)(s));\\n            }\\n        }\\n        else if (styles !== undefined) {\\n            elementStyles.push((0,_css_tag_js__WEBPACK_IMPORTED_MODULE_0__.getCompatibleStyle)(styles));\\n        }\\n        return elementStyles;\\n    }\\n    /**\\n     * Returns the property name for the given attribute `name`.\\n     * @nocollapse\\n     */\\n    static __attributeNameForProperty(name, options) {\\n        const attribute = options.attribute;\\n        return attribute === false\\n            ? undefined\\n            : typeof attribute === 'string'\\n                ? attribute\\n                : typeof name === 'string'\\n                    ? name.toLowerCase()\\n                    : undefined;\\n    }\\n    constructor() {\\n        super();\\n        this.__instanceProperties = undefined;\\n        /**\\n         * True if there is a pending update as a result of calling `requestUpdate()`.\\n         * Should only be read.\\n         * @category updates\\n         */\\n        this.isUpdatePending = false;\\n        /**\\n         * Is set to `true` after the first update. The element code cannot assume\\n         * that `renderRoot` exists before the element `hasUpdated`.\\n         * @category updates\\n         */\\n        this.hasUpdated = false;\\n        /**\\n         * Name of currently reflecting property\\n         */\\n        this.__reflectingProperty = null;\\n        this.__initialize();\\n    }\\n    /**\\n     * Internal only override point for customizing work done when elements\\n     * are constructed.\\n     */\\n    __initialize() {\\n        this.__updatePromise = new Promise((res) => (this.enableUpdating = res));\\n        this._$changedProperties = new Map();\\n        // This enqueues a microtask that ust run before the first update, so it\\n        // must be called before requestUpdate()\\n        this.__saveInstanceProperties();\\n        // ensures first update will be caught by an early access of\\n        // `updateComplete`\\n        this.requestUpdate();\\n        this.constructor._initializers?.forEach((i) => i(this));\\n    }\\n    /**\\n     * Registers a `ReactiveController` to participate in the element's reactive\\n     * update cycle. The element automatically calls into any registered\\n     * controllers during its lifecycle callbacks.\\n     *\\n     * If the element is connected when `addController()` is called, the\\n     * controller's `hostConnected()` callback will be immediately called.\\n     * @category controllers\\n     */\\n    addController(controller) {\\n        (this.__controllers ??= new Set()).add(controller);\\n        // If a controller is added after the element has been connected,\\n        // call hostConnected. Note, re-using existence of `renderRoot` here\\n        // (which is set in connectedCallback) to avoid the need to track a\\n        // first connected state.\\n        if (this.renderRoot !== undefined && this.isConnected) {\\n            controller.hostConnected?.();\\n        }\\n    }\\n    /**\\n     * Removes a `ReactiveController` from the element.\\n     * @category controllers\\n     */\\n    removeController(controller) {\\n        this.__controllers?.delete(controller);\\n    }\\n    /**\\n     * Fixes any properties set on the instance before upgrade time.\\n     * Otherwise these would shadow the accessor and break these properties.\\n     * The properties are stored in a Map which is played back after the\\n     * constructor runs. Note, on very old versions of Safari (<=9) or Chrome\\n     * (<=41), properties created for native platform properties like (`id` or\\n     * `name`) may not have default values set in the element constructor. On\\n     * these browsers native properties appear on instances and therefore their\\n     * default value will overwrite any element default (e.g. if the element sets\\n     * this.id = 'id' in the constructor, the 'id' will become '' since this is\\n     * the native platform default).\\n     */\\n    __saveInstanceProperties() {\\n        const instanceProperties = new Map();\\n        const elementProperties = this.constructor\\n            .elementProperties;\\n        for (const p of elementProperties.keys()) {\\n            if (this.hasOwnProperty(p)) {\\n                instanceProperties.set(p, this[p]);\\n                delete this[p];\\n            }\\n        }\\n        if (instanceProperties.size > 0) {\\n            this.__instanceProperties = instanceProperties;\\n        }\\n    }\\n    /**\\n     * Returns the node into which the element should render and by default\\n     * creates and returns an open shadowRoot. Implement to customize where the\\n     * element's DOM is rendered. For example, to render into the element's\\n     * childNodes, return `this`.\\n     *\\n     * @return Returns a node into which to render.\\n     * @category rendering\\n     */\\n    createRenderRoot() {\\n        const renderRoot = this.shadowRoot ??\\n            this.attachShadow(this.constructor.shadowRootOptions);\\n        (0,_css_tag_js__WEBPACK_IMPORTED_MODULE_0__.adoptStyles)(renderRoot, this.constructor.elementStyles);\\n        return renderRoot;\\n    }\\n    /**\\n     * On first connection, creates the element's renderRoot, sets up\\n     * element styling, and enables updating.\\n     * @category lifecycle\\n     */\\n    connectedCallback() {\\n        // Create renderRoot before controllers `hostConnected`\\n        this.renderRoot ??=\\n            this.createRenderRoot();\\n        this.enableUpdating(true);\\n        this.__controllers?.forEach((c) => c.hostConnected?.());\\n    }\\n    /**\\n     * Note, this method should be considered final and not overridden. It is\\n     * overridden on the element instance with a function that triggers the first\\n     * update.\\n     * @category updates\\n     */\\n    enableUpdating(_requestedUpdate) { }\\n    /**\\n     * Allows for `super.disconnectedCallback()` in extensions while\\n     * reserving the possibility of making non-breaking feature additions\\n     * when disconnecting at some point in the future.\\n     * @category lifecycle\\n     */\\n    disconnectedCallback() {\\n        this.__controllers?.forEach((c) => c.hostDisconnected?.());\\n    }\\n    /**\\n     * Synchronizes property values when attributes change.\\n     *\\n     * Specifically, when an attribute is set, the corresponding property is set.\\n     * You should rarely need to implement this callback. If this method is\\n     * overridden, `super.attributeChangedCallback(name, _old, value)` must be\\n     * called.\\n     *\\n     * See [using the lifecycle callbacks](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks)\\n     * on MDN for more information about the `attributeChangedCallback`.\\n     * @category attributes\\n     */\\n    attributeChangedCallback(name, _old, value) {\\n        this._$attributeToProperty(name, value);\\n    }\\n    __propertyToAttribute(name, value) {\\n        const elemProperties = this.constructor.elementProperties;\\n        const options = elemProperties.get(name);\\n        const attr = this.constructor.__attributeNameForProperty(name, options);\\n        if (attr !== undefined && options.reflect === true) {\\n            const converter = options.converter?.toAttribute !==\\n                undefined\\n                ? options.converter\\n                : defaultConverter;\\n            const attrValue = converter.toAttribute(value, options.type);\\n            if (DEV_MODE &&\\n                this.constructor.enabledWarnings.includes('migration') &&\\n                attrValue === undefined) {\\n                issueWarning('undefined-attribute-value', `The attribute value for the ${name} property is ` +\\n                    `undefined on element ${this.localName}. The attribute will be ` +\\n                    `removed, but in the previous version of \\\\`ReactiveElement\\\\`, ` +\\n                    `the attribute would not have changed.`);\\n            }\\n            // Track if the property is being reflected to avoid\\n            // setting the property again via `attributeChangedCallback`. Note:\\n            // 1. this takes advantage of the fact that the callback is synchronous.\\n            // 2. will behave incorrectly if multiple attributes are in the reaction\\n            // stack at time of calling. However, since we process attributes\\n            // in `update` this should not be possible (or an extreme corner case\\n            // that we'd like to discover).\\n            // mark state reflecting\\n            this.__reflectingProperty = name;\\n            if (attrValue == null) {\\n                this.removeAttribute(attr);\\n            }\\n            else {\\n                this.setAttribute(attr, attrValue);\\n            }\\n            // mark state not reflecting\\n            this.__reflectingProperty = null;\\n        }\\n    }\\n    /** @internal */\\n    _$attributeToProperty(name, value) {\\n        const ctor = this.constructor;\\n        // Note, hint this as an `AttributeMap` so closure clearly understands\\n        // the type; it has issues with tracking types through statics\\n        const propName = ctor.__attributeToPropertyMap.get(name);\\n        // Use tracking info to avoid reflecting a property value to an attribute\\n        // if it was just set because the attribute changed.\\n        if (propName !== undefined && this.__reflectingProperty !== propName) {\\n            const options = ctor.getPropertyOptions(propName);\\n            const converter = typeof options.converter === 'function'\\n                ? { fromAttribute: options.converter }\\n                : options.converter?.fromAttribute !== undefined\\n                    ? options.converter\\n                    : defaultConverter;\\n            // mark state reflecting\\n            this.__reflectingProperty = propName;\\n            this[propName] = converter.fromAttribute(value, options.type\\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\\n            );\\n            // mark state not reflecting\\n            this.__reflectingProperty = null;\\n        }\\n    }\\n    /**\\n     * Requests an update which is processed asynchronously. This should be called\\n     * when an element should update based on some state not triggered by setting\\n     * a reactive property. In this case, pass no arguments. It should also be\\n     * called when manually implementing a property setter. In this case, pass the\\n     * property `name` and `oldValue` to ensure that any configured property\\n     * options are honored.\\n     *\\n     * @param name name of requesting property\\n     * @param oldValue old value of requesting property\\n     * @param options property options to use instead of the previously\\n     *     configured options\\n     * @category updates\\n     */\\n    requestUpdate(name, oldValue, options) {\\n        // If we have a property key, perform property update steps.\\n        if (name !== undefined) {\\n            if (DEV_MODE && name instanceof Event) {\\n                issueWarning(``, `The requestUpdate() method was called with an Event as the property name. This is probably a mistake caused by binding this.requestUpdate as an event listener. Instead bind a function that will call it with no arguments: () => this.requestUpdate()`);\\n            }\\n            options ??= this.constructor.getPropertyOptions(name);\\n            const hasChanged = options.hasChanged ?? notEqual;\\n            const newValue = this[name];\\n            if (hasChanged(newValue, oldValue)) {\\n                this._$changeProperty(name, oldValue, options);\\n            }\\n            else {\\n                // Abort the request if the property should not be considered changed.\\n                return;\\n            }\\n        }\\n        if (this.isUpdatePending === false) {\\n            this.__updatePromise = this.__enqueueUpdate();\\n        }\\n    }\\n    /**\\n     * @internal\\n     */\\n    _$changeProperty(name, oldValue, options) {\\n        // TODO (justinfagnani): Create a benchmark of Map.has() + Map.set(\\n        // vs just Map.set()\\n        if (!this._$changedProperties.has(name)) {\\n            this._$changedProperties.set(name, oldValue);\\n        }\\n        // Add to reflecting properties set.\\n        // Note, it's important that every change has a chance to add the\\n        // property to `__reflectingProperties`. This ensures setting\\n        // attribute + property reflects correctly.\\n        if (options.reflect === true && this.__reflectingProperty !== name) {\\n            (this.__reflectingProperties ??= new Set()).add(name);\\n        }\\n    }\\n    /**\\n     * Sets up the element to asynchronously update.\\n     */\\n    async __enqueueUpdate() {\\n        this.isUpdatePending = true;\\n        try {\\n            // Ensure any previous update has resolved before updating.\\n            // This `await` also ensures that property changes are batched.\\n            await this.__updatePromise;\\n        }\\n        catch (e) {\\n            // Refire any previous errors async so they do not disrupt the update\\n            // cycle. Errors are refired so developers have a chance to observe\\n            // them, and this can be done by implementing\\n            // `window.onunhandledrejection`.\\n            Promise.reject(e);\\n        }\\n        const result = this.scheduleUpdate();\\n        // If `scheduleUpdate` returns a Promise, we await it. This is done to\\n        // enable coordinating updates with a scheduler. Note, the result is\\n        // checked to avoid delaying an additional microtask unless we need to.\\n        if (result != null) {\\n            await result;\\n        }\\n        return !this.isUpdatePending;\\n    }\\n    /**\\n     * Schedules an element update. You can override this method to change the\\n     * timing of updates by returning a Promise. The update will await the\\n     * returned Promise, and you should resolve the Promise to allow the update\\n     * to proceed. If this method is overridden, `super.scheduleUpdate()`\\n     * must be called.\\n     *\\n     * For instance, to schedule updates to occur just before the next frame:\\n     *\\n     * ```ts\\n     * override protected async scheduleUpdate(): Promise<unknown> {\\n     *   await new Promise((resolve) => requestAnimationFrame(() => resolve()));\\n     *   super.scheduleUpdate();\\n     * }\\n     * ```\\n     * @category updates\\n     */\\n    scheduleUpdate() {\\n        const result = this.performUpdate();\\n        if (DEV_MODE &&\\n            this.constructor.enabledWarnings.includes('async-perform-update') &&\\n            typeof result?.then ===\\n                'function') {\\n            issueWarning('async-perform-update', `Element ${this.localName} returned a Promise from performUpdate(). ` +\\n                `This behavior is deprecated and will be removed in a future ` +\\n                `version of ReactiveElement.`);\\n        }\\n        return result;\\n    }\\n    /**\\n     * Performs an element update. Note, if an exception is thrown during the\\n     * update, `firstUpdated` and `updated` will not be called.\\n     *\\n     * Call `performUpdate()` to immediately process a pending update. This should\\n     * generally not be needed, but it can be done in rare cases when you need to\\n     * update synchronously.\\n     *\\n     * @category updates\\n     */\\n    performUpdate() {\\n        // Abort any update if one is not pending when this is called.\\n        // This can happen if `performUpdate` is called early to \\\"flush\\\"\\n        // the update.\\n        if (!this.isUpdatePending) {\\n            return;\\n        }\\n        debugLogEvent?.({ kind: 'update' });\\n        if (!this.hasUpdated) {\\n            // Create renderRoot before first update. This occurs in `connectedCallback`\\n            // but is done here to support out of tree calls to `enableUpdating`/`performUpdate`.\\n            this.renderRoot ??=\\n                this.createRenderRoot();\\n            if (DEV_MODE) {\\n                // Produce warning if any reactive properties on the prototype are\\n                // shadowed by class fields. Instance fields set before upgrade are\\n                // deleted by this point, so any own property is caused by class field\\n                // initialization in the constructor.\\n                const ctor = this.constructor;\\n                const shadowedProperties = [...ctor.elementProperties.keys()].filter((p) => this.hasOwnProperty(p) && p in getPrototypeOf(this));\\n                if (shadowedProperties.length) {\\n                    throw new Error(`The following properties on element ${this.localName} will not ` +\\n                        `trigger updates as expected because they are set using class ` +\\n                        `fields: ${shadowedProperties.join(', ')}. ` +\\n                        `Native class fields and some compiled output will overwrite ` +\\n                        `accessors used for detecting changes. See ` +\\n                        `https://lit.dev/msg/class-field-shadowing ` +\\n                        `for more information.`);\\n                }\\n            }\\n            // Mixin instance properties once, if they exist.\\n            if (this.__instanceProperties) {\\n                // TODO (justinfagnani): should we use the stored value? Could a new value\\n                // have been set since we stored the own property value?\\n                for (const [p, value] of this.__instanceProperties) {\\n                    this[p] = value;\\n                }\\n                this.__instanceProperties = undefined;\\n            }\\n            // Trigger initial value reflection and populate the initial\\n            // changedProperties map, but only for the case of experimental\\n            // decorators on accessors, which will not have already populated the\\n            // changedProperties map. We can't know if these accessors had\\n            // initializers, so we just set them anyway - a difference from\\n            // experimental decorators on fields and standard decorators on\\n            // auto-accessors.\\n            // For context why experimentalDecorators with auto accessors are handled\\n            // specifically also see:\\n            // https://github.com/lit/lit/pull/4183#issuecomment-1711959635\\n            const elementProperties = this.constructor\\n                .elementProperties;\\n            if (elementProperties.size > 0) {\\n                for (const [p, options] of elementProperties) {\\n                    if (options.wrapped === true &&\\n                        !this._$changedProperties.has(p) &&\\n                        this[p] !== undefined) {\\n                        this._$changeProperty(p, this[p], options);\\n                    }\\n                }\\n            }\\n        }\\n        let shouldUpdate = false;\\n        const changedProperties = this._$changedProperties;\\n        try {\\n            shouldUpdate = this.shouldUpdate(changedProperties);\\n            if (shouldUpdate) {\\n                this.willUpdate(changedProperties);\\n                this.__controllers?.forEach((c) => c.hostUpdate?.());\\n                this.update(changedProperties);\\n            }\\n            else {\\n                this.__markUpdated();\\n            }\\n        }\\n        catch (e) {\\n            // Prevent `firstUpdated` and `updated` from running when there's an\\n            // update exception.\\n            shouldUpdate = false;\\n            // Ensure element can accept additional updates after an exception.\\n            this.__markUpdated();\\n            throw e;\\n        }\\n        // The update is no longer considered pending and further updates are now allowed.\\n        if (shouldUpdate) {\\n            this._$didUpdate(changedProperties);\\n        }\\n    }\\n    /**\\n     * Invoked before `update()` to compute values needed during the update.\\n     *\\n     * Implement `willUpdate` to compute property values that depend on other\\n     * properties and are used in the rest of the update process.\\n     *\\n     * ```ts\\n     * willUpdate(changedProperties) {\\n     *   // only need to check changed properties for an expensive computation.\\n     *   if (changedProperties.has('firstName') || changedProperties.has('lastName')) {\\n     *     this.sha = computeSHA(`${this.firstName} ${this.lastName}`);\\n     *   }\\n     * }\\n     *\\n     * render() {\\n     *   return html`SHA: ${this.sha}`;\\n     * }\\n     * ```\\n     *\\n     * @category updates\\n     */\\n    willUpdate(_changedProperties) { }\\n    // Note, this is an override point for polyfill-support.\\n    // @internal\\n    _$didUpdate(changedProperties) {\\n        this.__controllers?.forEach((c) => c.hostUpdated?.());\\n        if (!this.hasUpdated) {\\n            this.hasUpdated = true;\\n            this.firstUpdated(changedProperties);\\n        }\\n        this.updated(changedProperties);\\n        if (DEV_MODE &&\\n            this.isUpdatePending &&\\n            this.constructor.enabledWarnings.includes('change-in-update')) {\\n            issueWarning('change-in-update', `Element ${this.localName} scheduled an update ` +\\n                `(generally because a property was set) ` +\\n                `after an update completed, causing a new update to be scheduled. ` +\\n                `This is inefficient and should be avoided unless the next update ` +\\n                `can only be scheduled as a side effect of the previous update.`);\\n        }\\n    }\\n    __markUpdated() {\\n        this._$changedProperties = new Map();\\n        this.isUpdatePending = false;\\n    }\\n    /**\\n     * Returns a Promise that resolves when the element has completed updating.\\n     * The Promise value is a boolean that is `true` if the element completed the\\n     * update without triggering another update. The Promise result is `false` if\\n     * a property was set inside `updated()`. If the Promise is rejected, an\\n     * exception was thrown during the update.\\n     *\\n     * To await additional asynchronous work, override the `getUpdateComplete`\\n     * method. For example, it is sometimes useful to await a rendered element\\n     * before fulfilling this Promise. To do this, first await\\n     * `super.getUpdateComplete()`, then any subsequent state.\\n     *\\n     * @return A promise of a boolean that resolves to true if the update completed\\n     *     without triggering another update.\\n     * @category updates\\n     */\\n    get updateComplete() {\\n        return this.getUpdateComplete();\\n    }\\n    /**\\n     * Override point for the `updateComplete` promise.\\n     *\\n     * It is not safe to override the `updateComplete` getter directly due to a\\n     * limitation in TypeScript which means it is not possible to call a\\n     * superclass getter (e.g. `super.updateComplete.then(...)`) when the target\\n     * language is ES5 (https://github.com/microsoft/TypeScript/issues/338).\\n     * This method should be overridden instead. For example:\\n     *\\n     * ```ts\\n     * class MyElement extends LitElement {\\n     *   override async getUpdateComplete() {\\n     *     const result = await super.getUpdateComplete();\\n     *     await this._myChild.updateComplete;\\n     *     return result;\\n     *   }\\n     * }\\n     * ```\\n     *\\n     * @return A promise of a boolean that resolves to true if the update completed\\n     *     without triggering another update.\\n     * @category updates\\n     */\\n    getUpdateComplete() {\\n        return this.__updatePromise;\\n    }\\n    /**\\n     * Controls whether or not `update()` should be called when the element requests\\n     * an update. By default, this method always returns `true`, but this can be\\n     * customized to control when to update.\\n     *\\n     * @param _changedProperties Map of changed properties with old values\\n     * @category updates\\n     */\\n    shouldUpdate(_changedProperties) {\\n        return true;\\n    }\\n    /**\\n     * Updates the element. This method reflects property values to attributes.\\n     * It can be overridden to render and keep updated element DOM.\\n     * Setting properties inside this method will *not* trigger\\n     * another update.\\n     *\\n     * @param _changedProperties Map of changed properties with old values\\n     * @category updates\\n     */\\n    update(_changedProperties) {\\n        // The forEach() expression will only run when when __reflectingProperties is\\n        // defined, and it returns undefined, setting __reflectingProperties to\\n        // undefined\\n        this.__reflectingProperties &&= this.__reflectingProperties.forEach((p) => this.__propertyToAttribute(p, this[p]));\\n        this.__markUpdated();\\n    }\\n    /**\\n     * Invoked whenever the element is updated. Implement to perform\\n     * post-updating tasks via DOM APIs, for example, focusing an element.\\n     *\\n     * Setting properties inside this method will trigger the element to update\\n     * again after this update cycle completes.\\n     *\\n     * @param _changedProperties Map of changed properties with old values\\n     * @category updates\\n     */\\n    updated(_changedProperties) { }\\n    /**\\n     * Invoked when the element is first updated. Implement to perform one time\\n     * work on the element after update.\\n     *\\n     * ```ts\\n     * firstUpdated() {\\n     *   this.renderRoot.getElementById('my-text-area').focus();\\n     * }\\n     * ```\\n     *\\n     * Setting properties inside this method will trigger the element to update\\n     * again after this update cycle completes.\\n     *\\n     * @param _changedProperties Map of changed properties with old values\\n     * @category updates\\n     */\\n    firstUpdated(_changedProperties) { }\\n}\\n/**\\n * Memoized list of all element styles.\\n * Created lazily on user subclasses when finalizing the class.\\n * @nocollapse\\n * @category styles\\n */\\nReactiveElement.elementStyles = [];\\n/**\\n * Options used when calling `attachShadow`. Set this property to customize\\n * the options for the shadowRoot; for example, to create a closed\\n * shadowRoot: `{mode: 'closed'}`.\\n *\\n * Note, these options are used in `createRenderRoot`. If this method\\n * is customized, options should be respected if possible.\\n * @nocollapse\\n * @category rendering\\n */\\nReactiveElement.shadowRootOptions = { mode: 'open' };\\n// Assigned here to work around a jscompiler bug with static fields\\n// when compiling to ES5.\\n// https://github.com/google/closure-compiler/issues/3177\\nReactiveElement[JSCompiler_renameProperty('elementProperties', ReactiveElement)] = new Map();\\nReactiveElement[JSCompiler_renameProperty('finalized', ReactiveElement)] = new Map();\\n// Apply polyfills if available\\npolyfillSupport?.({ ReactiveElement });\\n// Dev mode warnings...\\nif (DEV_MODE) {\\n    // Default warning set.\\n    ReactiveElement.enabledWarnings = [\\n        'change-in-update',\\n        'async-perform-update',\\n    ];\\n    const ensureOwnWarnings = function (ctor) {\\n        if (!ctor.hasOwnProperty(JSCompiler_renameProperty('enabledWarnings', ctor))) {\\n            ctor.enabledWarnings = ctor.enabledWarnings.slice();\\n        }\\n    };\\n    ReactiveElement.enableWarning = function (warning) {\\n        ensureOwnWarnings(this);\\n        if (!this.enabledWarnings.includes(warning)) {\\n            this.enabledWarnings.push(warning);\\n        }\\n    };\\n    ReactiveElement.disableWarning = function (warning) {\\n        ensureOwnWarnings(this);\\n        const i = this.enabledWarnings.indexOf(warning);\\n        if (i >= 0) {\\n            this.enabledWarnings.splice(i, 1);\\n        }\\n    };\\n}\\n// IMPORTANT: do not change the property name or the assignment expression.\\n// This line will be used in regexes to search for ReactiveElement usage.\\n(global.reactiveElementVersions ??= []).push('2.0.4');\\nif (DEV_MODE && global.reactiveElementVersions.length > 1) {\\n    issueWarning('multiple-versions', `Multiple versions of Lit loaded. Loading multiple versions ` +\\n        `is not recommended.`);\\n}\\n//# sourceMappingURL=reactive-element.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@lit/reactive-element/development/reactive-element.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/native.js\":\n/*!******************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/native.js ***!\n  \\******************************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\nconst randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ randomUUID });\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/native.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/regex.js\":\n/*!*****************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/regex.js ***!\n  \\*****************************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-8][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$/i);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/regex.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/rng.js\":\n/*!***************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/rng.js ***!\n  \\***************************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (/* binding */ rng)\\n/* harmony export */ });\\nlet getRandomValues;\\nconst rnds8 = new Uint8Array(16);\\nfunction rng() {\\n    if (!getRandomValues) {\\n        if (typeof crypto === 'undefined' || !crypto.getRandomValues) {\\n            throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\\n        }\\n        getRandomValues = crypto.getRandomValues.bind(crypto);\\n    }\\n    return getRandomValues(rnds8);\\n}\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/rng.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/stringify.js\":\n/*!*********************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/stringify.js ***!\n  \\*********************************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__),\\n/* harmony export */   unsafeStringify: () => (/* binding */ unsafeStringify)\\n/* harmony export */ });\\n/* harmony import */ var _validate_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./validate.js */ \\\"../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/validate.js\\\");\\n\\nconst byteToHex = [];\\nfor (let i = 0; i < 256; ++i) {\\n    byteToHex.push((i + 0x100).toString(16).slice(1));\\n}\\nfunction unsafeStringify(arr, offset = 0) {\\n    return (byteToHex[arr[offset + 0]] +\\n        byteToHex[arr[offset + 1]] +\\n        byteToHex[arr[offset + 2]] +\\n        byteToHex[arr[offset + 3]] +\\n        '-' +\\n        byteToHex[arr[offset + 4]] +\\n        byteToHex[arr[offset + 5]] +\\n        '-' +\\n        byteToHex[arr[offset + 6]] +\\n        byteToHex[arr[offset + 7]] +\\n        '-' +\\n        byteToHex[arr[offset + 8]] +\\n        byteToHex[arr[offset + 9]] +\\n        '-' +\\n        byteToHex[arr[offset + 10]] +\\n        byteToHex[arr[offset + 11]] +\\n        byteToHex[arr[offset + 12]] +\\n        byteToHex[arr[offset + 13]] +\\n        byteToHex[arr[offset + 14]] +\\n        byteToHex[arr[offset + 15]]).toLowerCase();\\n}\\nfunction stringify(arr, offset = 0) {\\n    const uuid = unsafeStringify(arr, offset);\\n    if (!(0,_validate_js__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"])(uuid)) {\\n        throw TypeError('Stringified UUID is invalid');\\n    }\\n    return uuid;\\n}\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (stringify);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/stringify.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/v4.js\":\n/*!**************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/v4.js ***!\n  \\**************************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _native_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./native.js */ \\\"../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/native.js\\\");\\n/* harmony import */ var _rng_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./rng.js */ \\\"../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/rng.js\\\");\\n/* harmony import */ var _stringify_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./stringify.js */ \\\"../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/stringify.js\\\");\\n\\n\\n\\nfunction v4(options, buf, offset) {\\n    if (_native_js__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].randomUUID && !buf && !options) {\\n        return _native_js__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].randomUUID();\\n    }\\n    options = options || {};\\n    const rnds = options.random ?? options.rng?.() ?? (0,_rng_js__WEBPACK_IMPORTED_MODULE_1__[\\\"default\\\"])();\\n    if (rnds.length < 16) {\\n        throw new Error('Random bytes length must be >= 16');\\n    }\\n    rnds[6] = (rnds[6] & 0x0f) | 0x40;\\n    rnds[8] = (rnds[8] & 0x3f) | 0x80;\\n    if (buf) {\\n        offset = offset || 0;\\n        if (offset < 0 || offset + 16 > buf.length) {\\n            throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);\\n        }\\n        for (let i = 0; i < 16; ++i) {\\n            buf[offset + i] = rnds[i];\\n        }\\n        return buf;\\n    }\\n    return (0,_stringify_js__WEBPACK_IMPORTED_MODULE_2__.unsafeStringify)(rnds);\\n}\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (v4);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/v4.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/validate.js\":\n/*!********************************************************************************************************!*\\\n  !*** ../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/validate.js ***!\n  \\********************************************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   \\\"default\\\": () => (__WEBPACK_DEFAULT_EXPORT__)\\n/* harmony export */ });\\n/* harmony import */ var _regex_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./regex.js */ \\\"../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/regex.js\\\");\\n\\nfunction validate(uuid) {\\n    return typeof uuid === 'string' && _regex_js__WEBPACK_IMPORTED_MODULE_0__[\\\"default\\\"].test(uuid);\\n}\\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (validate);\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/@momentum-design/components/node_modules/uuid/dist/esm-browser/validate.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/lit-element/development/lit-element.js\":\n/*!********************************************************************!*\\\n  !*** ../../../node_modules/lit-element/development/lit-element.js ***!\n  \\********************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   CSSResult: () => (/* reexport safe */ _lit_reactive_element__WEBPACK_IMPORTED_MODULE_0__.CSSResult),\\n/* harmony export */   LitElement: () => (/* binding */ LitElement),\\n/* harmony export */   ReactiveElement: () => (/* reexport safe */ _lit_reactive_element__WEBPACK_IMPORTED_MODULE_0__.ReactiveElement),\\n/* harmony export */   _$LE: () => (/* binding */ _$LE),\\n/* harmony export */   _$LH: () => (/* reexport safe */ lit_html__WEBPACK_IMPORTED_MODULE_1__._$LH),\\n/* harmony export */   adoptStyles: () => (/* reexport safe */ _lit_reactive_element__WEBPACK_IMPORTED_MODULE_0__.adoptStyles),\\n/* harmony export */   css: () => (/* reexport safe */ _lit_reactive_element__WEBPACK_IMPORTED_MODULE_0__.css),\\n/* harmony export */   defaultConverter: () => (/* reexport safe */ _lit_reactive_element__WEBPACK_IMPORTED_MODULE_0__.defaultConverter),\\n/* harmony export */   getCompatibleStyle: () => (/* reexport safe */ _lit_reactive_element__WEBPACK_IMPORTED_MODULE_0__.getCompatibleStyle),\\n/* harmony export */   html: () => (/* reexport safe */ lit_html__WEBPACK_IMPORTED_MODULE_1__.html),\\n/* harmony export */   mathml: () => (/* reexport safe */ lit_html__WEBPACK_IMPORTED_MODULE_1__.mathml),\\n/* harmony export */   noChange: () => (/* reexport safe */ lit_html__WEBPACK_IMPORTED_MODULE_1__.noChange),\\n/* harmony export */   notEqual: () => (/* reexport safe */ _lit_reactive_element__WEBPACK_IMPORTED_MODULE_0__.notEqual),\\n/* harmony export */   nothing: () => (/* reexport safe */ lit_html__WEBPACK_IMPORTED_MODULE_1__.nothing),\\n/* harmony export */   render: () => (/* reexport safe */ lit_html__WEBPACK_IMPORTED_MODULE_1__.render),\\n/* harmony export */   supportsAdoptingStyleSheets: () => (/* reexport safe */ _lit_reactive_element__WEBPACK_IMPORTED_MODULE_0__.supportsAdoptingStyleSheets),\\n/* harmony export */   svg: () => (/* reexport safe */ lit_html__WEBPACK_IMPORTED_MODULE_1__.svg),\\n/* harmony export */   unsafeCSS: () => (/* reexport safe */ _lit_reactive_element__WEBPACK_IMPORTED_MODULE_0__.unsafeCSS)\\n/* harmony export */ });\\n/* harmony import */ var _lit_reactive_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @lit/reactive-element */ \\\"../../../node_modules/@lit/reactive-element/development/reactive-element.js\\\");\\n/* harmony import */ var lit_html__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit-html */ \\\"../../../node_modules/lit-html/development/lit-html.js\\\");\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n/**\\n * The main LitElement module, which defines the {@linkcode LitElement} base\\n * class and related APIs.\\n *\\n * LitElement components can define a template and a set of observed\\n * properties. Changing an observed property triggers a re-render of the\\n * element.\\n *\\n * Import {@linkcode LitElement} and {@linkcode html} from this module to\\n * create a component:\\n *\\n *  ```js\\n * import {LitElement, html} from 'lit-element';\\n *\\n * class MyElement extends LitElement {\\n *\\n *   // Declare observed properties\\n *   static get properties() {\\n *     return {\\n *       adjective: {}\\n *     }\\n *   }\\n *\\n *   constructor() {\\n *     this.adjective = 'awesome';\\n *   }\\n *\\n *   // Define the element's template\\n *   render() {\\n *     return html`<p>your ${adjective} template here</p>`;\\n *   }\\n * }\\n *\\n * customElements.define('my-element', MyElement);\\n * ```\\n *\\n * `LitElement` extends {@linkcode ReactiveElement} and adds lit-html\\n * templating. The `ReactiveElement` class is provided for users that want to\\n * build their own custom element base classes that don't use lit-html.\\n *\\n * @packageDocumentation\\n */\\n\\n\\n\\n\\n/*\\n * When using Closure Compiler, JSCompiler_renameProperty(property, object) is\\n * replaced at compile time by the munged name for object[property]. We cannot\\n * alias this function, so we have to use a small shim that has the same\\n * behavior when not compiling.\\n */\\n/*@__INLINE__*/\\nconst JSCompiler_renameProperty = (prop, _obj) => prop;\\nconst DEV_MODE = true;\\nlet issueWarning;\\nif (DEV_MODE) {\\n    // Ensure warnings are issued only 1x, even if multiple versions of Lit\\n    // are loaded.\\n    const issuedWarnings = (globalThis.litIssuedWarnings ??= new Set());\\n    // Issue a warning, if we haven't already.\\n    issueWarning = (code, warning) => {\\n        warning += ` See https://lit.dev/msg/${code} for more information.`;\\n        if (!issuedWarnings.has(warning)) {\\n            console.warn(warning);\\n            issuedWarnings.add(warning);\\n        }\\n    };\\n}\\n/**\\n * Base element class that manages element properties and attributes, and\\n * renders a lit-html template.\\n *\\n * To define a component, subclass `LitElement` and implement a\\n * `render` method to provide the component's template. Define properties\\n * using the {@linkcode LitElement.properties properties} property or the\\n * {@linkcode property} decorator.\\n */\\nclass LitElement extends _lit_reactive_element__WEBPACK_IMPORTED_MODULE_0__.ReactiveElement {\\n    constructor() {\\n        super(...arguments);\\n        /**\\n         * @category rendering\\n         */\\n        this.renderOptions = { host: this };\\n        this.__childPart = undefined;\\n    }\\n    /**\\n     * @category rendering\\n     */\\n    createRenderRoot() {\\n        const renderRoot = super.createRenderRoot();\\n        // When adoptedStyleSheets are shimmed, they are inserted into the\\n        // shadowRoot by createRenderRoot. Adjust the renderBefore node so that\\n        // any styles in Lit content render before adoptedStyleSheets. This is\\n        // important so that adoptedStyleSheets have precedence over styles in\\n        // the shadowRoot.\\n        this.renderOptions.renderBefore ??= renderRoot.firstChild;\\n        return renderRoot;\\n    }\\n    /**\\n     * Updates the element. This method reflects property values to attributes\\n     * and calls `render` to render DOM via lit-html. Setting properties inside\\n     * this method will *not* trigger another update.\\n     * @param changedProperties Map of changed properties with old values\\n     * @category updates\\n     */\\n    update(changedProperties) {\\n        // Setting properties in `render` should not trigger an update. Since\\n        // updates are allowed after super.update, it's important to call `render`\\n        // before that.\\n        const value = this.render();\\n        if (!this.hasUpdated) {\\n            this.renderOptions.isConnected = this.isConnected;\\n        }\\n        super.update(changedProperties);\\n        this.__childPart = (0,lit_html__WEBPACK_IMPORTED_MODULE_1__.render)(value, this.renderRoot, this.renderOptions);\\n    }\\n    /**\\n     * Invoked when the component is added to the document's DOM.\\n     *\\n     * In `connectedCallback()` you should setup tasks that should only occur when\\n     * the element is connected to the document. The most common of these is\\n     * adding event listeners to nodes external to the element, like a keydown\\n     * event handler added to the window.\\n     *\\n     * ```ts\\n     * connectedCallback() {\\n     *   super.connectedCallback();\\n     *   addEventListener('keydown', this._handleKeydown);\\n     * }\\n     * ```\\n     *\\n     * Typically, anything done in `connectedCallback()` should be undone when the\\n     * element is disconnected, in `disconnectedCallback()`.\\n     *\\n     * @category lifecycle\\n     */\\n    connectedCallback() {\\n        super.connectedCallback();\\n        this.__childPart?.setConnected(true);\\n    }\\n    /**\\n     * Invoked when the component is removed from the document's DOM.\\n     *\\n     * This callback is the main signal to the element that it may no longer be\\n     * used. `disconnectedCallback()` should ensure that nothing is holding a\\n     * reference to the element (such as event listeners added to nodes external\\n     * to the element), so that it is free to be garbage collected.\\n     *\\n     * ```ts\\n     * disconnectedCallback() {\\n     *   super.disconnectedCallback();\\n     *   window.removeEventListener('keydown', this._handleKeydown);\\n     * }\\n     * ```\\n     *\\n     * An element may be re-connected after being disconnected.\\n     *\\n     * @category lifecycle\\n     */\\n    disconnectedCallback() {\\n        super.disconnectedCallback();\\n        this.__childPart?.setConnected(false);\\n    }\\n    /**\\n     * Invoked on each update to perform rendering tasks. This method may return\\n     * any value renderable by lit-html's `ChildPart` - typically a\\n     * `TemplateResult`. Setting properties inside this method will *not* trigger\\n     * the element to update.\\n     * @category rendering\\n     */\\n    render() {\\n        return lit_html__WEBPACK_IMPORTED_MODULE_1__.noChange;\\n    }\\n}\\n// This property needs to remain unminified.\\nLitElement['_$litElement$'] = true;\\n/**\\n * Ensure this class is marked as `finalized` as an optimization ensuring\\n * it will not needlessly try to `finalize`.\\n *\\n * Note this property name is a string to prevent breaking Closure JS Compiler\\n * optimizations. See @lit/reactive-element for more information.\\n */\\nLitElement[JSCompiler_renameProperty('finalized', LitElement)] = true;\\n// Install hydration if available\\nglobalThis.litElementHydrateSupport?.({ LitElement });\\n// Apply polyfills if available\\nconst polyfillSupport = DEV_MODE\\n    ? globalThis.litElementPolyfillSupportDevMode\\n    : globalThis.litElementPolyfillSupport;\\npolyfillSupport?.({ LitElement });\\n/**\\n * END USERS SHOULD NOT RELY ON THIS OBJECT.\\n *\\n * Private exports for use by other Lit packages, not intended for use by\\n * external users.\\n *\\n * We currently do not make a mangled rollup build of the lit-ssr code. In order\\n * to keep a number of (otherwise private) top-level exports  mangled in the\\n * client side code, we export a _$LE object containing those members (or\\n * helper methods for accessing private fields of those members), and then\\n * re-export them for use in lit-ssr. This keeps lit-ssr agnostic to whether the\\n * client-side code is being used in `dev` mode or `prod` mode.\\n *\\n * This has a unique name, to disambiguate it from private exports in\\n * lit-html, since this module re-exports all of lit-html.\\n *\\n * @private\\n */\\nconst _$LE = {\\n    _$attributeToProperty: (el, name, value) => {\\n        // eslint-disable-next-line\\n        el._$attributeToProperty(name, value);\\n    },\\n    // eslint-disable-next-line\\n    _$changedProperties: (el) => el._$changedProperties,\\n};\\n// IMPORTANT: do not change the property name or the assignment expression.\\n// This line will be used in regexes to search for LitElement usage.\\n(globalThis.litElementVersions ??= []).push('4.1.1');\\nif (DEV_MODE && globalThis.litElementVersions.length > 1) {\\n    issueWarning('multiple-versions', `Multiple versions of Lit loaded. Loading multiple versions ` +\\n        `is not recommended.`);\\n}\\n//# sourceMappingURL=lit-element.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/lit-element/development/lit-element.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/lit-html/development/directive.js\":\n/*!***************************************************************!*\\\n  !*** ../../../node_modules/lit-html/development/directive.js ***!\n  \\***************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   Directive: () => (/* binding */ Directive),\\n/* harmony export */   PartType: () => (/* binding */ PartType),\\n/* harmony export */   directive: () => (/* binding */ directive)\\n/* harmony export */ });\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\nconst PartType = {\\n    ATTRIBUTE: 1,\\n    CHILD: 2,\\n    PROPERTY: 3,\\n    BOOLEAN_ATTRIBUTE: 4,\\n    EVENT: 5,\\n    ELEMENT: 6,\\n};\\n/**\\n * Creates a user-facing directive function from a Directive class. This\\n * function has the same parameters as the directive's render() method.\\n */\\nconst directive = (c) => (...values) => ({\\n    // This property needs to remain unminified.\\n    ['_$litDirective$']: c,\\n    values,\\n});\\n/**\\n * Base class for creating custom directives. Users should extend this class,\\n * implement `render` and/or `update`, and then pass their subclass to\\n * `directive`.\\n */\\nclass Directive {\\n    constructor(_partInfo) { }\\n    // See comment in Disconnectable interface for why this is a getter\\n    get _$isConnected() {\\n        return this._$parent._$isConnected;\\n    }\\n    /** @internal */\\n    _$initialize(part, parent, attributeIndex) {\\n        this.__part = part;\\n        this._$parent = parent;\\n        this.__attributeIndex = attributeIndex;\\n    }\\n    /** @internal */\\n    _$resolve(part, props) {\\n        return this.update(part, props);\\n    }\\n    update(_part, props) {\\n        return this.render(...props);\\n    }\\n}\\n//# sourceMappingURL=directive.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/lit-html/development/directive.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/lit-html/development/directives/class-map.js\":\n/*!**************************************************************************!*\\\n  !*** ../../../node_modules/lit-html/development/directives/class-map.js ***!\n  \\**************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   classMap: () => (/* binding */ classMap)\\n/* harmony export */ });\\n/* harmony import */ var _lit_html_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../lit-html.js */ \\\"../../../node_modules/lit-html/development/lit-html.js\\\");\\n/* harmony import */ var _directive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../directive.js */ \\\"../../../node_modules/lit-html/development/directive.js\\\");\\n/**\\n * @license\\n * Copyright 2018 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\n\\nclass ClassMapDirective extends _directive_js__WEBPACK_IMPORTED_MODULE_1__.Directive {\\n    constructor(partInfo) {\\n        super(partInfo);\\n        if (partInfo.type !== _directive_js__WEBPACK_IMPORTED_MODULE_1__.PartType.ATTRIBUTE ||\\n            partInfo.name !== 'class' ||\\n            partInfo.strings?.length > 2) {\\n            throw new Error('`classMap()` can only be used in the `class` attribute ' +\\n                'and must be the only part in the attribute.');\\n        }\\n    }\\n    render(classInfo) {\\n        // Add spaces to ensure separation from static classes\\n        return (' ' +\\n            Object.keys(classInfo)\\n                .filter((key) => classInfo[key])\\n                .join(' ') +\\n            ' ');\\n    }\\n    update(part, [classInfo]) {\\n        // Remember dynamic classes on the first render\\n        if (this._previousClasses === undefined) {\\n            this._previousClasses = new Set();\\n            if (part.strings !== undefined) {\\n                this._staticClasses = new Set(part.strings\\n                    .join(' ')\\n                    .split(/\\\\s/)\\n                    .filter((s) => s !== ''));\\n            }\\n            for (const name in classInfo) {\\n                if (classInfo[name] && !this._staticClasses?.has(name)) {\\n                    this._previousClasses.add(name);\\n                }\\n            }\\n            return this.render(classInfo);\\n        }\\n        const classList = part.element.classList;\\n        // Remove old classes that no longer apply\\n        for (const name of this._previousClasses) {\\n            if (!(name in classInfo)) {\\n                classList.remove(name);\\n                this._previousClasses.delete(name);\\n            }\\n        }\\n        // Add or remove classes based on their classMap value\\n        for (const name in classInfo) {\\n            // We explicitly want a loose truthy check of `value` because it seems\\n            // more convenient that '' and 0 are skipped.\\n            const value = !!classInfo[name];\\n            if (value !== this._previousClasses.has(name) &&\\n                !this._staticClasses?.has(name)) {\\n                if (value) {\\n                    classList.add(name);\\n                    this._previousClasses.add(name);\\n                }\\n                else {\\n                    classList.remove(name);\\n                    this._previousClasses.delete(name);\\n                }\\n            }\\n        }\\n        return _lit_html_js__WEBPACK_IMPORTED_MODULE_0__.noChange;\\n    }\\n}\\n/**\\n * A directive that applies dynamic CSS classes.\\n *\\n * This must be used in the `class` attribute and must be the only part used in\\n * the attribute. It takes each property in the `classInfo` argument and adds\\n * the property name to the element's `classList` if the property value is\\n * truthy; if the property value is falsy, the property name is removed from\\n * the element's `class`.\\n *\\n * For example `{foo: bar}` applies the class `foo` if the value of `bar` is\\n * truthy.\\n *\\n * @param classInfo\\n */\\nconst classMap = (0,_directive_js__WEBPACK_IMPORTED_MODULE_1__.directive)(ClassMapDirective);\\n//# sourceMappingURL=class-map.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/lit-html/development/directives/class-map.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/lit-html/development/directives/if-defined.js\":\n/*!***************************************************************************!*\\\n  !*** ../../../node_modules/lit-html/development/directives/if-defined.js ***!\n  \\***************************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   ifDefined: () => (/* binding */ ifDefined)\\n/* harmony export */ });\\n/* harmony import */ var _lit_html_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../lit-html.js */ \\\"../../../node_modules/lit-html/development/lit-html.js\\\");\\n/**\\n * @license\\n * Copyright 2018 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n\\n/**\\n * For AttributeParts, sets the attribute if the value is defined and removes\\n * the attribute if the value is undefined.\\n *\\n * For other part types, this directive is a no-op.\\n */\\nconst ifDefined = (value) => value ?? _lit_html_js__WEBPACK_IMPORTED_MODULE_0__.nothing;\\n//# sourceMappingURL=if-defined.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/lit-html/development/directives/if-defined.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/lit-html/development/is-server.js\":\n/*!***************************************************************!*\\\n  !*** ../../../node_modules/lit-html/development/is-server.js ***!\n  \\***************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   isServer: () => (/* binding */ isServer)\\n/* harmony export */ });\\n/**\\n * @license\\n * Copyright 2022 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\n/**\\n * @fileoverview\\n *\\n * This file exports a boolean const whose value will depend on what environment\\n * the module is being imported from.\\n */\\nconst NODE_MODE = false;\\n/**\\n * A boolean that will be `true` in server environments like Node, and `false`\\n * in browser environments. Note that your server environment or toolchain must\\n * support the `\\\"node\\\"` export condition for this to be `true`.\\n *\\n * This can be used when authoring components to change behavior based on\\n * whether or not the component is executing in an SSR context.\\n */\\nconst isServer = NODE_MODE;\\n//# sourceMappingURL=is-server.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/lit-html/development/is-server.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/lit-html/development/lit-html.js\":\n/*!**************************************************************!*\\\n  !*** ../../../node_modules/lit-html/development/lit-html.js ***!\n  \\**************************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   _$LH: () => (/* binding */ _$LH),\\n/* harmony export */   html: () => (/* binding */ html),\\n/* harmony export */   mathml: () => (/* binding */ mathml),\\n/* harmony export */   noChange: () => (/* binding */ noChange),\\n/* harmony export */   nothing: () => (/* binding */ nothing),\\n/* harmony export */   render: () => (/* binding */ render),\\n/* harmony export */   svg: () => (/* binding */ svg)\\n/* harmony export */ });\\n/**\\n * @license\\n * Copyright 2017 Google LLC\\n * SPDX-License-Identifier: BSD-3-Clause\\n */\\nconst DEV_MODE = true;\\nconst ENABLE_EXTRA_SECURITY_HOOKS = true;\\nconst ENABLE_SHADYDOM_NOPATCH = true;\\nconst NODE_MODE = false;\\n// Allows minifiers to rename references to globalThis\\nconst global = globalThis;\\n/**\\n * Useful for visualizing and logging insights into what the Lit template system is doing.\\n *\\n * Compiled out of prod mode builds.\\n */\\nconst debugLogEvent = DEV_MODE\\n    ? (event) => {\\n        const shouldEmit = global\\n            .emitLitDebugLogEvents;\\n        if (!shouldEmit) {\\n            return;\\n        }\\n        global.dispatchEvent(new CustomEvent('lit-debug', {\\n            detail: event,\\n        }));\\n    }\\n    : undefined;\\n// Used for connecting beginRender and endRender events when there are nested\\n// renders when errors are thrown preventing an endRender event from being\\n// called.\\nlet debugLogRenderId = 0;\\nlet issueWarning;\\nif (DEV_MODE) {\\n    global.litIssuedWarnings ??= new Set();\\n    // Issue a warning, if we haven't already.\\n    issueWarning = (code, warning) => {\\n        warning += code\\n            ? ` See https://lit.dev/msg/${code} for more information.`\\n            : '';\\n        if (!global.litIssuedWarnings.has(warning)) {\\n            console.warn(warning);\\n            global.litIssuedWarnings.add(warning);\\n        }\\n    };\\n    issueWarning('dev-mode', `Lit is in dev mode. Not recommended for production!`);\\n}\\nconst wrap = ENABLE_SHADYDOM_NOPATCH &&\\n    global.ShadyDOM?.inUse &&\\n    global.ShadyDOM?.noPatch === true\\n    ? global.ShadyDOM.wrap\\n    : (node) => node;\\nconst trustedTypes = global.trustedTypes;\\n/**\\n * Our TrustedTypePolicy for HTML which is declared using the html template\\n * tag function.\\n *\\n * That HTML is a developer-authored constant, and is parsed with innerHTML\\n * before any untrusted expressions have been mixed in. Therefor it is\\n * considered safe by construction.\\n */\\nconst policy = trustedTypes\\n    ? trustedTypes.createPolicy('lit-html', {\\n        createHTML: (s) => s,\\n    })\\n    : undefined;\\nconst identityFunction = (value) => value;\\nconst noopSanitizer = (_node, _name, _type) => identityFunction;\\n/** Sets the global sanitizer factory. */\\nconst setSanitizer = (newSanitizer) => {\\n    if (!ENABLE_EXTRA_SECURITY_HOOKS) {\\n        return;\\n    }\\n    if (sanitizerFactoryInternal !== noopSanitizer) {\\n        throw new Error(`Attempted to overwrite existing lit-html security policy.` +\\n            ` setSanitizeDOMValueFactory should be called at most once.`);\\n    }\\n    sanitizerFactoryInternal = newSanitizer;\\n};\\n/**\\n * Only used in internal tests, not a part of the public API.\\n */\\nconst _testOnlyClearSanitizerFactoryDoNotCallOrElse = () => {\\n    sanitizerFactoryInternal = noopSanitizer;\\n};\\nconst createSanitizer = (node, name, type) => {\\n    return sanitizerFactoryInternal(node, name, type);\\n};\\n// Added to an attribute name to mark the attribute as bound so we can find\\n// it easily.\\nconst boundAttributeSuffix = '$lit$';\\n// This marker is used in many syntactic positions in HTML, so it must be\\n// a valid element name and attribute name. We don't support dynamic names (yet)\\n// but this at least ensures that the parse tree is closer to the template\\n// intention.\\nconst marker = `lit$${Math.random().toFixed(9).slice(2)}$`;\\n// String used to tell if a comment is a marker comment\\nconst markerMatch = '?' + marker;\\n// Text used to insert a comment marker node. We use processing instruction\\n// syntax because it's slightly smaller, but parses as a comment node.\\nconst nodeMarker = `<${markerMatch}>`;\\nconst d = NODE_MODE && global.document === undefined\\n    ? {\\n        createTreeWalker() {\\n            return {};\\n        },\\n    }\\n    : document;\\n// Creates a dynamic marker. We never have to search for these in the DOM.\\nconst createMarker = () => d.createComment('');\\nconst isPrimitive = (value) => value === null || (typeof value != 'object' && typeof value != 'function');\\nconst isArray = Array.isArray;\\nconst isIterable = (value) => isArray(value) ||\\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\\n    typeof value?.[Symbol.iterator] === 'function';\\nconst SPACE_CHAR = `[ \\\\t\\\\n\\\\f\\\\r]`;\\nconst ATTR_VALUE_CHAR = `[^ \\\\t\\\\n\\\\f\\\\r\\\"'\\\\`<>=]`;\\nconst NAME_CHAR = `[^\\\\\\\\s\\\"'>=/]`;\\n// These regexes represent the five parsing states that we care about in the\\n// Template's HTML scanner. They match the *end* of the state they're named\\n// after.\\n// Depending on the match, we transition to a new state. If there's no match,\\n// we stay in the same state.\\n// Note that the regexes are stateful. We utilize lastIndex and sync it\\n// across the multiple regexes used. In addition to the five regexes below\\n// we also dynamically create a regex to find the matching end tags for raw\\n// text elements.\\n/**\\n * End of text is: `<` followed by:\\n *   (comment start) or (tag) or (dynamic tag binding)\\n */\\nconst textEndRegex = /<(?:(!--|\\\\/[^a-zA-Z])|(\\\\/?[a-zA-Z][^>\\\\s]*)|(\\\\/?$))/g;\\nconst COMMENT_START = 1;\\nconst TAG_NAME = 2;\\nconst DYNAMIC_TAG_NAME = 3;\\nconst commentEndRegex = /-->/g;\\n/**\\n * Comments not started with <!--, like </{, can be ended by a single `>`\\n */\\nconst comment2EndRegex = />/g;\\n/**\\n * The tagEnd regex matches the end of the \\\"inside an opening\\\" tag syntax\\n * position. It either matches a `>`, an attribute-like sequence, or the end\\n * of the string after a space (attribute-name position ending).\\n *\\n * See attributes in the HTML spec:\\n * https://www.w3.org/TR/html5/syntax.html#elements-attributes\\n *\\n * \\\" \\\\t\\\\n\\\\f\\\\r\\\" are HTML space characters:\\n * https://infra.spec.whatwg.org/#ascii-whitespace\\n *\\n * So an attribute is:\\n *  * The name: any character except a whitespace character, (\\\"), ('), \\\">\\\",\\n *    \\\"=\\\", or \\\"/\\\". Note: this is different from the HTML spec which also excludes control characters.\\n *  * Followed by zero or more space characters\\n *  * Followed by \\\"=\\\"\\n *  * Followed by zero or more space characters\\n *  * Followed by:\\n *    * Any character except space, ('), (\\\"), \\\"<\\\", \\\">\\\", \\\"=\\\", (`), or\\n *    * (\\\") then any non-(\\\"), or\\n *    * (') then any non-(')\\n */\\nconst tagEndRegex = new RegExp(`>|${SPACE_CHAR}(?:(${NAME_CHAR}+)(${SPACE_CHAR}*=${SPACE_CHAR}*(?:${ATTR_VALUE_CHAR}|(\\\"|')|))|$)`, 'g');\\nconst ENTIRE_MATCH = 0;\\nconst ATTRIBUTE_NAME = 1;\\nconst SPACES_AND_EQUALS = 2;\\nconst QUOTE_CHAR = 3;\\nconst singleQuoteAttrEndRegex = /'/g;\\nconst doubleQuoteAttrEndRegex = /\\\"/g;\\n/**\\n * Matches the raw text elements.\\n *\\n * Comments are not parsed within raw text elements, so we need to search their\\n * text content for marker strings.\\n */\\nconst rawTextElement = /^(?:script|style|textarea|title)$/i;\\n/** TemplateResult types */\\nconst HTML_RESULT = 1;\\nconst SVG_RESULT = 2;\\nconst MATHML_RESULT = 3;\\n// TemplatePart types\\n// IMPORTANT: these must match the values in PartType\\nconst ATTRIBUTE_PART = 1;\\nconst CHILD_PART = 2;\\nconst PROPERTY_PART = 3;\\nconst BOOLEAN_ATTRIBUTE_PART = 4;\\nconst EVENT_PART = 5;\\nconst ELEMENT_PART = 6;\\nconst COMMENT_PART = 7;\\n/**\\n * Generates a template literal tag function that returns a TemplateResult with\\n * the given result type.\\n */\\nconst tag = (type) => (strings, ...values) => {\\n    // Warn against templates octal escape sequences\\n    // We do this here rather than in render so that the warning is closer to the\\n    // template definition.\\n    if (DEV_MODE && strings.some((s) => s === undefined)) {\\n        console.warn('Some template strings are undefined.\\\\n' +\\n            'This is probably caused by illegal octal escape sequences.');\\n    }\\n    if (DEV_MODE) {\\n        // Import static-html.js results in a circular dependency which g3 doesn't\\n        // handle. Instead we know that static values must have the field\\n        // `_$litStatic$`.\\n        if (values.some((val) => val?.['_$litStatic$'])) {\\n            issueWarning('', `Static values 'literal' or 'unsafeStatic' cannot be used as values to non-static templates.\\\\n` +\\n                `Please use the static 'html' tag function. See https://lit.dev/docs/templates/expressions/#static-expressions`);\\n        }\\n    }\\n    return {\\n        // This property needs to remain unminified.\\n        ['_$litType$']: type,\\n        strings,\\n        values,\\n    };\\n};\\n/**\\n * Interprets a template literal as an HTML template that can efficiently\\n * render to and update a container.\\n *\\n * ```ts\\n * const header = (title: string) => html`<h1>${title}</h1>`;\\n * ```\\n *\\n * The `html` tag returns a description of the DOM to render as a value. It is\\n * lazy, meaning no work is done until the template is rendered. When rendering,\\n * if a template comes from the same expression as a previously rendered result,\\n * it's efficiently updated instead of replaced.\\n */\\nconst html = tag(HTML_RESULT);\\n/**\\n * Interprets a template literal as an SVG fragment that can efficiently render\\n * to and update a container.\\n *\\n * ```ts\\n * const rect = svg`<rect width=\\\"10\\\" height=\\\"10\\\"></rect>`;\\n *\\n * const myImage = html`\\n *   <svg viewBox=\\\"0 0 10 10\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n *     ${rect}\\n *   </svg>`;\\n * ```\\n *\\n * The `svg` *tag function* should only be used for SVG fragments, or elements\\n * that would be contained **inside** an `<svg>` HTML element. A common error is\\n * placing an `<svg>` *element* in a template tagged with the `svg` tag\\n * function. The `<svg>` element is an HTML element and should be used within a\\n * template tagged with the {@linkcode html} tag function.\\n *\\n * In LitElement usage, it's invalid to return an SVG fragment from the\\n * `render()` method, as the SVG fragment will be contained within the element's\\n * shadow root and thus not be properly contained within an `<svg>` HTML\\n * element.\\n */\\nconst svg = tag(SVG_RESULT);\\n/**\\n * Interprets a template literal as MathML fragment that can efficiently render\\n * to and update a container.\\n *\\n * ```ts\\n * const num = mathml`<mn>1</mn>`;\\n *\\n * const eq = html`\\n *   <math>\\n *     ${num}\\n *   </math>`;\\n * ```\\n *\\n * The `mathml` *tag function* should only be used for MathML fragments, or\\n * elements that would be contained **inside** a `<math>` HTML element. A common\\n * error is placing a `<math>` *element* in a template tagged with the `mathml`\\n * tag function. The `<math>` element is an HTML element and should be used\\n * within a template tagged with the {@linkcode html} tag function.\\n *\\n * In LitElement usage, it's invalid to return an MathML fragment from the\\n * `render()` method, as the MathML fragment will be contained within the\\n * element's shadow root and thus not be properly contained within a `<math>`\\n * HTML element.\\n */\\nconst mathml = tag(MATHML_RESULT);\\n/**\\n * A sentinel value that signals that a value was handled by a directive and\\n * should not be written to the DOM.\\n */\\nconst noChange = Symbol.for('lit-noChange');\\n/**\\n * A sentinel value that signals a ChildPart to fully clear its content.\\n *\\n * ```ts\\n * const button = html`${\\n *  user.isAdmin\\n *    ? html`<button>DELETE</button>`\\n *    : nothing\\n * }`;\\n * ```\\n *\\n * Prefer using `nothing` over other falsy values as it provides a consistent\\n * behavior between various expression binding contexts.\\n *\\n * In child expressions, `undefined`, `null`, `''`, and `nothing` all behave the\\n * same and render no nodes. In attribute expressions, `nothing` _removes_ the\\n * attribute, while `undefined` and `null` will render an empty string. In\\n * property expressions `nothing` becomes `undefined`.\\n */\\nconst nothing = Symbol.for('lit-nothing');\\n/**\\n * The cache of prepared templates, keyed by the tagged TemplateStringsArray\\n * and _not_ accounting for the specific template tag used. This means that\\n * template tags cannot be dynamic - they must statically be one of html, svg,\\n * or attr. This restriction simplifies the cache lookup, which is on the hot\\n * path for rendering.\\n */\\nconst templateCache = new WeakMap();\\nconst walker = d.createTreeWalker(d, 129 /* NodeFilter.SHOW_{ELEMENT|COMMENT} */);\\nlet sanitizerFactoryInternal = noopSanitizer;\\nfunction trustFromTemplateString(tsa, stringFromTSA) {\\n    // A security check to prevent spoofing of Lit template results.\\n    // In the future, we may be able to replace this with Array.isTemplateObject,\\n    // though we might need to make that check inside of the html and svg\\n    // functions, because precompiled templates don't come in as\\n    // TemplateStringArray objects.\\n    if (!isArray(tsa) || !tsa.hasOwnProperty('raw')) {\\n        let message = 'invalid template strings array';\\n        if (DEV_MODE) {\\n            message = `\\n          Internal Error: expected template strings to be an array\\n          with a 'raw' field. Faking a template strings array by\\n          calling html or svg like an ordinary function is effectively\\n          the same as calling unsafeHtml and can lead to major security\\n          issues, e.g. opening your code up to XSS attacks.\\n          If you're using the html or svg tagged template functions normally\\n          and still seeing this error, please file a bug at\\n          https://github.com/lit/lit/issues/new?template=bug_report.md\\n          and include information about your build tooling, if any.\\n        `\\n                .trim()\\n                .replace(/\\\\n */g, '\\\\n');\\n        }\\n        throw new Error(message);\\n    }\\n    return policy !== undefined\\n        ? policy.createHTML(stringFromTSA)\\n        : stringFromTSA;\\n}\\n/**\\n * Returns an HTML string for the given TemplateStringsArray and result type\\n * (HTML or SVG), along with the case-sensitive bound attribute names in\\n * template order. The HTML contains comment markers denoting the `ChildPart`s\\n * and suffixes on bound attributes denoting the `AttributeParts`.\\n *\\n * @param strings template strings array\\n * @param type HTML or SVG\\n * @return Array containing `[html, attrNames]` (array returned for terseness,\\n *     to avoid object fields since this code is shared with non-minified SSR\\n *     code)\\n */\\nconst getTemplateHtml = (strings, type) => {\\n    // Insert makers into the template HTML to represent the position of\\n    // bindings. The following code scans the template strings to determine the\\n    // syntactic position of the bindings. They can be in text position, where\\n    // we insert an HTML comment, attribute value position, where we insert a\\n    // sentinel string and re-write the attribute name, or inside a tag where\\n    // we insert the sentinel string.\\n    const l = strings.length - 1;\\n    // Stores the case-sensitive bound attribute names in the order of their\\n    // parts. ElementParts are also reflected in this array as undefined\\n    // rather than a string, to disambiguate from attribute bindings.\\n    const attrNames = [];\\n    let html = type === SVG_RESULT ? '<svg>' : type === MATHML_RESULT ? '<math>' : '';\\n    // When we're inside a raw text tag (not it's text content), the regex\\n    // will still be tagRegex so we can find attributes, but will switch to\\n    // this regex when the tag ends.\\n    let rawTextEndRegex;\\n    // The current parsing state, represented as a reference to one of the\\n    // regexes\\n    let regex = textEndRegex;\\n    for (let i = 0; i < l; i++) {\\n        const s = strings[i];\\n        // The index of the end of the last attribute name. When this is\\n        // positive at end of a string, it means we're in an attribute value\\n        // position and need to rewrite the attribute name.\\n        // We also use a special value of -2 to indicate that we encountered\\n        // the end of a string in attribute name position.\\n        let attrNameEndIndex = -1;\\n        let attrName;\\n        let lastIndex = 0;\\n        let match;\\n        // The conditions in this loop handle the current parse state, and the\\n        // assignments to the `regex` variable are the state transitions.\\n        while (lastIndex < s.length) {\\n            // Make sure we start searching from where we previously left off\\n            regex.lastIndex = lastIndex;\\n            match = regex.exec(s);\\n            if (match === null) {\\n                break;\\n            }\\n            lastIndex = regex.lastIndex;\\n            if (regex === textEndRegex) {\\n                if (match[COMMENT_START] === '!--') {\\n                    regex = commentEndRegex;\\n                }\\n                else if (match[COMMENT_START] !== undefined) {\\n                    // We started a weird comment, like </{\\n                    regex = comment2EndRegex;\\n                }\\n                else if (match[TAG_NAME] !== undefined) {\\n                    if (rawTextElement.test(match[TAG_NAME])) {\\n                        // Record if we encounter a raw-text element. We'll switch to\\n                        // this regex at the end of the tag.\\n                        rawTextEndRegex = new RegExp(`</${match[TAG_NAME]}`, 'g');\\n                    }\\n                    regex = tagEndRegex;\\n                }\\n                else if (match[DYNAMIC_TAG_NAME] !== undefined) {\\n                    if (DEV_MODE) {\\n                        throw new Error('Bindings in tag names are not supported. Please use static templates instead. ' +\\n                            'See https://lit.dev/docs/templates/expressions/#static-expressions');\\n                    }\\n                    regex = tagEndRegex;\\n                }\\n            }\\n            else if (regex === tagEndRegex) {\\n                if (match[ENTIRE_MATCH] === '>') {\\n                    // End of a tag. If we had started a raw-text element, use that\\n                    // regex\\n                    regex = rawTextEndRegex ?? textEndRegex;\\n                    // We may be ending an unquoted attribute value, so make sure we\\n                    // clear any pending attrNameEndIndex\\n                    attrNameEndIndex = -1;\\n                }\\n                else if (match[ATTRIBUTE_NAME] === undefined) {\\n                    // Attribute name position\\n                    attrNameEndIndex = -2;\\n                }\\n                else {\\n                    attrNameEndIndex = regex.lastIndex - match[SPACES_AND_EQUALS].length;\\n                    attrName = match[ATTRIBUTE_NAME];\\n                    regex =\\n                        match[QUOTE_CHAR] === undefined\\n                            ? tagEndRegex\\n                            : match[QUOTE_CHAR] === '\\\"'\\n                                ? doubleQuoteAttrEndRegex\\n                                : singleQuoteAttrEndRegex;\\n                }\\n            }\\n            else if (regex === doubleQuoteAttrEndRegex ||\\n                regex === singleQuoteAttrEndRegex) {\\n                regex = tagEndRegex;\\n            }\\n            else if (regex === commentEndRegex || regex === comment2EndRegex) {\\n                regex = textEndRegex;\\n            }\\n            else {\\n                // Not one of the five state regexes, so it must be the dynamically\\n                // created raw text regex and we're at the close of that element.\\n                regex = tagEndRegex;\\n                rawTextEndRegex = undefined;\\n            }\\n        }\\n        if (DEV_MODE) {\\n            // If we have a attrNameEndIndex, which indicates that we should\\n            // rewrite the attribute name, assert that we're in a valid attribute\\n            // position - either in a tag, or a quoted attribute value.\\n            console.assert(attrNameEndIndex === -1 ||\\n                regex === tagEndRegex ||\\n                regex === singleQuoteAttrEndRegex ||\\n                regex === doubleQuoteAttrEndRegex, 'unexpected parse state B');\\n        }\\n        // We have four cases:\\n        //  1. We're in text position, and not in a raw text element\\n        //     (regex === textEndRegex): insert a comment marker.\\n        //  2. We have a non-negative attrNameEndIndex which means we need to\\n        //     rewrite the attribute name to add a bound attribute suffix.\\n        //  3. We're at the non-first binding in a multi-binding attribute, use a\\n        //     plain marker.\\n        //  4. We're somewhere else inside the tag. If we're in attribute name\\n        //     position (attrNameEndIndex === -2), add a sequential suffix to\\n        //     generate a unique attribute name.\\n        // Detect a binding next to self-closing tag end and insert a space to\\n        // separate the marker from the tag end:\\n        const end = regex === tagEndRegex && strings[i + 1].startsWith('/>') ? ' ' : '';\\n        html +=\\n            regex === textEndRegex\\n                ? s + nodeMarker\\n                : attrNameEndIndex >= 0\\n                    ? (attrNames.push(attrName),\\n                        s.slice(0, attrNameEndIndex) +\\n                            boundAttributeSuffix +\\n                            s.slice(attrNameEndIndex)) +\\n                        marker +\\n                        end\\n                    : s + marker + (attrNameEndIndex === -2 ? i : end);\\n    }\\n    const htmlResult = html +\\n        (strings[l] || '<?>') +\\n        (type === SVG_RESULT ? '</svg>' : type === MATHML_RESULT ? '</math>' : '');\\n    // Returned as an array for terseness\\n    return [trustFromTemplateString(strings, htmlResult), attrNames];\\n};\\nclass Template {\\n    constructor(\\n    // This property needs to remain unminified.\\n    { strings, ['_$litType$']: type }, options) {\\n        this.parts = [];\\n        let node;\\n        let nodeIndex = 0;\\n        let attrNameIndex = 0;\\n        const partCount = strings.length - 1;\\n        const parts = this.parts;\\n        // Create template element\\n        const [html, attrNames] = getTemplateHtml(strings, type);\\n        this.el = Template.createElement(html, options);\\n        walker.currentNode = this.el.content;\\n        // Re-parent SVG or MathML nodes into template root\\n        if (type === SVG_RESULT || type === MATHML_RESULT) {\\n            const wrapper = this.el.content.firstChild;\\n            wrapper.replaceWith(...wrapper.childNodes);\\n        }\\n        // Walk the template to find binding markers and create TemplateParts\\n        while ((node = walker.nextNode()) !== null && parts.length < partCount) {\\n            if (node.nodeType === 1) {\\n                if (DEV_MODE) {\\n                    const tag = node.localName;\\n                    // Warn if `textarea` includes an expression and throw if `template`\\n                    // does since these are not supported. We do this by checking\\n                    // innerHTML for anything that looks like a marker. This catches\\n                    // cases like bindings in textarea there markers turn into text nodes.\\n                    if (/^(?:textarea|template)$/i.test(tag) &&\\n                        node.innerHTML.includes(marker)) {\\n                        const m = `Expressions are not supported inside \\\\`${tag}\\\\` ` +\\n                            `elements. See https://lit.dev/msg/expression-in-${tag} for more ` +\\n                            `information.`;\\n                        if (tag === 'template') {\\n                            throw new Error(m);\\n                        }\\n                        else\\n                            issueWarning('', m);\\n                    }\\n                }\\n                // TODO (justinfagnani): for attempted dynamic tag names, we don't\\n                // increment the bindingIndex, and it'll be off by 1 in the element\\n                // and off by two after it.\\n                if (node.hasAttributes()) {\\n                    for (const name of node.getAttributeNames()) {\\n                        if (name.endsWith(boundAttributeSuffix)) {\\n                            const realName = attrNames[attrNameIndex++];\\n                            const value = node.getAttribute(name);\\n                            const statics = value.split(marker);\\n                            const m = /([.?@])?(.*)/.exec(realName);\\n                            parts.push({\\n                                type: ATTRIBUTE_PART,\\n                                index: nodeIndex,\\n                                name: m[2],\\n                                strings: statics,\\n                                ctor: m[1] === '.'\\n                                    ? PropertyPart\\n                                    : m[1] === '?'\\n                                        ? BooleanAttributePart\\n                                        : m[1] === '@'\\n                                            ? EventPart\\n                                            : AttributePart,\\n                            });\\n                            node.removeAttribute(name);\\n                        }\\n                        else if (name.startsWith(marker)) {\\n                            parts.push({\\n                                type: ELEMENT_PART,\\n                                index: nodeIndex,\\n                            });\\n                            node.removeAttribute(name);\\n                        }\\n                    }\\n                }\\n                // TODO (justinfagnani): benchmark the regex against testing for each\\n                // of the 3 raw text element names.\\n                if (rawTextElement.test(node.tagName)) {\\n                    // For raw text elements we need to split the text content on\\n                    // markers, create a Text node for each segment, and create\\n                    // a TemplatePart for each marker.\\n                    const strings = node.textContent.split(marker);\\n                    const lastIndex = strings.length - 1;\\n                    if (lastIndex > 0) {\\n                        node.textContent = trustedTypes\\n                            ? trustedTypes.emptyScript\\n                            : '';\\n                        // Generate a new text node for each literal section\\n                        // These nodes are also used as the markers for node parts\\n                        // We can't use empty text nodes as markers because they're\\n                        // normalized when cloning in IE (could simplify when\\n                        // IE is no longer supported)\\n                        for (let i = 0; i < lastIndex; i++) {\\n                            node.append(strings[i], createMarker());\\n                            // Walk past the marker node we just added\\n                            walker.nextNode();\\n                            parts.push({ type: CHILD_PART, index: ++nodeIndex });\\n                        }\\n                        // Note because this marker is added after the walker's current\\n                        // node, it will be walked to in the outer loop (and ignored), so\\n                        // we don't need to adjust nodeIndex here\\n                        node.append(strings[lastIndex], createMarker());\\n                    }\\n                }\\n            }\\n            else if (node.nodeType === 8) {\\n                const data = node.data;\\n                if (data === markerMatch) {\\n                    parts.push({ type: CHILD_PART, index: nodeIndex });\\n                }\\n                else {\\n                    let i = -1;\\n                    while ((i = node.data.indexOf(marker, i + 1)) !== -1) {\\n                        // Comment node has a binding marker inside, make an inactive part\\n                        // The binding won't work, but subsequent bindings will\\n                        parts.push({ type: COMMENT_PART, index: nodeIndex });\\n                        // Move to the end of the match\\n                        i += marker.length - 1;\\n                    }\\n                }\\n            }\\n            nodeIndex++;\\n        }\\n        if (DEV_MODE) {\\n            // If there was a duplicate attribute on a tag, then when the tag is\\n            // parsed into an element the attribute gets de-duplicated. We can detect\\n            // this mismatch if we haven't precisely consumed every attribute name\\n            // when preparing the template. This works because `attrNames` is built\\n            // from the template string and `attrNameIndex` comes from processing the\\n            // resulting DOM.\\n            if (attrNames.length !== attrNameIndex) {\\n                throw new Error(`Detected duplicate attribute bindings. This occurs if your template ` +\\n                    `has duplicate attributes on an element tag. For example ` +\\n                    `\\\"<input ?disabled=\\\\${true} ?disabled=\\\\${false}>\\\" contains a ` +\\n                    `duplicate \\\"disabled\\\" attribute. The error was detected in ` +\\n                    `the following template: \\\\n` +\\n                    '`' +\\n                    strings.join('${...}') +\\n                    '`');\\n            }\\n        }\\n        // We could set walker.currentNode to another node here to prevent a memory\\n        // leak, but every time we prepare a template, we immediately render it\\n        // and re-use the walker in new TemplateInstance._clone().\\n        debugLogEvent &&\\n            debugLogEvent({\\n                kind: 'template prep',\\n                template: this,\\n                clonableTemplate: this.el,\\n                parts: this.parts,\\n                strings,\\n            });\\n    }\\n    // Overridden via `litHtmlPolyfillSupport` to provide platform support.\\n    /** @nocollapse */\\n    static createElement(html, _options) {\\n        const el = d.createElement('template');\\n        el.innerHTML = html;\\n        return el;\\n    }\\n}\\nfunction resolveDirective(part, value, parent = part, attributeIndex) {\\n    // Bail early if the value is explicitly noChange. Note, this means any\\n    // nested directive is still attached and is not run.\\n    if (value === noChange) {\\n        return value;\\n    }\\n    let currentDirective = attributeIndex !== undefined\\n        ? parent.__directives?.[attributeIndex]\\n        : parent.__directive;\\n    const nextDirectiveConstructor = isPrimitive(value)\\n        ? undefined\\n        : // This property needs to remain unminified.\\n            value['_$litDirective$'];\\n    if (currentDirective?.constructor !== nextDirectiveConstructor) {\\n        // This property needs to remain unminified.\\n        currentDirective?.['_$notifyDirectiveConnectionChanged']?.(false);\\n        if (nextDirectiveConstructor === undefined) {\\n            currentDirective = undefined;\\n        }\\n        else {\\n            currentDirective = new nextDirectiveConstructor(part);\\n            currentDirective._$initialize(part, parent, attributeIndex);\\n        }\\n        if (attributeIndex !== undefined) {\\n            (parent.__directives ??= [])[attributeIndex] =\\n                currentDirective;\\n        }\\n        else {\\n            parent.__directive = currentDirective;\\n        }\\n    }\\n    if (currentDirective !== undefined) {\\n        value = resolveDirective(part, currentDirective._$resolve(part, value.values), currentDirective, attributeIndex);\\n    }\\n    return value;\\n}\\n/**\\n * An updateable instance of a Template. Holds references to the Parts used to\\n * update the template instance.\\n */\\nclass TemplateInstance {\\n    constructor(template, parent) {\\n        this._$parts = [];\\n        /** @internal */\\n        this._$disconnectableChildren = undefined;\\n        this._$template = template;\\n        this._$parent = parent;\\n    }\\n    // Called by ChildPart parentNode getter\\n    get parentNode() {\\n        return this._$parent.parentNode;\\n    }\\n    // See comment in Disconnectable interface for why this is a getter\\n    get _$isConnected() {\\n        return this._$parent._$isConnected;\\n    }\\n    // This method is separate from the constructor because we need to return a\\n    // DocumentFragment and we don't want to hold onto it with an instance field.\\n    _clone(options) {\\n        const { el: { content }, parts: parts, } = this._$template;\\n        const fragment = (options?.creationScope ?? d).importNode(content, true);\\n        walker.currentNode = fragment;\\n        let node = walker.nextNode();\\n        let nodeIndex = 0;\\n        let partIndex = 0;\\n        let templatePart = parts[0];\\n        while (templatePart !== undefined) {\\n            if (nodeIndex === templatePart.index) {\\n                let part;\\n                if (templatePart.type === CHILD_PART) {\\n                    part = new ChildPart(node, node.nextSibling, this, options);\\n                }\\n                else if (templatePart.type === ATTRIBUTE_PART) {\\n                    part = new templatePart.ctor(node, templatePart.name, templatePart.strings, this, options);\\n                }\\n                else if (templatePart.type === ELEMENT_PART) {\\n                    part = new ElementPart(node, this, options);\\n                }\\n                this._$parts.push(part);\\n                templatePart = parts[++partIndex];\\n            }\\n            if (nodeIndex !== templatePart?.index) {\\n                node = walker.nextNode();\\n                nodeIndex++;\\n            }\\n        }\\n        // We need to set the currentNode away from the cloned tree so that we\\n        // don't hold onto the tree even if the tree is detached and should be\\n        // freed.\\n        walker.currentNode = d;\\n        return fragment;\\n    }\\n    _update(values) {\\n        let i = 0;\\n        for (const part of this._$parts) {\\n            if (part !== undefined) {\\n                debugLogEvent &&\\n                    debugLogEvent({\\n                        kind: 'set part',\\n                        part,\\n                        value: values[i],\\n                        valueIndex: i,\\n                        values,\\n                        templateInstance: this,\\n                    });\\n                if (part.strings !== undefined) {\\n                    part._$setValue(values, part, i);\\n                    // The number of values the part consumes is part.strings.length - 1\\n                    // since values are in between template spans. We increment i by 1\\n                    // later in the loop, so increment it by part.strings.length - 2 here\\n                    i += part.strings.length - 2;\\n                }\\n                else {\\n                    part._$setValue(values[i]);\\n                }\\n            }\\n            i++;\\n        }\\n    }\\n}\\nclass ChildPart {\\n    // See comment in Disconnectable interface for why this is a getter\\n    get _$isConnected() {\\n        // ChildParts that are not at the root should always be created with a\\n        // parent; only RootChildNode's won't, so they return the local isConnected\\n        // state\\n        return this._$parent?._$isConnected ?? this.__isConnected;\\n    }\\n    constructor(startNode, endNode, parent, options) {\\n        this.type = CHILD_PART;\\n        this._$committedValue = nothing;\\n        // The following fields will be patched onto ChildParts when required by\\n        // AsyncDirective\\n        /** @internal */\\n        this._$disconnectableChildren = undefined;\\n        this._$startNode = startNode;\\n        this._$endNode = endNode;\\n        this._$parent = parent;\\n        this.options = options;\\n        // Note __isConnected is only ever accessed on RootParts (i.e. when there is\\n        // no _$parent); the value on a non-root-part is \\\"don't care\\\", but checking\\n        // for parent would be more code\\n        this.__isConnected = options?.isConnected ?? true;\\n        if (ENABLE_EXTRA_SECURITY_HOOKS) {\\n            // Explicitly initialize for consistent class shape.\\n            this._textSanitizer = undefined;\\n        }\\n    }\\n    /**\\n     * The parent node into which the part renders its content.\\n     *\\n     * A ChildPart's content consists of a range of adjacent child nodes of\\n     * `.parentNode`, possibly bordered by 'marker nodes' (`.startNode` and\\n     * `.endNode`).\\n     *\\n     * - If both `.startNode` and `.endNode` are non-null, then the part's content\\n     * consists of all siblings between `.startNode` and `.endNode`, exclusively.\\n     *\\n     * - If `.startNode` is non-null but `.endNode` is null, then the part's\\n     * content consists of all siblings following `.startNode`, up to and\\n     * including the last child of `.parentNode`. If `.endNode` is non-null, then\\n     * `.startNode` will always be non-null.\\n     *\\n     * - If both `.endNode` and `.startNode` are null, then the part's content\\n     * consists of all child nodes of `.parentNode`.\\n     */\\n    get parentNode() {\\n        let parentNode = wrap(this._$startNode).parentNode;\\n        const parent = this._$parent;\\n        if (parent !== undefined &&\\n            parentNode?.nodeType === 11 /* Node.DOCUMENT_FRAGMENT */) {\\n            // If the parentNode is a DocumentFragment, it may be because the DOM is\\n            // still in the cloned fragment during initial render; if so, get the real\\n            // parentNode the part will be committed into by asking the parent.\\n            parentNode = parent.parentNode;\\n        }\\n        return parentNode;\\n    }\\n    /**\\n     * The part's leading marker node, if any. See `.parentNode` for more\\n     * information.\\n     */\\n    get startNode() {\\n        return this._$startNode;\\n    }\\n    /**\\n     * The part's trailing marker node, if any. See `.parentNode` for more\\n     * information.\\n     */\\n    get endNode() {\\n        return this._$endNode;\\n    }\\n    _$setValue(value, directiveParent = this) {\\n        if (DEV_MODE && this.parentNode === null) {\\n            throw new Error(`This \\\\`ChildPart\\\\` has no \\\\`parentNode\\\\` and therefore cannot accept a value. This likely means the element containing the part was manipulated in an unsupported way outside of Lit's control such that the part's marker nodes were ejected from DOM. For example, setting the element's \\\\`innerHTML\\\\` or \\\\`textContent\\\\` can do this.`);\\n        }\\n        value = resolveDirective(this, value, directiveParent);\\n        if (isPrimitive(value)) {\\n            // Non-rendering child values. It's important that these do not render\\n            // empty text nodes to avoid issues with preventing default <slot>\\n            // fallback content.\\n            if (value === nothing || value == null || value === '') {\\n                if (this._$committedValue !== nothing) {\\n                    debugLogEvent &&\\n                        debugLogEvent({\\n                            kind: 'commit nothing to child',\\n                            start: this._$startNode,\\n                            end: this._$endNode,\\n                            parent: this._$parent,\\n                            options: this.options,\\n                        });\\n                    this._$clear();\\n                }\\n                this._$committedValue = nothing;\\n            }\\n            else if (value !== this._$committedValue && value !== noChange) {\\n                this._commitText(value);\\n            }\\n            // This property needs to remain unminified.\\n        }\\n        else if (value['_$litType$'] !== undefined) {\\n            this._commitTemplateResult(value);\\n        }\\n        else if (value.nodeType !== undefined) {\\n            if (DEV_MODE && this.options?.host === value) {\\n                this._commitText(`[probable mistake: rendered a template's host in itself ` +\\n                    `(commonly caused by writing \\\\${this} in a template]`);\\n                console.warn(`Attempted to render the template host`, value, `inside itself. This is almost always a mistake, and in dev mode `, `we render some warning text. In production however, we'll `, `render it, which will usually result in an error, and sometimes `, `in the element disappearing from the DOM.`);\\n                return;\\n            }\\n            this._commitNode(value);\\n        }\\n        else if (isIterable(value)) {\\n            this._commitIterable(value);\\n        }\\n        else {\\n            // Fallback, will render the string representation\\n            this._commitText(value);\\n        }\\n    }\\n    _insert(node) {\\n        return wrap(wrap(this._$startNode).parentNode).insertBefore(node, this._$endNode);\\n    }\\n    _commitNode(value) {\\n        if (this._$committedValue !== value) {\\n            this._$clear();\\n            if (ENABLE_EXTRA_SECURITY_HOOKS &&\\n                sanitizerFactoryInternal !== noopSanitizer) {\\n                const parentNodeName = this._$startNode.parentNode?.nodeName;\\n                if (parentNodeName === 'STYLE' || parentNodeName === 'SCRIPT') {\\n                    let message = 'Forbidden';\\n                    if (DEV_MODE) {\\n                        if (parentNodeName === 'STYLE') {\\n                            message =\\n                                `Lit does not support binding inside style nodes. ` +\\n                                    `This is a security risk, as style injection attacks can ` +\\n                                    `exfiltrate data and spoof UIs. ` +\\n                                    `Consider instead using css\\\\`...\\\\` literals ` +\\n                                    `to compose styles, and do dynamic styling with ` +\\n                                    `css custom properties, ::parts, <slot>s, ` +\\n                                    `and by mutating the DOM rather than stylesheets.`;\\n                        }\\n                        else {\\n                            message =\\n                                `Lit does not support binding inside script nodes. ` +\\n                                    `This is a security risk, as it could allow arbitrary ` +\\n                                    `code execution.`;\\n                        }\\n                    }\\n                    throw new Error(message);\\n                }\\n            }\\n            debugLogEvent &&\\n                debugLogEvent({\\n                    kind: 'commit node',\\n                    start: this._$startNode,\\n                    parent: this._$parent,\\n                    value: value,\\n                    options: this.options,\\n                });\\n            this._$committedValue = this._insert(value);\\n        }\\n    }\\n    _commitText(value) {\\n        // If the committed value is a primitive it means we called _commitText on\\n        // the previous render, and we know that this._$startNode.nextSibling is a\\n        // Text node. We can now just replace the text content (.data) of the node.\\n        if (this._$committedValue !== nothing &&\\n            isPrimitive(this._$committedValue)) {\\n            const node = wrap(this._$startNode).nextSibling;\\n            if (ENABLE_EXTRA_SECURITY_HOOKS) {\\n                if (this._textSanitizer === undefined) {\\n                    this._textSanitizer = createSanitizer(node, 'data', 'property');\\n                }\\n                value = this._textSanitizer(value);\\n            }\\n            debugLogEvent &&\\n                debugLogEvent({\\n                    kind: 'commit text',\\n                    node,\\n                    value,\\n                    options: this.options,\\n                });\\n            node.data = value;\\n        }\\n        else {\\n            if (ENABLE_EXTRA_SECURITY_HOOKS) {\\n                const textNode = d.createTextNode('');\\n                this._commitNode(textNode);\\n                // When setting text content, for security purposes it matters a lot\\n                // what the parent is. For example, <style> and <script> need to be\\n                // handled with care, while <span> does not. So first we need to put a\\n                // text node into the document, then we can sanitize its content.\\n                if (this._textSanitizer === undefined) {\\n                    this._textSanitizer = createSanitizer(textNode, 'data', 'property');\\n                }\\n                value = this._textSanitizer(value);\\n                debugLogEvent &&\\n                    debugLogEvent({\\n                        kind: 'commit text',\\n                        node: textNode,\\n                        value,\\n                        options: this.options,\\n                    });\\n                textNode.data = value;\\n            }\\n            else {\\n                this._commitNode(d.createTextNode(value));\\n                debugLogEvent &&\\n                    debugLogEvent({\\n                        kind: 'commit text',\\n                        node: wrap(this._$startNode).nextSibling,\\n                        value,\\n                        options: this.options,\\n                    });\\n            }\\n        }\\n        this._$committedValue = value;\\n    }\\n    _commitTemplateResult(result) {\\n        // This property needs to remain unminified.\\n        const { values, ['_$litType$']: type } = result;\\n        // If $litType$ is a number, result is a plain TemplateResult and we get\\n        // the template from the template cache. If not, result is a\\n        // CompiledTemplateResult and _$litType$ is a CompiledTemplate and we need\\n        // to create the <template> element the first time we see it.\\n        const template = typeof type === 'number'\\n            ? this._$getTemplate(result)\\n            : (type.el === undefined &&\\n                (type.el = Template.createElement(trustFromTemplateString(type.h, type.h[0]), this.options)),\\n                type);\\n        if (this._$committedValue?._$template === template) {\\n            debugLogEvent &&\\n                debugLogEvent({\\n                    kind: 'template updating',\\n                    template,\\n                    instance: this._$committedValue,\\n                    parts: this._$committedValue._$parts,\\n                    options: this.options,\\n                    values,\\n                });\\n            this._$committedValue._update(values);\\n        }\\n        else {\\n            const instance = new TemplateInstance(template, this);\\n            const fragment = instance._clone(this.options);\\n            debugLogEvent &&\\n                debugLogEvent({\\n                    kind: 'template instantiated',\\n                    template,\\n                    instance,\\n                    parts: instance._$parts,\\n                    options: this.options,\\n                    fragment,\\n                    values,\\n                });\\n            instance._update(values);\\n            debugLogEvent &&\\n                debugLogEvent({\\n                    kind: 'template instantiated and updated',\\n                    template,\\n                    instance,\\n                    parts: instance._$parts,\\n                    options: this.options,\\n                    fragment,\\n                    values,\\n                });\\n            this._commitNode(fragment);\\n            this._$committedValue = instance;\\n        }\\n    }\\n    // Overridden via `litHtmlPolyfillSupport` to provide platform support.\\n    /** @internal */\\n    _$getTemplate(result) {\\n        let template = templateCache.get(result.strings);\\n        if (template === undefined) {\\n            templateCache.set(result.strings, (template = new Template(result)));\\n        }\\n        return template;\\n    }\\n    _commitIterable(value) {\\n        // For an Iterable, we create a new InstancePart per item, then set its\\n        // value to the item. This is a little bit of overhead for every item in\\n        // an Iterable, but it lets us recurse easily and efficiently update Arrays\\n        // of TemplateResults that will be commonly returned from expressions like:\\n        // array.map((i) => html`${i}`), by reusing existing TemplateInstances.\\n        // If value is an array, then the previous render was of an\\n        // iterable and value will contain the ChildParts from the previous\\n        // render. If value is not an array, clear this part and make a new\\n        // array for ChildParts.\\n        if (!isArray(this._$committedValue)) {\\n            this._$committedValue = [];\\n            this._$clear();\\n        }\\n        // Lets us keep track of how many items we stamped so we can clear leftover\\n        // items from a previous render\\n        const itemParts = this._$committedValue;\\n        let partIndex = 0;\\n        let itemPart;\\n        for (const item of value) {\\n            if (partIndex === itemParts.length) {\\n                // If no existing part, create a new one\\n                // TODO (justinfagnani): test perf impact of always creating two parts\\n                // instead of sharing parts between nodes\\n                // https://github.com/lit/lit/issues/1266\\n                itemParts.push((itemPart = new ChildPart(this._insert(createMarker()), this._insert(createMarker()), this, this.options)));\\n            }\\n            else {\\n                // Reuse an existing part\\n                itemPart = itemParts[partIndex];\\n            }\\n            itemPart._$setValue(item);\\n            partIndex++;\\n        }\\n        if (partIndex < itemParts.length) {\\n            // itemParts always have end nodes\\n            this._$clear(itemPart && wrap(itemPart._$endNode).nextSibling, partIndex);\\n            // Truncate the parts array so _value reflects the current state\\n            itemParts.length = partIndex;\\n        }\\n    }\\n    /**\\n     * Removes the nodes contained within this Part from the DOM.\\n     *\\n     * @param start Start node to clear from, for clearing a subset of the part's\\n     *     DOM (used when truncating iterables)\\n     * @param from  When `start` is specified, the index within the iterable from\\n     *     which ChildParts are being removed, used for disconnecting directives in\\n     *     those Parts.\\n     *\\n     * @internal\\n     */\\n    _$clear(start = wrap(this._$startNode).nextSibling, from) {\\n        this._$notifyConnectionChanged?.(false, true, from);\\n        while (start && start !== this._$endNode) {\\n            const n = wrap(start).nextSibling;\\n            wrap(start).remove();\\n            start = n;\\n        }\\n    }\\n    /**\\n     * Implementation of RootPart's `isConnected`. Note that this method\\n     * should only be called on `RootPart`s (the `ChildPart` returned from a\\n     * top-level `render()` call). It has no effect on non-root ChildParts.\\n     * @param isConnected Whether to set\\n     * @internal\\n     */\\n    setConnected(isConnected) {\\n        if (this._$parent === undefined) {\\n            this.__isConnected = isConnected;\\n            this._$notifyConnectionChanged?.(isConnected);\\n        }\\n        else if (DEV_MODE) {\\n            throw new Error('part.setConnected() may only be called on a ' +\\n                'RootPart returned from render().');\\n        }\\n    }\\n}\\nclass AttributePart {\\n    get tagName() {\\n        return this.element.tagName;\\n    }\\n    // See comment in Disconnectable interface for why this is a getter\\n    get _$isConnected() {\\n        return this._$parent._$isConnected;\\n    }\\n    constructor(element, name, strings, parent, options) {\\n        this.type = ATTRIBUTE_PART;\\n        /** @internal */\\n        this._$committedValue = nothing;\\n        /** @internal */\\n        this._$disconnectableChildren = undefined;\\n        this.element = element;\\n        this.name = name;\\n        this._$parent = parent;\\n        this.options = options;\\n        if (strings.length > 2 || strings[0] !== '' || strings[1] !== '') {\\n            this._$committedValue = new Array(strings.length - 1).fill(new String());\\n            this.strings = strings;\\n        }\\n        else {\\n            this._$committedValue = nothing;\\n        }\\n        if (ENABLE_EXTRA_SECURITY_HOOKS) {\\n            this._sanitizer = undefined;\\n        }\\n    }\\n    /**\\n     * Sets the value of this part by resolving the value from possibly multiple\\n     * values and static strings and committing it to the DOM.\\n     * If this part is single-valued, `this._strings` will be undefined, and the\\n     * method will be called with a single value argument. If this part is\\n     * multi-value, `this._strings` will be defined, and the method is called\\n     * with the value array of the part's owning TemplateInstance, and an offset\\n     * into the value array from which the values should be read.\\n     * This method is overloaded this way to eliminate short-lived array slices\\n     * of the template instance values, and allow a fast-path for single-valued\\n     * parts.\\n     *\\n     * @param value The part value, or an array of values for multi-valued parts\\n     * @param valueIndex the index to start reading values from. `undefined` for\\n     *   single-valued parts\\n     * @param noCommit causes the part to not commit its value to the DOM. Used\\n     *   in hydration to prime attribute parts with their first-rendered value,\\n     *   but not set the attribute, and in SSR to no-op the DOM operation and\\n     *   capture the value for serialization.\\n     *\\n     * @internal\\n     */\\n    _$setValue(value, directiveParent = this, valueIndex, noCommit) {\\n        const strings = this.strings;\\n        // Whether any of the values has changed, for dirty-checking\\n        let change = false;\\n        if (strings === undefined) {\\n            // Single-value binding case\\n            value = resolveDirective(this, value, directiveParent, 0);\\n            change =\\n                !isPrimitive(value) ||\\n                    (value !== this._$committedValue && value !== noChange);\\n            if (change) {\\n                this._$committedValue = value;\\n            }\\n        }\\n        else {\\n            // Interpolation case\\n            const values = value;\\n            value = strings[0];\\n            let i, v;\\n            for (i = 0; i < strings.length - 1; i++) {\\n                v = resolveDirective(this, values[valueIndex + i], directiveParent, i);\\n                if (v === noChange) {\\n                    // If the user-provided value is `noChange`, use the previous value\\n                    v = this._$committedValue[i];\\n                }\\n                change ||=\\n                    !isPrimitive(v) || v !== this._$committedValue[i];\\n                if (v === nothing) {\\n                    value = nothing;\\n                }\\n                else if (value !== nothing) {\\n                    value += (v ?? '') + strings[i + 1];\\n                }\\n                // We always record each value, even if one is `nothing`, for future\\n                // change detection.\\n                this._$committedValue[i] = v;\\n            }\\n        }\\n        if (change && !noCommit) {\\n            this._commitValue(value);\\n        }\\n    }\\n    /** @internal */\\n    _commitValue(value) {\\n        if (value === nothing) {\\n            wrap(this.element).removeAttribute(this.name);\\n        }\\n        else {\\n            if (ENABLE_EXTRA_SECURITY_HOOKS) {\\n                if (this._sanitizer === undefined) {\\n                    this._sanitizer = sanitizerFactoryInternal(this.element, this.name, 'attribute');\\n                }\\n                value = this._sanitizer(value ?? '');\\n            }\\n            debugLogEvent &&\\n                debugLogEvent({\\n                    kind: 'commit attribute',\\n                    element: this.element,\\n                    name: this.name,\\n                    value,\\n                    options: this.options,\\n                });\\n            wrap(this.element).setAttribute(this.name, (value ?? ''));\\n        }\\n    }\\n}\\nclass PropertyPart extends AttributePart {\\n    constructor() {\\n        super(...arguments);\\n        this.type = PROPERTY_PART;\\n    }\\n    /** @internal */\\n    _commitValue(value) {\\n        if (ENABLE_EXTRA_SECURITY_HOOKS) {\\n            if (this._sanitizer === undefined) {\\n                this._sanitizer = sanitizerFactoryInternal(this.element, this.name, 'property');\\n            }\\n            value = this._sanitizer(value);\\n        }\\n        debugLogEvent &&\\n            debugLogEvent({\\n                kind: 'commit property',\\n                element: this.element,\\n                name: this.name,\\n                value,\\n                options: this.options,\\n            });\\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\\n        this.element[this.name] = value === nothing ? undefined : value;\\n    }\\n}\\nclass BooleanAttributePart extends AttributePart {\\n    constructor() {\\n        super(...arguments);\\n        this.type = BOOLEAN_ATTRIBUTE_PART;\\n    }\\n    /** @internal */\\n    _commitValue(value) {\\n        debugLogEvent &&\\n            debugLogEvent({\\n                kind: 'commit boolean attribute',\\n                element: this.element,\\n                name: this.name,\\n                value: !!(value && value !== nothing),\\n                options: this.options,\\n            });\\n        wrap(this.element).toggleAttribute(this.name, !!value && value !== nothing);\\n    }\\n}\\nclass EventPart extends AttributePart {\\n    constructor(element, name, strings, parent, options) {\\n        super(element, name, strings, parent, options);\\n        this.type = EVENT_PART;\\n        if (DEV_MODE && this.strings !== undefined) {\\n            throw new Error(`A \\\\`<${element.localName}>\\\\` has a \\\\`@${name}=...\\\\` listener with ` +\\n                'invalid content. Event listeners in templates must have exactly ' +\\n                'one expression and no surrounding text.');\\n        }\\n    }\\n    // EventPart does not use the base _$setValue/_resolveValue implementation\\n    // since the dirty checking is more complex\\n    /** @internal */\\n    _$setValue(newListener, directiveParent = this) {\\n        newListener =\\n            resolveDirective(this, newListener, directiveParent, 0) ?? nothing;\\n        if (newListener === noChange) {\\n            return;\\n        }\\n        const oldListener = this._$committedValue;\\n        // If the new value is nothing or any options change we have to remove the\\n        // part as a listener.\\n        const shouldRemoveListener = (newListener === nothing && oldListener !== nothing) ||\\n            newListener.capture !==\\n                oldListener.capture ||\\n            newListener.once !==\\n                oldListener.once ||\\n            newListener.passive !==\\n                oldListener.passive;\\n        // If the new value is not nothing and we removed the listener, we have\\n        // to add the part as a listener.\\n        const shouldAddListener = newListener !== nothing &&\\n            (oldListener === nothing || shouldRemoveListener);\\n        debugLogEvent &&\\n            debugLogEvent({\\n                kind: 'commit event listener',\\n                element: this.element,\\n                name: this.name,\\n                value: newListener,\\n                options: this.options,\\n                removeListener: shouldRemoveListener,\\n                addListener: shouldAddListener,\\n                oldListener,\\n            });\\n        if (shouldRemoveListener) {\\n            this.element.removeEventListener(this.name, this, oldListener);\\n        }\\n        if (shouldAddListener) {\\n            // Beware: IE11 and Chrome 41 don't like using the listener as the\\n            // options object. Figure out how to deal w/ this in IE11 - maybe\\n            // patch addEventListener?\\n            this.element.addEventListener(this.name, this, newListener);\\n        }\\n        this._$committedValue = newListener;\\n    }\\n    handleEvent(event) {\\n        if (typeof this._$committedValue === 'function') {\\n            this._$committedValue.call(this.options?.host ?? this.element, event);\\n        }\\n        else {\\n            this._$committedValue.handleEvent(event);\\n        }\\n    }\\n}\\nclass ElementPart {\\n    constructor(element, parent, options) {\\n        this.element = element;\\n        this.type = ELEMENT_PART;\\n        /** @internal */\\n        this._$disconnectableChildren = undefined;\\n        this._$parent = parent;\\n        this.options = options;\\n    }\\n    // See comment in Disconnectable interface for why this is a getter\\n    get _$isConnected() {\\n        return this._$parent._$isConnected;\\n    }\\n    _$setValue(value) {\\n        debugLogEvent &&\\n            debugLogEvent({\\n                kind: 'commit to element binding',\\n                element: this.element,\\n                value,\\n                options: this.options,\\n            });\\n        resolveDirective(this, value);\\n    }\\n}\\n/**\\n * END USERS SHOULD NOT RELY ON THIS OBJECT.\\n *\\n * Private exports for use by other Lit packages, not intended for use by\\n * external users.\\n *\\n * We currently do not make a mangled rollup build of the lit-ssr code. In order\\n * to keep a number of (otherwise private) top-level exports mangled in the\\n * client side code, we export a _$LH object containing those members (or\\n * helper methods for accessing private fields of those members), and then\\n * re-export them for use in lit-ssr. This keeps lit-ssr agnostic to whether the\\n * client-side code is being used in `dev` mode or `prod` mode.\\n *\\n * This has a unique name, to disambiguate it from private exports in\\n * lit-element, which re-exports all of lit-html.\\n *\\n * @private\\n */\\nconst _$LH = {\\n    // Used in lit-ssr\\n    _boundAttributeSuffix: boundAttributeSuffix,\\n    _marker: marker,\\n    _markerMatch: markerMatch,\\n    _HTML_RESULT: HTML_RESULT,\\n    _getTemplateHtml: getTemplateHtml,\\n    // Used in tests and private-ssr-support\\n    _TemplateInstance: TemplateInstance,\\n    _isIterable: isIterable,\\n    _resolveDirective: resolveDirective,\\n    _ChildPart: ChildPart,\\n    _AttributePart: AttributePart,\\n    _BooleanAttributePart: BooleanAttributePart,\\n    _EventPart: EventPart,\\n    _PropertyPart: PropertyPart,\\n    _ElementPart: ElementPart,\\n};\\n// Apply polyfills if available\\nconst polyfillSupport = DEV_MODE\\n    ? global.litHtmlPolyfillSupportDevMode\\n    : global.litHtmlPolyfillSupport;\\npolyfillSupport?.(Template, ChildPart);\\n// IMPORTANT: do not change the property name or the assignment expression.\\n// This line will be used in regexes to search for lit-html usage.\\n(global.litHtmlVersions ??= []).push('3.2.1');\\nif (DEV_MODE && global.litHtmlVersions.length > 1) {\\n    issueWarning('multiple-versions', `Multiple versions of Lit loaded. ` +\\n        `Loading multiple versions is not recommended.`);\\n}\\n/**\\n * Renders a value, usually a lit-html TemplateResult, to the container.\\n *\\n * This example renders the text \\\"Hello, Zoe!\\\" inside a paragraph tag, appending\\n * it to the container `document.body`.\\n *\\n * ```js\\n * import {html, render} from 'lit';\\n *\\n * const name = \\\"Zoe\\\";\\n * render(html`<p>Hello, ${name}!</p>`, document.body);\\n * ```\\n *\\n * @param value Any [renderable\\n *   value](https://lit.dev/docs/templates/expressions/#child-expressions),\\n *   typically a {@linkcode TemplateResult} created by evaluating a template tag\\n *   like {@linkcode html} or {@linkcode svg}.\\n * @param container A DOM container to render to. The first render will append\\n *   the rendered value to the container, and subsequent renders will\\n *   efficiently update the rendered value if the same result type was\\n *   previously rendered there.\\n * @param options See {@linkcode RenderOptions} for options documentation.\\n * @see\\n * {@link https://lit.dev/docs/libraries/standalone-templates/#rendering-lit-html-templates| Rendering Lit HTML Templates}\\n */\\nconst render = (value, container, options) => {\\n    if (DEV_MODE && container == null) {\\n        // Give a clearer error message than\\n        //     Uncaught TypeError: Cannot read properties of null (reading\\n        //     '_$litPart$')\\n        // which reads like an internal Lit error.\\n        throw new TypeError(`The container to render into may not be ${container}`);\\n    }\\n    const renderId = DEV_MODE ? debugLogRenderId++ : 0;\\n    const partOwnerNode = options?.renderBefore ?? container;\\n    // This property needs to remain unminified.\\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\\n    let part = partOwnerNode['_$litPart$'];\\n    debugLogEvent &&\\n        debugLogEvent({\\n            kind: 'begin render',\\n            id: renderId,\\n            value,\\n            container,\\n            options,\\n            part,\\n        });\\n    if (part === undefined) {\\n        const endNode = options?.renderBefore ?? null;\\n        // This property needs to remain unminified.\\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\\n        partOwnerNode['_$litPart$'] = part = new ChildPart(container.insertBefore(createMarker(), endNode), endNode, undefined, options ?? {});\\n    }\\n    part._$setValue(value);\\n    debugLogEvent &&\\n        debugLogEvent({\\n            kind: 'end render',\\n            id: renderId,\\n            value,\\n            container,\\n            options,\\n            part,\\n        });\\n    return part;\\n};\\nif (ENABLE_EXTRA_SECURITY_HOOKS) {\\n    render.setSanitizer = setSanitizer;\\n    render.createSanitizer = createSanitizer;\\n    if (DEV_MODE) {\\n        render._testOnlyClearSanitizerFactoryDoNotCallOrElse =\\n            _testOnlyClearSanitizerFactoryDoNotCallOrElse;\\n    }\\n}\\n//# sourceMappingURL=lit-html.js.map\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/lit-html/development/lit-html.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/lit/decorators.js\":\n/*!***********************************************!*\\\n  !*** ../../../node_modules/lit/decorators.js ***!\n  \\***********************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   customElement: () => (/* reexport safe */ _lit_reactive_element_decorators_custom_element_js__WEBPACK_IMPORTED_MODULE_0__.customElement),\\n/* harmony export */   eventOptions: () => (/* reexport safe */ _lit_reactive_element_decorators_event_options_js__WEBPACK_IMPORTED_MODULE_3__.eventOptions),\\n/* harmony export */   property: () => (/* reexport safe */ _lit_reactive_element_decorators_property_js__WEBPACK_IMPORTED_MODULE_1__.property),\\n/* harmony export */   query: () => (/* reexport safe */ _lit_reactive_element_decorators_query_js__WEBPACK_IMPORTED_MODULE_4__.query),\\n/* harmony export */   queryAll: () => (/* reexport safe */ _lit_reactive_element_decorators_query_all_js__WEBPACK_IMPORTED_MODULE_5__.queryAll),\\n/* harmony export */   queryAssignedElements: () => (/* reexport safe */ _lit_reactive_element_decorators_query_assigned_elements_js__WEBPACK_IMPORTED_MODULE_7__.queryAssignedElements),\\n/* harmony export */   queryAssignedNodes: () => (/* reexport safe */ _lit_reactive_element_decorators_query_assigned_nodes_js__WEBPACK_IMPORTED_MODULE_8__.queryAssignedNodes),\\n/* harmony export */   queryAsync: () => (/* reexport safe */ _lit_reactive_element_decorators_query_async_js__WEBPACK_IMPORTED_MODULE_6__.queryAsync),\\n/* harmony export */   standardProperty: () => (/* reexport safe */ _lit_reactive_element_decorators_property_js__WEBPACK_IMPORTED_MODULE_1__.standardProperty),\\n/* harmony export */   state: () => (/* reexport safe */ _lit_reactive_element_decorators_state_js__WEBPACK_IMPORTED_MODULE_2__.state)\\n/* harmony export */ });\\n/* harmony import */ var _lit_reactive_element_decorators_custom_element_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @lit/reactive-element/decorators/custom-element.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/custom-element.js\\\");\\n/* harmony import */ var _lit_reactive_element_decorators_property_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @lit/reactive-element/decorators/property.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/property.js\\\");\\n/* harmony import */ var _lit_reactive_element_decorators_state_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @lit/reactive-element/decorators/state.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/state.js\\\");\\n/* harmony import */ var _lit_reactive_element_decorators_event_options_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @lit/reactive-element/decorators/event-options.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/event-options.js\\\");\\n/* harmony import */ var _lit_reactive_element_decorators_query_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @lit/reactive-element/decorators/query.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/query.js\\\");\\n/* harmony import */ var _lit_reactive_element_decorators_query_all_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @lit/reactive-element/decorators/query-all.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/query-all.js\\\");\\n/* harmony import */ var _lit_reactive_element_decorators_query_async_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @lit/reactive-element/decorators/query-async.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/query-async.js\\\");\\n/* harmony import */ var _lit_reactive_element_decorators_query_assigned_elements_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @lit/reactive-element/decorators/query-assigned-elements.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/query-assigned-elements.js\\\");\\n/* harmony import */ var _lit_reactive_element_decorators_query_assigned_nodes_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @lit/reactive-element/decorators/query-assigned-nodes.js */ \\\"../../../node_modules/@lit/reactive-element/development/decorators/query-assigned-nodes.js\\\");\\n\\n//# sourceMappingURL=decorators.js.map\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/lit/decorators.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/lit/directives/if-defined.js\":\n/*!**********************************************************!*\\\n  !*** ../../../node_modules/lit/directives/if-defined.js ***!\n  \\**********************************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   ifDefined: () => (/* reexport safe */ lit_html_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_0__.ifDefined)\\n/* harmony export */ });\\n/* harmony import */ var lit_html_directives_if_defined_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit-html/directives/if-defined.js */ \\\"../../../node_modules/lit-html/development/directives/if-defined.js\\\");\\n\\n//# sourceMappingURL=if-defined.js.map\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/lit/directives/if-defined.js?\");\n\n/***/ }),\n\n/***/ \"../../../node_modules/lit/index.js\":\n/*!******************************************!*\\\n  !*** ../../../node_modules/lit/index.js ***!\n  \\******************************************/\n/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {\n\neval(\"__webpack_require__.r(__webpack_exports__);\\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\\n/* harmony export */   CSSResult: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.CSSResult),\\n/* harmony export */   LitElement: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.LitElement),\\n/* harmony export */   ReactiveElement: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.ReactiveElement),\\n/* harmony export */   _$LE: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__._$LE),\\n/* harmony export */   _$LH: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__._$LH),\\n/* harmony export */   adoptStyles: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.adoptStyles),\\n/* harmony export */   css: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.css),\\n/* harmony export */   defaultConverter: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.defaultConverter),\\n/* harmony export */   getCompatibleStyle: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.getCompatibleStyle),\\n/* harmony export */   html: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.html),\\n/* harmony export */   isServer: () => (/* reexport safe */ lit_html_is_server_js__WEBPACK_IMPORTED_MODULE_3__.isServer),\\n/* harmony export */   mathml: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.mathml),\\n/* harmony export */   noChange: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.noChange),\\n/* harmony export */   notEqual: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.notEqual),\\n/* harmony export */   nothing: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.nothing),\\n/* harmony export */   render: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.render),\\n/* harmony export */   supportsAdoptingStyleSheets: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.supportsAdoptingStyleSheets),\\n/* harmony export */   svg: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.svg),\\n/* harmony export */   unsafeCSS: () => (/* reexport safe */ lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__.unsafeCSS)\\n/* harmony export */ });\\n/* harmony import */ var _lit_reactive_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @lit/reactive-element */ \\\"../../../node_modules/@lit/reactive-element/development/reactive-element.js\\\");\\n/* harmony import */ var lit_html__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit-html */ \\\"../../../node_modules/lit-html/development/lit-html.js\\\");\\n/* harmony import */ var lit_element_lit_element_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lit-element/lit-element.js */ \\\"../../../node_modules/lit-element/development/lit-element.js\\\");\\n/* harmony import */ var lit_html_is_server_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lit-html/is-server.js */ \\\"../../../node_modules/lit-html/development/is-server.js\\\");\\n\\n//# sourceMappingURL=index.js.map\\n\\n\\n//# sourceURL=webpack://@webex/cc-components/../../../node_modules/lit/index.js?\");\n\n/***/ })\n\n/******/ \t});\n/************************************************************************/\n/******/ \t// The module cache\n/******/ \tvar __webpack_module_cache__ = {};\n/******/ \t\n/******/ \t// The require function\n/******/ \tfunction __nested_webpack_require_725161__(moduleId) {\n/******/ \t\t// Check if module is in cache\n/******/ \t\tvar cachedModule = __webpack_module_cache__[moduleId];\n/******/ \t\tif (cachedModule !== undefined) {\n/******/ \t\t\treturn cachedModule.exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = __webpack_module_cache__[moduleId] = {\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\t// no module.loaded needed\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/ \t\n/******/ \t\t// Execute the module function\n/******/ \t\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __nested_webpack_require_725161__);\n/******/ \t\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/ \t\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__nested_webpack_require_725161__.m = __webpack_modules__;\n/******/ \t\n/************************************************************************/\n/******/ \t/* webpack/runtime/compat get default export */\n/******/ \t(() => {\n/******/ \t\t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t\t__nested_webpack_require_725161__.n = (module) => {\n/******/ \t\t\tvar getter = module && module.__esModule ?\n/******/ \t\t\t\t() => (module['default']) :\n/******/ \t\t\t\t() => (module);\n/******/ \t\t\t__nested_webpack_require_725161__.d(getter, { a: getter });\n/******/ \t\t\treturn getter;\n/******/ \t\t};\n/******/ \t})();\n/******/ \t\n/******/ \t/* webpack/runtime/define property getters */\n/******/ \t(() => {\n/******/ \t\t// define getter functions for harmony exports\n/******/ \t\t__nested_webpack_require_725161__.d = (exports, definition) => {\n/******/ \t\t\tfor(var key in definition) {\n/******/ \t\t\t\tif(__nested_webpack_require_725161__.o(definition, key) && !__nested_webpack_require_725161__.o(exports, key)) {\n/******/ \t\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n/******/ \t\t\t\t}\n/******/ \t\t\t}\n/******/ \t\t};\n/******/ \t})();\n/******/ \t\n/******/ \t/* webpack/runtime/hasOwnProperty shorthand */\n/******/ \t(() => {\n/******/ \t\t__nested_webpack_require_725161__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))\n/******/ \t})();\n/******/ \t\n/******/ \t/* webpack/runtime/make namespace object */\n/******/ \t(() => {\n/******/ \t\t// define __esModule on exports\n/******/ \t\t__nested_webpack_require_725161__.r = (exports) => {\n/******/ \t\t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n/******/ \t\t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n/******/ \t\t\t}\n/******/ \t\t\tObject.defineProperty(exports, '__esModule', { value: true });\n/******/ \t\t};\n/******/ \t})();\n/******/ \t\n/******/ \t/* webpack/runtime/publicPath */\n/******/ \t(() => {\n/******/ \t\t__nested_webpack_require_725161__.p = \"\";\n/******/ \t})();\n/******/ \t\n/******/ \t/* webpack/runtime/jsonp chunk loading */\n/******/ \t(() => {\n/******/ \t\t__nested_webpack_require_725161__.b = document.baseURI || self.location.href;\n/******/ \t\t\n/******/ \t\t// object to store loaded and loading chunks\n/******/ \t\t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n/******/ \t\t// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\n/******/ \t\tvar installedChunks = {\n/******/ \t\t\t\"index\": 0\n/******/ \t\t};\n/******/ \t\t\n/******/ \t\t// no chunk on demand loading\n/******/ \t\t\n/******/ \t\t// no prefetching\n/******/ \t\t\n/******/ \t\t// no preloaded\n/******/ \t\t\n/******/ \t\t// no HMR\n/******/ \t\t\n/******/ \t\t// no HMR manifest\n/******/ \t\t\n/******/ \t\t// no on chunks loaded\n/******/ \t\t\n/******/ \t\t// no jsonp function\n/******/ \t})();\n/******/ \t\n/******/ \t/* webpack/runtime/nonce */\n/******/ \t(() => {\n/******/ \t\t__nested_webpack_require_725161__.nc = undefined;\n/******/ \t})();\n/******/ \t\n/************************************************************************/\n/******/ \t\n/******/ \t// startup\n/******/ \t// Load entry module and return exports\n/******/ \t// This entry module is referenced by other modules so it can't be inlined\n/******/ \tvar __nested_webpack_exports__ = __nested_webpack_require_725161__(\"./src/index.ts\");\n/******/ \tmodule.exports = __nested_webpack_exports__;\n/******/ \t\n/******/ })()\n;\n\n//# sourceURL=webpack://@webex/cc-user-state/../cc-components/dist/index.js?");
+
+/***/ }),
+
 /***/ "./src/constants.ts":
 /*!**************************!*\
   !*** ./src/constants.ts ***!
   \**************************/
 /***/ ((__unused_webpack_module, exports) => {
 
+"use strict";
 eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.AGENT_STATE_CHANGE = void 0;\nexports.AGENT_STATE_CHANGE = 'agent:stateChange';\n\n\n//# sourceURL=webpack://@webex/cc-user-state/./src/constants.ts?");
 
 /***/ }),
@@ -206,6 +234,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
   \***********************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
+"use strict";
 eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.useUserState = void 0;\nconst react_1 = __webpack_require__(/*! react */ \"react\");\n// TODO: Export & Import this AGENT_STATE_CHANGE constant from SDK\nconst constants_1 = __webpack_require__(/*! ./constants */ \"./src/constants.ts\");\nconst useUserState = ({ idleCodes, agentId, cc }) => {\n    const [isSettingAgentStatus, setIsSettingAgentStatus] = (0, react_1.useState)(false);\n    const [errorMessage, setErrorMessage] = (0, react_1.useState)('');\n    const [elapsedTime, setElapsedTime] = (0, react_1.useState)(0);\n    const [currentState, setCurrentState] = (0, react_1.useState)({});\n    let worker;\n    // Initialize the Web Worker using a Blob\n    const workerScript = `\n    let intervalId;\n\n    const startTimer = (startTime) => {\n      if (intervalId) clearInterval(intervalId);\n      intervalId = setInterval(() => {\n        const elapsedTime = Math.floor((Date.now() - startTime) / 1000);\n        self.postMessage(elapsedTime);\n      }, 1000);\n    };\n\n    self.onmessage = (event) => {\n      if (event.data.type === 'start' || event.data.type === 'reset') {\n        const startTime = event.data.startTime;\n        startTimer(startTime);\n      }\n    };\n  `;\n    (0, react_1.useEffect)(() => {\n        const blob = new Blob([workerScript], { type: 'application/javascript' });\n        const workerUrl = URL.createObjectURL(blob);\n        worker = new Worker(workerUrl);\n        worker.postMessage({ type: 'start', startTime: Date.now() });\n        worker.onmessage = (event) => {\n            setElapsedTime(event.data);\n        };\n        const handleStateChange = (data) => {\n            var _a;\n            if (data && typeof data === 'object' && data.type === 'AgentStateChangeSuccess') {\n                const DEFAULT_CODE = '0'; // Default code when no aux code is present\n                setCurrentState({\n                    id: ((_a = data.auxCodeId) === null || _a === void 0 ? void 0 : _a.trim()) !== '' ? data.auxCodeId : DEFAULT_CODE\n                });\n                const startTime = data.lastStateChangeTimestamp;\n                setElapsedTime(0);\n                worker.postMessage({ type: 'reset', startTime }); // Reset the worker timer with the new start time\n            }\n        };\n        cc.on(constants_1.AGENT_STATE_CHANGE, handleStateChange);\n        return () => {\n            worker.terminate();\n            cc.off(constants_1.AGENT_STATE_CHANGE, handleStateChange);\n        };\n    }, [currentState]);\n    const setAgentStatus = (selectedCode) => {\n        const { auxCodeId, state } = {\n            auxCodeId: selectedCode.id,\n            state: selectedCode.name\n        };\n        setIsSettingAgentStatus(true);\n        let oldState = Object.assign({}, currentState);\n        setCurrentState(selectedCode);\n        const chosenState = state === 'Available' ? 'Available' : 'Idle';\n        cc.setAgentState({ state: chosenState, auxCodeId, agentId, lastStateChangeReason: state })\n            .catch((error) => {\n            setCurrentState(oldState);\n            setErrorMessage(error.toString());\n        })\n            .finally(() => {\n            setIsSettingAgentStatus(false);\n        });\n    };\n    return {\n        idleCodes,\n        setAgentStatus,\n        isSettingAgentStatus,\n        errorMessage,\n        elapsedTime,\n        currentState,\n        setCurrentState\n    };\n};\nexports.useUserState = useUserState;\n\n\n//# sourceURL=webpack://@webex/cc-user-state/./src/helper.ts?");
 
 /***/ }),
@@ -216,6 +245,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
   \**********************/
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
+"use strict";
 eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.UserState = void 0;\nconst index_1 = __webpack_require__(/*! ./user-state/index */ \"./src/user-state/index.tsx\");\nObject.defineProperty(exports, \"UserState\", ({ enumerable: true, get: function () { return index_1.UserState; } }));\n\n\n//# sourceURL=webpack://@webex/cc-user-state/./src/index.ts?");
 
 /***/ }),
@@ -226,17 +256,8 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
   \**********************************/
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.UserState = void 0;\nconst react_1 = __importDefault(__webpack_require__(/*! react */ \"react\"));\nconst cc_store_1 = __importDefault(__webpack_require__(/*! @webex/cc-store */ \"@webex/cc-store\"));\nconst mobx_react_lite_1 = __webpack_require__(/*! mobx-react-lite */ \"../../../node_modules/mobx-react-lite/es/index.js\");\nconst helper_1 = __webpack_require__(/*! ../helper */ \"./src/helper.ts\");\nconst user_state_presentational_1 = __importDefault(__webpack_require__(/*! ./user-state.presentational */ \"./src/user-state/user-state.presentational.tsx\"));\nconst UserStateComponent = () => {\n    const { cc, idleCodes, agentId } = cc_store_1.default;\n    const props = (0, helper_1.useUserState)({\n        idleCodes,\n        agentId,\n        cc,\n    });\n    return react_1.default.createElement(user_state_presentational_1.default, Object.assign({}, props));\n};\nconst UserState = (0, mobx_react_lite_1.observer)(UserStateComponent);\nexports.UserState = UserState;\n\n\n//# sourceURL=webpack://@webex/cc-user-state/./src/user-state/index.tsx?");
-
-/***/ }),
-
-/***/ "./src/user-state/user-state.presentational.tsx":
-/*!******************************************************!*\
-  !*** ./src/user-state/user-state.presentational.tsx ***!
-  \******************************************************/
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    var desc = Object.getOwnPropertyDescriptor(m, k);\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n      desc = { enumerable: true, get: function() { return m[k]; } };\n    }\n    Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n    if (k2 === undefined) k2 = k;\n    o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n    o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n    if (mod && mod.__esModule) return mod;\n    var result = {};\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n    __setModuleDefault(result, mod);\n    return result;\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst react_1 = __importStar(__webpack_require__(/*! react */ \"react\"));\nconst getStyles = (isSettingAgentStatus) => ({\n    box: {\n        backgroundColor: '#ffffff',\n        borderRadius: '8px',\n        boxShadow: '0 2px 4px rgba(0, 0, 0, 0.1)',\n        padding: '20px',\n        maxWidth: '800px',\n        margin: '0 auto'\n    },\n    sectionBox: {\n        padding: '10px',\n        border: '1px solid #ddd',\n        borderRadius: '8px'\n    },\n    fieldset: {\n        border: '1px solid #ccc',\n        borderRadius: '5px',\n        padding: '10px',\n        marginBottom: '20px',\n        position: 'relative'\n    },\n    legendBox: {\n        fontWeight: 'bold',\n        color: '#0052bf'\n    },\n    btn: {\n        padding: '10px 20px',\n        backgroundColor: '#0052bf',\n        color: 'white',\n        border: 'none',\n        borderRadius: '4px',\n        cursor: 'pointer',\n        transition: 'background-color 0.3s',\n        marginRight: '8px'\n    },\n    select: {\n        width: '100%',\n        padding: '8px',\n        marginTop: '8px',\n        marginBottom: '12px',\n        border: '1px solid #ccc',\n        borderRadius: '4px'\n    },\n    input: {\n        width: '97%',\n        padding: '8px',\n        marginTop: '8px',\n        marginBottom: '12px',\n        border: '1px solid #ccc',\n        borderRadius: '4px'\n    },\n    elapsedTime: {\n        position: 'absolute',\n        right: '30px',\n        top: '25px',\n        color: isSettingAgentStatus ? 'grey' : 'black'\n    }\n});\nconst UserStatePresentational = (props) => {\n    const { idleCodes, setAgentStatus, isSettingAgentStatus, errorMessage, elapsedTime, currentState } = props;\n    const styles = (0, react_1.useMemo)(() => getStyles(isSettingAgentStatus), [isSettingAgentStatus]);\n    const formatTime = (time) => {\n        const hours = Math.floor(time / 3600);\n        const minutes = Math.floor((time % 3600) / 60);\n        const seconds = time % 60;\n        return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;\n    };\n    return (react_1.default.createElement(react_1.default.Fragment, null,\n        react_1.default.createElement(\"div\", { style: styles.box },\n            react_1.default.createElement(\"section\", { style: styles.sectionBox },\n                react_1.default.createElement(\"fieldset\", { style: styles.fieldset },\n                    react_1.default.createElement(\"legend\", { \"data-testid\": 'user-state-title', style: styles.legendBox }, \"Agent State\"),\n                    react_1.default.createElement(\"div\", { style: { display: 'flex', flexDirection: 'column', flexGrow: 1 } }),\n                    react_1.default.createElement(\"select\", { id: \"idleCodes\", value: currentState.id, style: styles.select, onChange: (event) => {\n                            const code = idleCodes === null || idleCodes === void 0 ? void 0 : idleCodes.filter(code => code.id === event.target.value)[0];\n                            setAgentStatus(code);\n                        }, disabled: isSettingAgentStatus }, idleCodes === null || idleCodes === void 0 ? void 0 : idleCodes.filter(code => !code.isSystem).map((code) => {\n                        return (react_1.default.createElement(\"option\", { key: code.id, value: code.id }, code.name));\n                    })),\n                    react_1.default.createElement(\"div\", { style: styles.elapsedTime }, formatTime(elapsedTime)),\n                    errorMessage && react_1.default.createElement(\"div\", { style: { color: 'red' } }, errorMessage))))));\n};\nexports[\"default\"] = UserStatePresentational;\n\n\n//# sourceURL=webpack://@webex/cc-user-state/./src/user-state/user-state.presentational.tsx?");
+"use strict";
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.UserState = void 0;\nconst react_1 = __importDefault(__webpack_require__(/*! react */ \"react\"));\nconst cc_store_1 = __importDefault(__webpack_require__(/*! @webex/cc-store */ \"@webex/cc-store\"));\nconst mobx_react_lite_1 = __webpack_require__(/*! mobx-react-lite */ \"../../../node_modules/mobx-react-lite/es/index.js\");\nconst helper_1 = __webpack_require__(/*! ../helper */ \"./src/helper.ts\");\nconst cc_components_1 = __webpack_require__(/*! @webex/cc-components */ \"../cc-components/dist/index.js\");\nconst UserState = (0, mobx_react_lite_1.observer)(() => {\n    const { cc, idleCodes, agentId, currentTheme } = cc_store_1.default;\n    const props = Object.assign(Object.assign({}, (0, helper_1.useUserState)({\n        idleCodes,\n        agentId,\n        cc\n    })), { currentTheme });\n    return react_1.default.createElement(cc_components_1.UserStateComponent, Object.assign({}, props));\n});\nexports.UserState = UserState;\n\n\n//# sourceURL=webpack://@webex/cc-user-state/./src/user-state/index.tsx?");
 
 /***/ }),
 
@@ -246,6 +267,7 @@ eval("\nvar __createBinding = (this && this.__createBinding) || (Object.create ?
   \**********************************/
 /***/ ((module) => {
 
+"use strict";
 module.exports = require("@webex/cc-store");
 
 /***/ }),
@@ -256,6 +278,7 @@ module.exports = require("@webex/cc-store");
   \************************/
 /***/ ((module) => {
 
+"use strict";
 module.exports = require("react");
 
 /***/ }),
@@ -266,6 +289,7 @@ module.exports = require("react");
   \****************************/
 /***/ ((module) => {
 
+"use strict";
 module.exports = require("react-dom");
 
 /***/ })