@limetech/lime-elements 37.12.1 → 37.13.0

package/dist/lime-elements/p-042e5620.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dist","debounce","fn","wait","arguments","length","undefined","options","lastCallAt","deferred","timer","pendingArgs","debounced","currentWait","getWait","currentTime","Date","getTime","isCold","_len","args","Array","_key","leading","accumulate","Promise","resolve","call","this","then","result","apply","concat","clearTimeout","defer","push","setTimeout","flush","bind","argsIndex","promise","results","thisDeferred","reject","createImperativePromise","promiseArg","wrappedPromise","_resolve","_reject","val","error","value","reason","cancel","onlyResolvesLast","asyncFunction","cancelPrevious","wrappedFunction","_i","initialPromise","_a","__assign","Object","assign","t","s","i","n","p","prototype","hasOwnProperty","DefaultOptions","key","_args","DebounceCache","config","debounceSingleton","debounceCache","_createDebouncedFunction","debouncedFunc","DebouncePromise","func","getDebouncedFunction","AwesomeDebouncePromise","finalOptions","AwesomeDebouncePromiseWrapper","debouncedFn","pickerCss","SEARCH_DEBOUNCE","CHIP_SET_TAG_NAME","Picker","constructor","hostRef","chipSetEditMode","getValueId","item","id","createChips","multiple","listItems","map","createChip","listItem","name","getIconName","icon","color","getIconFillColor","iconColor","valueId","text","removable","handleTextInput","handleInputKeyDown","handleDropdownKeyDown","handleInputFieldFocus","handleChange","handleInteract","handleListChange","handleActionListChange","handleStopEditAndBlur","createDebouncedSearcher","handleCloseMenu","onListKeyDown","portalId","createRandomString","componentWillLoad","chips","componentDidLoad","searcher","chipSet","host","shadowRoot","querySelector","async","getEditMode","render","props","maxItems","h","type","inputType","label","helperText","leadingIcon","disabled","invalid","delimiter","renderDelimiter","readonly","required","searchLabel","onInput","onKeyDown","onChange","onInteract","onStartEdit","onStopEdit","emptyInputOnBlur","clearAllButton","renderDropdown","onChangeValue","newValue","debouncedSearch","dropDownContent","getDropdownContent","content","shouldShowDropDownContent","actionContent","getActionContent","actionPosition","renderPortal","actionCount","_b","actions","class","actionScrollBehavior","badgeIcons","items","removeUnusedPropertiesOnAction","action","isFull","loading","renderSpinner","renderEmptyMessage","renderListResult","style","width","display","padding","limeBranded","emptyResultMessage","margin","event","keyFound","TAB","ESCAPE","ENTER","includes","keyCodeFound","TAB_KEY_CODE","ESCAPE_KEY_CODE","ENTER_KEY_CODE","keyCode","setFocus","dropdownZIndex","getComputedStyle","getPropertyValue","visible","containerId","inheritParentWidth","containerStyle","open","allowClicksElement","onDismiss","element","activeElement","document","portalElement","isDescendant","clearInputField","stopPropagation","query","detail","textValue","searchFn","handleSearchResult","change","emit","chip","find","interact","isForwardTab","altKey","metaKey","shiftKey","isUp","ARROW_UP","ARROW_UP_KEY_CODE","isDown","ARROW_DOWN","ARROW_DOWN_KEY_CODE","list","preventDefault","listElement","focus","isEscape","values","filter","emptyInput"],"sources":["./node_modules/debounce-promise/dist/index.js","./node_modules/awesome-imperative-promise/dist/index.es.js","./node_modules/awesome-only-resolves-last-promise/dist/index.es.js","./node_modules/awesome-debounce-promise/dist/index.es.js","./src/components/picker/picker.scss?tag=limel-picker&encapsulation=shadow","./src/components/picker/picker.tsx"],"sourcesContent":["'use strict';\n\n/* global setTimeout, clearTimeout */\n\nmodule.exports = function debounce(fn) {\n  var wait = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n\n  var lastCallAt = void 0;\n  var deferred = void 0;\n  var timer = void 0;\n  var pendingArgs = [];\n  return function debounced() {\n    var currentWait = getWait(wait);\n    var currentTime = new Date().getTime();\n\n    var isCold = !lastCallAt || currentTime - lastCallAt > currentWait;\n\n    lastCallAt = currentTime;\n\n    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    if (isCold && options.leading) {\n      return options.accumulate ? Promise.resolve(fn.call(this, [args])).then(function (result) {\n        return result[0];\n      }) : Promise.resolve(fn.call.apply(fn, [this].concat(args)));\n    }\n\n    if (deferred) {\n      clearTimeout(timer);\n    } else {\n      deferred = defer();\n    }\n\n    pendingArgs.push(args);\n    timer = setTimeout(flush.bind(this), currentWait);\n\n    if (options.accumulate) {\n      var argsIndex = pendingArgs.length - 1;\n      return deferred.promise.then(function (results) {\n        return results[argsIndex];\n      });\n    }\n\n    return deferred.promise;\n  };\n\n  function flush() {\n    var thisDeferred = deferred;\n    clearTimeout(timer);\n\n    Promise.resolve(options.accumulate ? fn.call(this, pendingArgs) : fn.apply(this, pendingArgs[pendingArgs.length - 1])).then(thisDeferred.resolve, thisDeferred.reject);\n\n    pendingArgs = [];\n    deferred = null;\n  }\n};\n\nfunction getWait(wait) {\n  return typeof wait === 'function' ? wait() : wait;\n}\n\nfunction defer() {\n  var deferred = {};\n  deferred.promise = new Promise(function (resolve, reject) {\n    deferred.resolve = resolve;\n    deferred.reject = reject;\n  });\n  return deferred;\n}\n//# sourceMappingURL=index.js.map","function createImperativePromise(promiseArg) {\r\n    var resolve = null;\r\n    var reject = null;\r\n    var wrappedPromise = new Promise(function (_resolve, _reject) {\r\n        resolve = _resolve;\r\n        reject = _reject;\r\n    });\r\n    promiseArg && promiseArg.then(function (val) {\r\n        resolve && resolve(val);\r\n    }, function (error) {\r\n        reject && reject(error);\r\n    });\r\n    return {\r\n        promise: wrappedPromise,\r\n        resolve: function (value) {\r\n            resolve && resolve(value);\r\n        },\r\n        reject: function (reason) {\r\n            reject && reject(reason);\r\n        },\r\n        cancel: function () {\r\n            resolve = null;\r\n            reject = null;\r\n        }\r\n    };\r\n}\n\nexport { createImperativePromise };\n//# sourceMappingURL=index.es.js.map\n","import { createImperativePromise } from 'awesome-imperative-promise';\n\n// see https://stackoverflow.com/a/54825370/82609\r\nfunction onlyResolvesLast(asyncFunction) {\r\n    var cancelPrevious = null;\r\n    var wrappedFunction = function () {\r\n        var args = [];\r\n        for (var _i = 0; _i < arguments.length; _i++) {\r\n            args[_i] = arguments[_i];\r\n        }\r\n        cancelPrevious && cancelPrevious();\r\n        var initialPromise = asyncFunction.apply(void 0, args);\r\n        var _a = createImperativePromise(initialPromise), promise = _a.promise, cancel = _a.cancel;\r\n        cancelPrevious = cancel;\r\n        return promise;\r\n    };\r\n    return wrappedFunction; // TODO fix TS\r\n}\n\nexport { onlyResolvesLast };\n//# sourceMappingURL=index.es.js.map\n","import DebouncePromise from 'debounce-promise';\nimport { onlyResolvesLast } from 'awesome-only-resolves-last-promise';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n\r\nvar __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    };\r\n    return __assign.apply(this, arguments);\r\n};\n\nvar DefaultOptions = {\r\n    // One distinct debounced function is created per key and added to an internal cache\r\n    // By default, the key is null, which means that all the calls\r\n    // will share the same debounced function\r\n    key: function () {\r\n        var _args = [];\r\n        for (var _i = 0; _i < arguments.length; _i++) {\r\n            _args[_i] = arguments[_i];\r\n        }\r\n        return null;\r\n    },\r\n    // By default, a debounced function will only resolve\r\n    // the last promise it returned\r\n    // Former calls will stay unresolved, so that you don't have\r\n    // to handle concurrency issues in your code\r\n    // Setting this to false means all returned promises will resolve to the last result\r\n    onlyResolvesLast: true,\r\n};\r\n// We create a debouncing function cache, because when wrapping the original function,\r\n// we may actually want to route the function call to different debounced functions depending function paameters\r\nvar DebounceCache = /** @class */ (function () {\r\n    function DebounceCache(config) {\r\n        this.config = config;\r\n        this.debounceSingleton = null;\r\n        this.debounceCache = {}; // when key feature is used\r\n    }\r\n    DebounceCache.prototype._createDebouncedFunction = function () {\r\n        var debouncedFunc = DebouncePromise(this.config.func, this.config.wait, this.config.options); // TODO TS\r\n        if (this.config.options.onlyResolvesLast) {\r\n            debouncedFunc = onlyResolvesLast(debouncedFunc);\r\n        }\r\n        return {\r\n            func: debouncedFunc,\r\n        };\r\n    };\r\n    DebounceCache.prototype.getDebouncedFunction = function (args) {\r\n        var _a;\r\n        var key = (_a = this.config.options).key.apply(_a, args);\r\n        if (key === null || typeof key === 'undefined') {\r\n            if (!this.debounceSingleton) {\r\n                this.debounceSingleton = this._createDebouncedFunction();\r\n            }\r\n            return this.debounceSingleton;\r\n        }\r\n        else {\r\n            if (!this.debounceCache[key]) {\r\n                this.debounceCache[key] = this._createDebouncedFunction();\r\n            }\r\n            return this.debounceCache[key];\r\n        }\r\n    };\r\n    return DebounceCache;\r\n}());\r\nfunction AwesomeDebouncePromise(func, wait, options) {\r\n    var finalOptions = __assign({}, DefaultOptions, options);\r\n    var debounceCache = new DebounceCache({\r\n        func: func,\r\n        wait: wait,\r\n        options: finalOptions,\r\n    });\r\n    var AwesomeDebouncePromiseWrapper = (function () {\r\n        var args = [];\r\n        for (var _i = 0; _i < arguments.length; _i++) {\r\n            args[_i] = arguments[_i];\r\n        }\r\n        var debouncedFn = debounceCache.getDebouncedFunction(args).func;\r\n        return debouncedFn.apply(void 0, args);\r\n    }); // TODO fix TS\r\n    /*\r\n    AwesomeDebouncePromiseWrapper.cancel = (key?: string) => {\r\n  \n    };\r\n    */\r\n    return AwesomeDebouncePromiseWrapper;\r\n}\n\nexport default AwesomeDebouncePromise;\n//# sourceMappingURL=index.es.js.map\n","// Note! The `--dropdown-z-index` property is used from `picker.tsx`.\n/**\n  * @prop --dropdown-z-index: z-index of the dropdown menu.\n  */\n\n:host {\n    position: relative;\n    display: block;\n}\n\n:host([hidden]) {\n    display: none;\n}\n","import { Action } from '../collapsible-section/action';\nimport { ActionPosition, ActionScrollBehavior } from '../picker/actions.types';\nimport { Chip } from '../chip-set/chip.types';\nimport { ListItem } from '../list/list-item.types';\nimport { Searcher } from '../picker/searcher.types';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport AwesomeDebouncePromise from 'awesome-debounce-promise';\nimport { isDescendant } from '../../util/dom';\nimport {\n    ARROW_DOWN,\n    ARROW_DOWN_KEY_CODE,\n    ARROW_UP,\n    ARROW_UP_KEY_CODE,\n    ENTER,\n    ENTER_KEY_CODE,\n    ESCAPE,\n    ESCAPE_KEY_CODE,\n    TAB,\n    TAB_KEY_CODE,\n} from '../../util/keycodes';\nimport { createRandomString } from '../../util/random-string';\nimport {\n    LimelChipSetCustomEvent,\n    LimelListCustomEvent,\n} from '../../components';\nimport { getIconFillColor, getIconName } from '../icon/get-icon-props';\nimport { PickerValue } from './value.types';\n\nconst SEARCH_DEBOUNCE = 500;\nconst CHIP_SET_TAG_NAME = 'limel-chip-set';\n\n/**\n * @exampleComponent limel-example-picker-single\n * @exampleComponent limel-example-picker-multiple\n * @exampleComponent limel-example-picker-icons\n * @exampleComponent limel-example-picker-value-as-object\n * @exampleComponent limel-example-picker-empty-suggestions\n * @exampleComponent limel-example-picker-leading-icon\n * @exampleComponent limel-example-picker-static-actions\n * @exampleComponent limel-example-picker-composite\n */\n@Component({\n    tag: 'limel-picker',\n    shadow: true,\n    styleUrl: 'picker.scss',\n})\nexport class Picker {\n    /**\n     * True if the picker should be disabled\n     */\n    @Prop()\n    public disabled: boolean = false;\n\n    /**\n     * Set to `true` to disable adding and removing items,\n     * but allow interaction with existing items.\n     */\n    @Prop({ reflect: true })\n    public readonly: boolean = false;\n\n    /**\n     * Text to display for the input field of the picker\n     */\n    @Prop()\n    public label: string;\n\n    /**\n     * Search label to display in the input field when searching\n     */\n    @Prop()\n    public searchLabel: string;\n\n    /**\n     * Optional helper text to display below the input field when it has focus\n     */\n    @Prop({ reflect: true })\n    public helperText: string;\n\n    /**\n     * Leading icon to show to the far left in the text field\n     */\n    @Prop()\n    public leadingIcon: string;\n\n    /**\n     * A message to display when the search returned an empty result\n     */\n    @Prop()\n    public emptyResultMessage: string;\n\n    /**\n     * True if the control requires a value\n     */\n    @Prop()\n    public required: boolean = false;\n\n    /**\n     * Set to `true` to indicate that the current value of the input field is\n     * invalid.\n     */\n    @Prop({ reflect: true })\n    public invalid = false;\n\n    /**\n     * Currently selected value or values. Where the value can be an object.\n     */\n    @Prop()\n    public value: ListItem<PickerValue> | Array<ListItem<PickerValue>>;\n\n    /**\n     * A search function that takes a search-string as an argument,\n     * and returns a promise that will eventually be resolved with\n     * an array of `ListItem`:s.\n     *\n     * See the docs for the type `Searcher` for type information on\n     * the searcher function itself.\n     */\n    @Prop()\n    public searcher: Searcher;\n\n    /**\n     * True if multiple values are allowed\n     */\n    @Prop()\n    public multiple: boolean = false;\n\n    /**\n     * Sets delimiters between chips. Works only when `multiple` is `true`.\n     */\n    @Prop({ reflect: true })\n    public delimiter: string = null;\n\n    /**\n     * Static actions that can be clicked by the user.\n     */\n    @Prop()\n    public actions: Array<ListItem<Action>> = [];\n\n    /**\n     * Position of the custom static actions in the picker's results dropdown.\n     * Can be set to `'top'` or `'bottom'`.\n     */\n    @Prop()\n    public actionPosition: ActionPosition = 'bottom';\n\n    /**\n     * Scroll behavior of the custom static actions, when user scrolls\n     * in the picker's results dropdown. Can be set to `'scroll'` which means\n     * the action items will scroll together with the list, or `'sticky'` which\n     * retains their position at the top or bottom of the drop down while\n     * scrolling.\n     */\n    @Prop()\n    public actionScrollBehavior: ActionScrollBehavior = 'sticky';\n\n    /**\n     * Whether badge icons should be used in the result list or not\n     */\n    @Prop({ reflect: true })\n    public badgeIcons: boolean = false;\n\n    /**\n     * Fired when a new value has been selected from the picker\n     */\n    @Event()\n    private change: EventEmitter<\n        ListItem<PickerValue> | Array<ListItem<PickerValue>>\n    >;\n\n    /**\n     * Fired when clicking on a selected value\n     */\n    @Event()\n    private interact: EventEmitter<ListItem<PickerValue>>;\n\n    /**\n     * Emitted when the user selects an action.\n     */\n    @Event()\n    private action: EventEmitter<Action>;\n\n    @State()\n    private items: Array<ListItem<number | string>>;\n\n    @State()\n    private textValue: string = '';\n\n    @State()\n    private loading: boolean = false;\n\n    @State()\n    private chips: Chip[] = [];\n\n    @Element()\n    private host: HTMLLimelPickerElement;\n\n    // Should NOT be decorated with State(), since this\n    // should not trigger a re-render by itself.\n    private chipSetEditMode = false;\n\n    private debouncedSearch: Searcher;\n    private chipSet: HTMLLimelChipSetElement;\n    private portalId: string;\n\n    constructor() {\n        this.handleTextInput = this.handleTextInput.bind(this);\n        this.handleInputKeyDown = this.handleInputKeyDown.bind(this);\n        this.handleDropdownKeyDown = this.handleDropdownKeyDown.bind(this);\n        this.handleInputFieldFocus = this.handleInputFieldFocus.bind(this);\n        this.handleChange = this.handleChange.bind(this);\n        this.handleInteract = this.handleInteract.bind(this);\n        this.handleListChange = this.handleListChange.bind(this);\n        this.handleActionListChange = this.handleActionListChange.bind(this);\n        this.handleStopEditAndBlur = this.handleStopEditAndBlur.bind(this);\n        this.createDebouncedSearcher = this.createDebouncedSearcher.bind(this);\n        this.handleCloseMenu = this.handleCloseMenu.bind(this);\n        this.onListKeyDown = this.onListKeyDown.bind(this);\n\n        this.portalId = createRandomString();\n    }\n\n    public componentWillLoad() {\n        this.chips = this.createChips(this.value);\n    }\n\n    public componentDidLoad() {\n        this.createDebouncedSearcher(this.searcher);\n        this.chipSet = this.host.shadowRoot.querySelector(CHIP_SET_TAG_NAME);\n    }\n\n    public async componentWillUpdate() {\n        this.chipSetEditMode = false;\n        if (this.chipSet) {\n            this.chipSetEditMode = await this.chipSet.getEditMode();\n        }\n    }\n\n    public render() {\n        const props: {\n            maxItems?: number;\n        } = {};\n\n        if (!this.multiple) {\n            props.maxItems = 1;\n        }\n\n        return [\n            <limel-chip-set\n                type=\"input\"\n                inputType=\"search\"\n                label={this.label}\n                helperText={this.helperText}\n                leadingIcon={this.leadingIcon}\n                value={this.chips}\n                disabled={this.disabled}\n                invalid={this.invalid}\n                delimiter={this.renderDelimiter()}\n                readonly={this.readonly}\n                required={this.required}\n                searchLabel={this.searchLabel}\n                onInput={this.handleTextInput}\n                onKeyDown={this.handleInputKeyDown}\n                onChange={this.handleChange}\n                onInteract={this.handleInteract}\n                onStartEdit={this.handleInputFieldFocus}\n                onStopEdit={this.handleStopEditAndBlur}\n                emptyInputOnBlur={false}\n                clearAllButton={this.multiple && !this.chipSetEditMode}\n                {...props}\n            />,\n            this.renderDropdown(),\n        ];\n    }\n\n    @Watch('value')\n    protected onChangeValue() {\n        this.chips = this.createChips(this.value);\n    }\n\n    @Watch('searcher')\n    protected createDebouncedSearcher(newValue: Searcher) {\n        if (typeof newValue !== 'function') {\n            return;\n        }\n\n        this.debouncedSearch = AwesomeDebouncePromise(\n            newValue,\n            SEARCH_DEBOUNCE,\n        );\n    }\n\n    private renderDelimiter() {\n        if (this.multiple) {\n            return this.delimiter;\n        }\n\n        return null;\n    }\n\n    private getValueId = (item: ListItem) => {\n        const value = item.value;\n        if (!!value && typeof value === 'object') {\n            return value.id;\n        }\n\n        return value;\n    };\n\n    private createChips = (value: ListItem | ListItem[]): Chip[] => {\n        if (!value) {\n            return [];\n        }\n\n        if (this.multiple) {\n            const listItems: ListItem[] = value as ListItem[];\n\n            return listItems.map(this.createChip);\n        }\n\n        const listItem: ListItem = value as ListItem;\n\n        return [this.createChip(listItem)];\n    };\n\n    private createChip = (listItem: ListItem): Chip => {\n        const name = getIconName(listItem.icon);\n        const color = getIconFillColor(listItem.icon, listItem.iconColor);\n        const valueId = this.getValueId(listItem);\n\n        return {\n            id: `${valueId}`,\n            text: listItem.text,\n            removable: true,\n            icon: name ? { name: name, color: color } : undefined,\n            value: listItem,\n        };\n    };\n\n    /**\n     * Renders the dropdown with the items to pick from, or a spinner if the picker\n     * is waiting for items to be received\n     *\n     * @returns picker dropdown\n     */\n    private renderDropdown() {\n        const dropDownContent = this.getDropdownContent();\n\n        const content = [];\n\n        if (this.shouldShowDropDownContent()) {\n            const actionContent = this.getActionContent();\n            if (this.actionPosition === 'top') {\n                content.push(actionContent);\n            }\n\n            if (dropDownContent) {\n                content.push(dropDownContent);\n            }\n\n            if (this.actionPosition === 'bottom') {\n                content.push(actionContent);\n            }\n        }\n\n        return this.renderPortal(content);\n    }\n\n    private getActionContent() {\n        const actionCount = this.actions?.length ?? 0;\n        if (actionCount === 0) {\n            return null;\n        }\n\n        return [\n            <limel-list\n                class={{\n                    'static-actions-list': true,\n                    'is-on-top': this.actionPosition === 'top',\n                    'is-at-bottom': this.actionPosition === 'bottom',\n                    'has-position-sticky':\n                        this.actionScrollBehavior === 'sticky',\n                }}\n                badgeIcons={true}\n                type={'selectable'}\n                onChange={this.handleActionListChange}\n                items={this.actions.map(this.removeUnusedPropertiesOnAction)}\n            />,\n        ];\n    }\n\n    private removeUnusedPropertiesOnAction(\n        action: ListItem<Action>,\n    ): ListItem<Action> {\n        return {\n            ...action,\n            actions: [],\n        };\n    }\n\n    private shouldShowDropDownContent() {\n        if (this.isFull()) {\n            return false;\n        }\n\n        return !!this.chipSetEditMode;\n    }\n\n    private getDropdownContent() {\n        if (!this.shouldShowDropDownContent()) {\n            return;\n        }\n\n        if (this.loading) {\n            return this.renderSpinner();\n        }\n\n        if (!this.items || !this.items.length) {\n            return this.renderEmptyMessage();\n        }\n\n        return this.renderListResult();\n    }\n\n    /**\n     * Returns true if the picker is \"full\"\n     * The picker is considered to be full if it has a value and only one is allowed\n     *\n     * @returns true if the picker is full\n     */\n    private isFull(): boolean {\n        return !this.multiple && !!this.value;\n    }\n\n    private renderSpinner() {\n        return (\n            <div\n                style={{\n                    width: '100%',\n                    display: 'flex',\n                    'align-items': 'center',\n                    'justify-content': 'center',\n                    padding: '1rem 0',\n                }}\n            >\n                <limel-spinner limeBranded={false} />\n            </div>\n        );\n    }\n\n    private renderEmptyMessage() {\n        if (!this.emptyResultMessage) {\n            return;\n        }\n\n        const style = {\n            color: 'rgb(var(--contrast-1100))',\n            'text-align': 'center',\n            margin: '0.5rem 1rem',\n        };\n\n        return <p style={style}>{this.emptyResultMessage}</p>;\n    }\n\n    private renderListResult() {\n        return (\n            <limel-list\n                badgeIcons={this.badgeIcons}\n                onChange={this.handleListChange}\n                onKeyDown={this.onListKeyDown}\n                type=\"selectable\"\n                items={this.items}\n            />\n        );\n    }\n\n    private onListKeyDown(event: KeyboardEvent) {\n        const keyFound = [TAB, ESCAPE, ENTER].includes(event.key);\n        const keyCodeFound = [\n            TAB_KEY_CODE,\n            ESCAPE_KEY_CODE,\n            ENTER_KEY_CODE,\n        ].includes(event.keyCode);\n        if (keyFound || keyCodeFound) {\n            this.chipSet.setFocus();\n        }\n    }\n\n    private renderPortal(content: any[] = []) {\n        const dropdownZIndex = getComputedStyle(this.host).getPropertyValue(\n            '--dropdown-z-index',\n        );\n\n        return (\n            <limel-portal\n                visible={content.length > 0}\n                containerId={this.portalId}\n                inheritParentWidth={true}\n                containerStyle={{ 'z-index': dropdownZIndex }}\n            >\n                <limel-menu-surface\n                    open={content.length > 0}\n                    allowClicksElement={this.host}\n                    style={{\n                        '--mdc-menu-min-width': '100%',\n                        'max-height': 'inherit',\n                        display: 'flex',\n                    }}\n                    onDismiss={this.handleCloseMenu}\n                >\n                    {content}\n                </limel-menu-surface>\n            </limel-portal>\n        );\n    }\n\n    /**\n     * Check if a descendant still has focus. If not, reset text value and search result.\n     */\n    private handleStopEditAndBlur() {\n        // In browsers where shadow DOM is not supported activeElement on shadowRoot will return null\n        // However, document.activeElement will return the actual focused element instead of the outermost shadow host\n        const element =\n            this.host.shadowRoot.activeElement || document.activeElement;\n        const portalElement = document.querySelector(`#${this.portalId}`);\n        if (\n            isDescendant(element as HTMLElement, this.host) ||\n            isDescendant(element as HTMLElement, portalElement as HTMLElement)\n        ) {\n            return;\n        }\n\n        this.clearInputField();\n    }\n\n    /**\n     * Input handler for the input field\n     *\n     * @param event - event\n     */\n    private async handleTextInput(event) {\n        event.stopPropagation();\n\n        const query = event.detail;\n        this.textValue = query;\n        this.loading = true;\n\n        // If the search-query is an empty string, bypass debouncing.\n        const searchFn = query === '' ? this.searcher : this.debouncedSearch;\n        const result = (await searchFn(query)) as Array<ListItem<PickerValue>>;\n        this.handleSearchResult(query, result);\n    }\n\n    /**\n     * Change handler for the list\n     *\n     * @param event - event\n     */\n    private handleListChange(\n        event: LimelListCustomEvent<ListItem<PickerValue>>,\n    ) {\n        event.stopPropagation();\n        if (!this.value || this.value !== event.detail) {\n            let newValue: ListItem<PickerValue> | Array<ListItem<PickerValue>> =\n                event.detail;\n            if (this.multiple) {\n                newValue = [\n                    ...(this.value as Array<ListItem<PickerValue>>),\n                    event.detail,\n                ];\n            }\n\n            this.change.emit(newValue);\n            this.items = [];\n        }\n\n        if (this.multiple) {\n            this.chipSet?.setFocus(true);\n        }\n    }\n\n    /**\n     * Change handler for the list\n     *\n     * @param event - event\n     */\n    private handleActionListChange(\n        event: LimelListCustomEvent<ListItem<Action>>,\n    ) {\n        event.stopPropagation();\n        if (!event.detail) {\n            return;\n        }\n\n        this.action.emit(event.detail.value);\n        this.items = [];\n    }\n\n    /**\n     * Focus handler for the chip set\n     * Prevent focus if the picker has a value and does not support multiple values\n     */\n    private async handleInputFieldFocus() {\n        this.loading = true;\n        const query = this.textValue;\n        const result = (await this.searcher(query)) as Array<\n            ListItem<PickerValue>\n        >;\n        this.handleSearchResult(query, result);\n    }\n\n    private handleChange(event: LimelChipSetCustomEvent<Chip | Chip[]>) {\n        event.stopPropagation();\n\n        let newValue = null;\n        if (this.multiple) {\n            const chips = event.detail as Chip[];\n            newValue = chips.map((chip) => {\n                return (this.value as ListItem[]).find((item) => {\n                    const valueId = this.getValueId(item);\n\n                    return `${valueId}` === chip.id;\n                });\n            });\n        }\n\n        this.change.emit(newValue);\n    }\n\n    private handleInteract(event: LimelChipSetCustomEvent<Chip>) {\n        event.stopPropagation();\n        this.interact.emit(event.detail ? event.detail.value : event.detail);\n    }\n\n    /**\n     * Key handler for the input field\n     * Will change focus to the first/last item in the dropdown list to enable selection with the keyboard\n     *\n     * @param event - event\n     */\n    private handleInputKeyDown(event: KeyboardEvent) {\n        const isForwardTab =\n            (event.key === TAB || event.keyCode === TAB_KEY_CODE) &&\n            !event.altKey &&\n            !event.metaKey &&\n            !event.shiftKey;\n        const isUp =\n            event.key === ARROW_UP || event.keyCode === ARROW_UP_KEY_CODE;\n        const isDown =\n            event.key === ARROW_DOWN || event.keyCode === ARROW_DOWN_KEY_CODE;\n\n        if (!isForwardTab && !isUp && !isDown) {\n            return;\n        }\n\n        const list = document.querySelector(` #${this.portalId} limel-list`);\n        if (!list) {\n            return;\n        }\n\n        event.preventDefault();\n\n        if (isForwardTab || isDown) {\n            const listElement: HTMLElement = list.shadowRoot.querySelector(\n                '.mdc-deprecated-list-item:first-child',\n            );\n            listElement.focus();\n\n            return;\n        }\n\n        if (isUp) {\n            const listElement: HTMLElement = list.shadowRoot.querySelector(\n                '.mdc-deprecated-list-item:last-child',\n            );\n            listElement.focus();\n        }\n    }\n\n    /**\n     * Key handler for the dropdown\n     *\n     * @param event - event\n     */\n    private handleDropdownKeyDown(event: KeyboardEvent) {\n        const isEscape =\n            event.key === ESCAPE || event.keyCode === ESCAPE_KEY_CODE;\n\n        if (isEscape) {\n            event.preventDefault();\n            this.textValue = '';\n            this.chipSet.setFocus(true);\n        }\n    }\n\n    private handleSearchResult(query: string, result: ListItem[]) {\n        if (query === this.textValue) {\n            this.items = result;\n            if (this.multiple) {\n                const values = this.value as ListItem[];\n                this.items = result.filter((item) => {\n                    return !values.includes(item);\n                });\n            }\n\n            this.loading = false;\n        }\n    }\n\n    private handleCloseMenu() {\n        if (this.items.length > 0) {\n            return;\n        }\n\n        this.clearInputField();\n    }\n\n    private clearInputField() {\n        this.chipSet.emptyInput();\n        this.textValue = '';\n        this.handleSearchResult('', []);\n    }\n}\n"],"mappings":"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"}

package/dist/lime-elements/p-27330d1d.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as i,H as t}from"./p-3075aa67.js";const s=":host(limel-helper-line){transition:opacity 0.2s ease;box-sizing:border-box;display:grid;min-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.6875rem;line-height:normal;color:rgb(var(--contrast-1200))}div{display:flex;justify-content:space-between;gap:0.75rem;overflow:hidden;padding:0 1rem}:host(limel-helper-line.invalid) .helper-text{color:var(--mdc-theme-error)}.counter{flex-shrink:0;margin-left:auto}.helper-text,.counter{padding-top:0.125rem}:host(limel-helper-line){transition:grid-template-rows var(--limel-h-l-grid-template-rows-transition-speed, 0.46s) cubic-bezier(1, 0.09, 0, 0.89);grid-template-rows:var(--limel-h-l-grid-template-rows, 1fr)}:host(limel-helper-line.hide){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}";const r=class{constructor(t){e(this,t);this.hasContent=()=>!!(this.maxLength>0||this.helperText&&this.helperText.length>0);this.renderHelperText=()=>{if(!this.helperText){return}return i("span",{class:"helper-text",id:this.helperTextId},this.helperText)};this.renderCharacterCounter=()=>{const e=`${this.length} / ${this.maxLength}`;if(!this.maxLength){return}return i("span",{class:"counter"},e)};this.helperText=undefined;this.length=undefined;this.maxLength=undefined;this.invalid=false;this.helperTextId=undefined}render(){return i(t,{tabIndex:-1,class:{invalid:this.invalid},style:!this.hasContent()?{display:"none"}:{},"aria-hidden":!this.hasContent()},i("div",null,this.renderHelperText(),this.renderCharacterCounter()))}};r.style=s;export{r as limel_helper_line};
-//# sourceMappingURL=p-27330d1d.entry.js.map

package/dist/lime-elements/p-27330d1d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["helperLineCss","HelperLine","this","hasContent","maxLength","helperText","length","renderHelperText","h","class","id","helperTextId","renderCharacterCounter","counter","render","Host","tabIndex","invalid","style","display"],"sources":["./src/components/helper-line/helper-line.scss?tag=limel-helper-line&encapsulation=shadow","./src/components/helper-line/helper-line.tsx"],"sourcesContent":[":host(limel-helper-line) {\n    transition: opacity 0.2s ease;\n\n    box-sizing: border-box;\n    display: grid;\n\n    min-width: 0; // prevents overflowing, if component is placed in flex containers\n\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    font-size: 0.6875rem;\n    line-height: normal;\n\n    color: rgb(var(--contrast-1200));\n}\n\ndiv {\n    display: flex;\n    justify-content: space-between;\n    gap: 0.75rem;\n    overflow: hidden;\n    padding: 0 1rem;\n}\n\n:host(limel-helper-line.invalid) {\n    .helper-text {\n        color: var(--mdc-theme-error);\n    }\n}\n\n.counter {\n    flex-shrink: 0;\n    margin-left: auto;\n}\n\n.helper-text,\n.counter {\n    padding-top: 0.125rem;\n}\n\n// This animates height of the helper line, from `0` to `auto`.\n// To get this animation effect, the consumer component should\n// add `hide` classed accordingly.\n:host(limel-helper-line) {\n    transition: grid-template-rows\n        var(--limel-h-l-grid-template-rows-transition-speed, 0.46s)\n        cubic-bezier(1, 0.09, 0, 0.89);\n    grid-template-rows: var(--limel-h-l-grid-template-rows, 1fr);\n}\n\n:host(limel-helper-line.hide) {\n    --limel-h-l-grid-template-rows-transition-speed: 0.3s;\n    --limel-h-l-grid-template-rows: 0fr;\n}\n// End: animating height\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n/**\n * This is an internal and private component that many input fields\n * use to display a helper text, along with a character counter below the\n * input field.\n *\n * We created this to keep the visual styles the same everywhere\n * and to avoid importing styles separately.\n *\n * Also this enables us to open the helper line in limel-portal,\n * more easily without having to send the styles to the portal.\n *\n * @exampleComponent limel-example-helper-line\n * @exampleComponent limel-example-helper-line-invalid\n * @exampleComponent limel-example-helper-line-long-text\n * @exampleComponent limel-example-helper-line-long-text-no-counter\n * @exampleComponent limel-example-helper-line-character-counter\n * @exampleComponent limel-example-helper-line-empty\n * @exampleComponent limel-example-helper-line-animation\n * @private\n */\n@Component({\n    tag: 'limel-helper-line',\n    shadow: true,\n    styleUrl: 'helper-line.scss',\n})\nexport class HelperLine {\n    /**\n     * The helper text that is displayed on the left side.\n     */\n    @Prop({ reflect: true })\n    public helperText?: string;\n\n    /**\n     * Length of the current input value, coming from the parent component.\n     * Used in the character counter section on the right side.\n     */\n    @Prop({ reflect: true })\n    public length?: number;\n\n    /**\n     * Maximum length of the characters, defined on the parent component.\n     * Used in the character counter section on the right side.\n     */\n    @Prop({ reflect: true })\n    public maxLength?: number;\n\n    /**\n     * Turns `true`, when the parent component is invalid.\n     * For example, when the parent component is `required` but is left empty.\n     * Or when the input format is invalid.\n     */\n    @Prop({ reflect: true })\n    public invalid?: boolean = false;\n\n    /**\n     * Used by `aria-controls` and `aria-describedby` in the parent component.\n     */\n    @Prop({ reflect: true })\n    public helperTextId?: string;\n\n    public render() {\n        return (\n            <Host\n                tabIndex={-1}\n                class={{\n                    invalid: this.invalid,\n                }}\n                style={!this.hasContent() ? { display: 'none' } : {}}\n                aria-hidden={!this.hasContent()}\n            >\n                <div>\n                    {this.renderHelperText()}\n                    {this.renderCharacterCounter()}\n                </div>\n            </Host>\n        );\n    }\n\n    private hasContent = () => {\n        return !!(\n            this.maxLength > 0 ||\n            (this.helperText && this.helperText.length > 0)\n        );\n    };\n\n    private renderHelperText = () => {\n        if (!this.helperText) {\n            return;\n        }\n\n        return (\n            <span class=\"helper-text\" id={this.helperTextId}>\n                {this.helperText}\n            </span>\n        );\n    };\n\n    private renderCharacterCounter = () => {\n        const counter = `${this.length} / ${this.maxLength}`;\n\n        if (!this.maxLength) {\n            return;\n        }\n\n        return <span class=\"counter\">{counter}</span>;\n    };\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,gzB,MC2BTC,EAAU,M,yBAqDXC,KAAAC,WAAa,OAEbD,KAAKE,UAAY,GAChBF,KAAKG,YAAcH,KAAKG,WAAWC,OAAS,GAI7CJ,KAAAK,iBAAmB,KACvB,IAAKL,KAAKG,WAAY,CAClB,M,CAGJ,OACIG,EAAA,QAAMC,MAAM,cAAcC,GAAIR,KAAKS,cAC9BT,KAAKG,WACH,EAIPH,KAAAU,uBAAyB,KAC7B,MAAMC,EAAU,GAAGX,KAAKI,YAAYJ,KAAKE,YAEzC,IAAKF,KAAKE,UAAW,CACjB,M,CAGJ,OAAOI,EAAA,QAAMC,MAAM,WAAWI,EAAe,E,sFApDtB,M,4BAQpBC,SACH,OACIN,EAACO,EAAI,CACDC,UAAW,EACXP,MAAO,CACHQ,QAASf,KAAKe,SAElBC,OAAQhB,KAAKC,aAAe,CAAEgB,QAAS,QAAW,GAAE,eACtCjB,KAAKC,cAEnBK,EAAA,WACKN,KAAKK,mBACLL,KAAKU,0B"}

package/dist/lime-elements/p-386d1c5a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["CssClasses","Selectors","observeProperty","target","property","observer","targetObservers","installObserver","observers","getObservers","push","splice","indexOf","allTargetObservers","WeakMap","observersMap","Map","has","set","isEnabled","key","get","installedProperties","Set","descriptor","getDescriptor","configurable","enumerable","value","writable","observedDescriptor","__assign","descGet","descSet","value_1","newValue","call","this","e_4","_a","previous","_b","__values","_c","next","done","e_4_1","error","return","add","Object","defineProperty","descriptorTarget","getOwnPropertyDescriptor","getPrototypeOf","setObserversEnabled","enabled","MDCObserverFoundation","_super","__extends","adapter","_this","unobserves","prototype","destroy","unobserve","observe","e_1","cleanup","keys","bind","e_1_1","e_2","cleanup_1","cleanup_1_1","cleanupFn","e_2_1","delete","e_3","__spreadArray","__read","e_3_1","MDCFoundation","MDCSwitchFoundation","handleClick","init","state","disabled","stopProcessingIfDisabled","processing","selected","MDCSwitchRenderFoundation","apply","arguments","onDisabledChange","onProcessingChange","onSelectedChange","initFromDOM","hasClass","SELECTED","isDisabled","PROCESSING","setDisabled","toggleClass","setAriaChecked","String","UNSELECTED","addClass","className","removeClass","MDCSwitch","root","foundation","attachTo","initialize","ripple","MDCRipple","createRippleFoundation","initialSyncWithDOM","rippleElement","querySelector","RIPPLE","Error","addEventListener","removeEventListener","getDefaultFoundation","createAdapter","classList","contains","remove","ariaChecked","setAttribute","MDCRippleFoundation","createRippleAdapter","computeBoundingRect","getBoundingClientRect","isUnbounded","MDCComponent","switchCss","Switch","helperTextId","createRandomString","renderHelperLine","hasHelperText","h","helperText","invalid","undefined","event","stopPropagation","change","emit","connectedCallback","componentWillLoad","makeEnterClickable","host","componentDidLoad","element","shadowRoot","mdcSwitch","disconnectedCallback","removeEnterClickable","render","Host","id","fieldId","class","readonly","type","role","onClick","viewBox","d","htmlFor","label","valueWatcher"],"sources":["./node_modules/@material/switch/constants.js","./node_modules/@material/base/observer.js","./node_modules/@material/base/observer-foundation.js","./node_modules/@material/switch/foundation.js","./node_modules/@material/switch/component.js","./src/components/switch/switch.scss?tag=limel-switch&encapsulation=shadow","./src/components/switch/switch.tsx"],"sourcesContent":["/**\n * @license\n * Copyright 2021 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\n/**\n * CSS classes used for switch.\n */\nexport var CssClasses;\n(function (CssClasses) {\n    CssClasses[\"PROCESSING\"] = \"mdc-switch--processing\";\n    CssClasses[\"SELECTED\"] = \"mdc-switch--selected\";\n    CssClasses[\"UNSELECTED\"] = \"mdc-switch--unselected\";\n})(CssClasses || (CssClasses = {}));\n/**\n * Query selectors used for switch.\n */\nexport var Selectors;\n(function (Selectors) {\n    Selectors[\"RIPPLE\"] = \".mdc-switch__ripple\";\n})(Selectors || (Selectors = {}));\n//# sourceMappingURL=constants.js.map","/**\n * @license\n * Copyright 2021 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends, __read, __spreadArray, __values } from \"tslib\";\n/**\n * Mixin to add `MDCObserver` functionality to an optional base class.\n *\n * @deprecated Prefer MDCObserverFoundation for stricter closure compliance.\n * @template C Optional base class constructor type.\n * @param baseClass - Optional base class.\n * @return A class that extends the optional base class with `MDCObserver`\n *     functionality.\n */\nexport function mdcObserver(baseClass) {\n    if (baseClass === void 0) { baseClass = /** @class */ (function () {\n        function class_1() {\n        }\n        return class_1;\n    }()); }\n    // Mixin classes cannot use private members and Symbol() cannot be used in 3P\n    // for IE11.\n    var unobserveMap = new WeakMap();\n    return /** @class */ (function (_super) {\n        __extends(MDCObserver, _super);\n        function MDCObserver() {\n            return _super !== null && _super.apply(this, arguments) || this;\n        }\n        MDCObserver.prototype.observe = function (target, observers) {\n            var e_1, _a;\n            var _this = this;\n            var cleanup = [];\n            try {\n                for (var _b = __values(Object.keys(observers)), _c = _b.next(); !_c.done; _c = _b.next()) {\n                    var property = _c.value;\n                    var observer = observers[property].bind(this);\n                    cleanup.push(observeProperty(target, property, observer));\n                }\n            }\n            catch (e_1_1) { e_1 = { error: e_1_1 }; }\n            finally {\n                try {\n                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);\n                }\n                finally { if (e_1) throw e_1.error; }\n            }\n            var unobserve = function () {\n                var e_2, _a;\n                try {\n                    for (var cleanup_1 = __values(cleanup), cleanup_1_1 = cleanup_1.next(); !cleanup_1_1.done; cleanup_1_1 = cleanup_1.next()) {\n                        var cleanupFn = cleanup_1_1.value;\n                        cleanupFn();\n                    }\n                }\n                catch (e_2_1) { e_2 = { error: e_2_1 }; }\n                finally {\n                    try {\n                        if (cleanup_1_1 && !cleanup_1_1.done && (_a = cleanup_1.return)) _a.call(cleanup_1);\n                    }\n                    finally { if (e_2) throw e_2.error; }\n                }\n                var unobserves = unobserveMap.get(_this) || [];\n                var index = unobserves.indexOf(unobserve);\n                if (index > -1) {\n                    unobserves.splice(index, 1);\n                }\n            };\n            var unobserves = unobserveMap.get(this);\n            if (!unobserves) {\n                unobserves = [];\n                unobserveMap.set(this, unobserves);\n            }\n            unobserves.push(unobserve);\n            return unobserve;\n        };\n        MDCObserver.prototype.setObserversEnabled = function (target, enabled) {\n            setObserversEnabled(target, enabled);\n        };\n        MDCObserver.prototype.unobserve = function () {\n            var e_3, _a;\n            // Iterate over a copy since unobserve() will remove themselves from the\n            // array\n            var unobserves = unobserveMap.get(this) || [];\n            try {\n                for (var _b = __values(__spreadArray([], __read(unobserves))), _c = _b.next(); !_c.done; _c = _b.next()) {\n                    var unobserve = _c.value;\n                    unobserve();\n                }\n            }\n            catch (e_3_1) { e_3 = { error: e_3_1 }; }\n            finally {\n                try {\n                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);\n                }\n                finally { if (e_3) throw e_3.error; }\n            }\n        };\n        return MDCObserver;\n    }(baseClass));\n}\n/**\n * Observe a target's property for changes. When a property changes, the\n * provided `Observer` function will be invoked with the properties current and\n * previous values.\n *\n * The returned cleanup function will stop listening to changes for the\n * provided `Observer`.\n *\n * @template T The observed target type.\n * @template K The observed property.\n * @param target - The target to observe.\n * @param property - The property of the target to observe.\n * @param observer - An observer function to invoke each time the property\n *     changes.\n * @return A cleanup function that will stop observing changes for the provided\n *     `Observer`.\n */\nexport function observeProperty(target, property, observer) {\n    var targetObservers = installObserver(target, property);\n    var observers = targetObservers.getObservers(property);\n    observers.push(observer);\n    return function () {\n        observers.splice(observers.indexOf(observer), 1);\n    };\n}\n/**\n * A Map of all `TargetObservers` that have been installed.\n */\nvar allTargetObservers = new WeakMap();\n/**\n * Installs a `TargetObservers` for the provided target (if not already\n * installed), and replaces the given property with a getter and setter that\n * will respond to changes and call `TargetObservers`.\n *\n * Subsequent calls to `installObserver()` with the same target and property\n * will not override the property's previously installed getter/setter.\n *\n * @template T The observed target type.\n * @template K The observed property to create a getter/setter for.\n * @param target - The target to observe.\n * @param property - The property to create a getter/setter for, if needed.\n * @return The installed `TargetObservers` for the provided target.\n */\nfunction installObserver(target, property) {\n    var observersMap = new Map();\n    if (!allTargetObservers.has(target)) {\n        allTargetObservers.set(target, {\n            isEnabled: true,\n            getObservers: function (key) {\n                var observers = observersMap.get(key) || [];\n                if (!observersMap.has(key)) {\n                    observersMap.set(key, observers);\n                }\n                return observers;\n            },\n            installedProperties: new Set()\n        });\n    }\n    var targetObservers = allTargetObservers.get(target);\n    if (targetObservers.installedProperties.has(property)) {\n        // The getter/setter has already been replaced for this property\n        return targetObservers;\n    }\n    // Retrieve (or create if it's a plain property) the original descriptor from\n    // the target...\n    var descriptor = getDescriptor(target, property) || {\n        configurable: true,\n        enumerable: true,\n        value: target[property],\n        writable: true\n    };\n    // ...and create a copy that will be used for the observer.\n    var observedDescriptor = __assign({}, descriptor);\n    var descGet = descriptor.get, descSet = descriptor.set;\n    if ('value' in descriptor) {\n        // The descriptor is a simple value (not a getter/setter).\n        // For our observer descriptor that we copied, delete the value/writable\n        // properties, since they are incompatible with the get/set properties\n        // for descriptors.\n        delete observedDescriptor.value;\n        delete observedDescriptor.writable;\n        // Set up a simple getter...\n        var value_1 = descriptor.value;\n        descGet = function () { return value_1; };\n        // ...and setter (if the original property was writable).\n        if (descriptor.writable) {\n            descSet = function (newValue) {\n                value_1 = newValue;\n            };\n        }\n    }\n    if (descGet) {\n        observedDescriptor.get = function () {\n            // `this as T` needed for closure conformance\n            return descGet.call(this);\n        };\n    }\n    if (descSet) {\n        observedDescriptor.set = function (newValue) {\n            var e_4, _a;\n            // `thus as T` needed for closure conformance\n            var previous = descGet ? descGet.call(this) : newValue;\n            descSet.call(this, newValue);\n            if (targetObservers.isEnabled && (!descGet || newValue !== previous)) {\n                try {\n                    for (var _b = __values(targetObservers.getObservers(property)), _c = _b.next(); !_c.done; _c = _b.next()) {\n                        var observer = _c.value;\n                        observer(newValue, previous);\n                    }\n                }\n                catch (e_4_1) { e_4 = { error: e_4_1 }; }\n                finally {\n                    try {\n                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);\n                    }\n                    finally { if (e_4) throw e_4.error; }\n                }\n            }\n        };\n    }\n    targetObservers.installedProperties.add(property);\n    Object.defineProperty(target, property, observedDescriptor);\n    return targetObservers;\n}\n/**\n * Retrieves the descriptor for a property from the provided target. This\n * function will walk up the target's prototype chain to search for the\n * descriptor.\n *\n * @template T The target type.\n * @template K The property type.\n * @param target - The target to retrieve a descriptor from.\n * @param property - The name of the property to retrieve a descriptor for.\n * @return the descriptor, or undefined if it does not exist. Keep in mind that\n *     plain properties may not have a descriptor defined.\n */\nexport function getDescriptor(target, property) {\n    var descriptorTarget = target;\n    var descriptor;\n    while (descriptorTarget) {\n        descriptor = Object.getOwnPropertyDescriptor(descriptorTarget, property);\n        if (descriptor) {\n            break;\n        }\n        // Walk up the instance's prototype chain in case the property is declared\n        // on a superclass.\n        descriptorTarget = Object.getPrototypeOf(descriptorTarget);\n    }\n    return descriptor;\n}\n/**\n * Enables or disables all observers for a provided target. Changes to observed\n * properties will not call any observers when disabled.\n *\n * @template T The observed target type.\n * @param target - The target to enable or disable observers for.\n * @param enabled - True to enable or false to disable observers.\n */\nexport function setObserversEnabled(target, enabled) {\n    var targetObservers = allTargetObservers.get(target);\n    if (targetObservers) {\n        targetObservers.isEnabled = enabled;\n    }\n}\n//# sourceMappingURL=observer.js.map","/**\n * @license\n * Copyright 2021 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __extends, __read, __spreadArray, __values } from \"tslib\";\nimport { MDCFoundation } from './foundation';\nimport { observeProperty, setObserversEnabled } from './observer';\nvar MDCObserverFoundation = /** @class */ (function (_super) {\n    __extends(MDCObserverFoundation, _super);\n    function MDCObserverFoundation(adapter) {\n        var _this = _super.call(this, adapter) || this;\n        /** A set of cleanup functions to unobserve changes. */\n        _this.unobserves = new Set();\n        return _this;\n    }\n    MDCObserverFoundation.prototype.destroy = function () {\n        _super.prototype.destroy.call(this);\n        this.unobserve();\n    };\n    /**\n     * Observe a target's properties for changes using the provided map of\n     * property names and observer functions.\n     *\n     * @template T The target type.\n     * @param target - The target to observe.\n     * @param observers - An object whose keys are target properties and values\n     *     are observer functions that are called when the associated property\n     *     changes.\n     * @return A cleanup function that can be called to unobserve the\n     *     target.\n     */\n    MDCObserverFoundation.prototype.observe = function (target, observers) {\n        var e_1, _a;\n        var _this = this;\n        var cleanup = [];\n        try {\n            for (var _b = __values(Object.keys(observers)), _c = _b.next(); !_c.done; _c = _b.next()) {\n                var property = _c.value;\n                var observer = observers[property].bind(this);\n                cleanup.push(this.observeProperty(target, property, observer));\n            }\n        }\n        catch (e_1_1) { e_1 = { error: e_1_1 }; }\n        finally {\n            try {\n                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);\n            }\n            finally { if (e_1) throw e_1.error; }\n        }\n        var unobserve = function () {\n            var e_2, _a;\n            try {\n                for (var cleanup_1 = __values(cleanup), cleanup_1_1 = cleanup_1.next(); !cleanup_1_1.done; cleanup_1_1 = cleanup_1.next()) {\n                    var cleanupFn = cleanup_1_1.value;\n                    cleanupFn();\n                }\n            }\n            catch (e_2_1) { e_2 = { error: e_2_1 }; }\n            finally {\n                try {\n                    if (cleanup_1_1 && !cleanup_1_1.done && (_a = cleanup_1.return)) _a.call(cleanup_1);\n                }\n                finally { if (e_2) throw e_2.error; }\n            }\n            _this.unobserves.delete(unobserve);\n        };\n        this.unobserves.add(unobserve);\n        return unobserve;\n    };\n    /**\n     * Observe a target's property for changes. When a property changes, the\n     * provided `Observer` function will be invoked with the properties current\n     * and previous values.\n     *\n     * The returned cleanup function will stop listening to changes for the\n     * provided `Observer`.\n     *\n     * @template T The observed target type.\n     * @template K The observed property.\n     * @param target - The target to observe.\n     * @param property - The property of the target to observe.\n     * @param observer - An observer function to invoke each time the property\n     *     changes.\n     * @return A cleanup function that will stop observing changes for the\n     *     provided `Observer`.\n     */\n    MDCObserverFoundation.prototype.observeProperty = function (target, property, observer) {\n        return observeProperty(target, property, observer);\n    };\n    /**\n     * Enables or disables all observers for the provided target. Disabling\n     * observers will prevent them from being called until they are re-enabled.\n     *\n     * @param target - The target to enable or disable observers for.\n     * @param enabled - Whether or not observers should be called.\n     */\n    MDCObserverFoundation.prototype.setObserversEnabled = function (target, enabled) {\n        setObserversEnabled(target, enabled);\n    };\n    /**\n     * Clean up all observers and stop listening for property changes.\n     */\n    MDCObserverFoundation.prototype.unobserve = function () {\n        var e_3, _a;\n        try {\n            // Iterate over a copy since unobserve() will remove themselves from the set\n            for (var _b = __values(__spreadArray([], __read(this.unobserves))), _c = _b.next(); !_c.done; _c = _b.next()) {\n                var unobserve = _c.value;\n                unobserve();\n            }\n        }\n        catch (e_3_1) { e_3 = { error: e_3_1 }; }\n        finally {\n            try {\n                if (_c && !_c.done && (_a = _b.return)) _a.call(_b);\n            }\n            finally { if (e_3) throw e_3.error; }\n        }\n    };\n    return MDCObserverFoundation;\n}(MDCFoundation));\nexport { MDCObserverFoundation };\n//# sourceMappingURL=observer-foundation.js.map","/**\n * @license\n * Copyright 2021 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __extends } from \"tslib\";\nimport { MDCObserverFoundation } from '@material/base/observer-foundation';\nimport { CssClasses } from './constants';\n/**\n * `MDCSwitchFoundation` provides a state-only foundation for a switch\n * component.\n *\n * State observers and event handler entrypoints update a component's adapter's\n * state with the logic needed for switch to function.\n */\nvar MDCSwitchFoundation = /** @class */ (function (_super) {\n    __extends(MDCSwitchFoundation, _super);\n    function MDCSwitchFoundation(adapter) {\n        var _this = _super.call(this, adapter) || this;\n        _this.handleClick = _this.handleClick.bind(_this);\n        return _this;\n    }\n    /**\n     * Initializes the foundation and starts observing state changes.\n     */\n    MDCSwitchFoundation.prototype.init = function () {\n        this.observe(this.adapter.state, {\n            disabled: this.stopProcessingIfDisabled,\n            processing: this.stopProcessingIfDisabled,\n        });\n    };\n    /**\n     * Event handler for switch click events. Clicking on a switch will toggle its\n     * selected state.\n     */\n    MDCSwitchFoundation.prototype.handleClick = function () {\n        if (this.adapter.state.disabled) {\n            return;\n        }\n        this.adapter.state.selected = !this.adapter.state.selected;\n    };\n    MDCSwitchFoundation.prototype.stopProcessingIfDisabled = function () {\n        if (this.adapter.state.disabled) {\n            this.adapter.state.processing = false;\n        }\n    };\n    return MDCSwitchFoundation;\n}(MDCObserverFoundation));\nexport { MDCSwitchFoundation };\n/**\n * `MDCSwitchRenderFoundation` provides a state and rendering foundation for a\n * switch component.\n *\n * State observers and event handler entrypoints update a component's\n * adapter's state with the logic needed for switch to function.\n *\n * In response to state changes, the rendering foundation uses the component's\n * render adapter to keep the component's DOM updated with the state.\n */\nvar MDCSwitchRenderFoundation = /** @class */ (function (_super) {\n    __extends(MDCSwitchRenderFoundation, _super);\n    function MDCSwitchRenderFoundation() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    /**\n     * Initializes the foundation and starts observing state changes.\n     */\n    MDCSwitchRenderFoundation.prototype.init = function () {\n        _super.prototype.init.call(this);\n        this.observe(this.adapter.state, {\n            disabled: this.onDisabledChange,\n            processing: this.onProcessingChange,\n            selected: this.onSelectedChange,\n        });\n    };\n    /**\n     * Initializes the foundation from a server side rendered (SSR) component.\n     * This will sync the adapter's state with the current state of the DOM.\n     *\n     * This method should be called after `init()`.\n     */\n    MDCSwitchRenderFoundation.prototype.initFromDOM = function () {\n        // Turn off observers while setting state\n        this.setObserversEnabled(this.adapter.state, false);\n        this.adapter.state.selected = this.adapter.hasClass(CssClasses.SELECTED);\n        // Ensure aria-checked is set if attribute is not present\n        this.onSelectedChange();\n        this.adapter.state.disabled = this.adapter.isDisabled();\n        this.adapter.state.processing =\n            this.adapter.hasClass(CssClasses.PROCESSING);\n        // Re-observe state\n        this.setObserversEnabled(this.adapter.state, true);\n        this.stopProcessingIfDisabled();\n    };\n    MDCSwitchRenderFoundation.prototype.onDisabledChange = function () {\n        this.adapter.setDisabled(this.adapter.state.disabled);\n    };\n    MDCSwitchRenderFoundation.prototype.onProcessingChange = function () {\n        this.toggleClass(this.adapter.state.processing, CssClasses.PROCESSING);\n    };\n    MDCSwitchRenderFoundation.prototype.onSelectedChange = function () {\n        this.adapter.setAriaChecked(String(this.adapter.state.selected));\n        this.toggleClass(this.adapter.state.selected, CssClasses.SELECTED);\n        this.toggleClass(!this.adapter.state.selected, CssClasses.UNSELECTED);\n    };\n    MDCSwitchRenderFoundation.prototype.toggleClass = function (addClass, className) {\n        if (addClass) {\n            this.adapter.addClass(className);\n        }\n        else {\n            this.adapter.removeClass(className);\n        }\n    };\n    return MDCSwitchRenderFoundation;\n}(MDCSwitchFoundation));\nexport { MDCSwitchRenderFoundation };\n//# sourceMappingURL=foundation.js.map","/**\n * @license\n * Copyright 2021 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends } from \"tslib\";\nimport { MDCComponent } from '@material/base/component';\nimport { MDCRipple } from '@material/ripple/component';\nimport { MDCRippleFoundation } from '@material/ripple/foundation';\nimport { Selectors } from './constants';\nimport { MDCSwitchRenderFoundation } from './foundation';\n/**\n * `MDCSwitch` provides a component implementation of a Material Design switch.\n */\nvar MDCSwitch = /** @class */ (function (_super) {\n    __extends(MDCSwitch, _super);\n    function MDCSwitch(root, foundation) {\n        var _this = _super.call(this, root, foundation) || this;\n        _this.root = root;\n        return _this;\n    }\n    /**\n     * Creates a new `MDCSwitch` and attaches it to the given root element.\n     * @param root The root to attach to.\n     * @return the new component instance.\n     */\n    MDCSwitch.attachTo = function (root) {\n        return new MDCSwitch(root);\n    };\n    MDCSwitch.prototype.initialize = function () {\n        this.ripple = new MDCRipple(this.root, this.createRippleFoundation());\n    };\n    MDCSwitch.prototype.initialSyncWithDOM = function () {\n        var rippleElement = this.root.querySelector(Selectors.RIPPLE);\n        if (!rippleElement) {\n            throw new Error(\"Switch \" + Selectors.RIPPLE + \" element is required.\");\n        }\n        this.rippleElement = rippleElement;\n        this.root.addEventListener('click', this.foundation.handleClick);\n        this.foundation.initFromDOM();\n    };\n    MDCSwitch.prototype.destroy = function () {\n        _super.prototype.destroy.call(this);\n        this.ripple.destroy();\n        this.root.removeEventListener('click', this.foundation.handleClick);\n    };\n    MDCSwitch.prototype.getDefaultFoundation = function () {\n        return new MDCSwitchRenderFoundation(this.createAdapter());\n    };\n    MDCSwitch.prototype.createAdapter = function () {\n        var _this = this;\n        return {\n            addClass: function (className) {\n                _this.root.classList.add(className);\n            },\n            hasClass: function (className) { return _this.root.classList.contains(className); },\n            isDisabled: function () { return _this.root.disabled; },\n            removeClass: function (className) {\n                _this.root.classList.remove(className);\n            },\n            setAriaChecked: function (ariaChecked) {\n                return _this.root.setAttribute('aria-checked', ariaChecked);\n            },\n            setDisabled: function (disabled) {\n                _this.root.disabled = disabled;\n            },\n            state: this,\n        };\n    };\n    MDCSwitch.prototype.createRippleFoundation = function () {\n        return new MDCRippleFoundation(this.createRippleAdapter());\n    };\n    MDCSwitch.prototype.createRippleAdapter = function () {\n        var _this = this;\n        return __assign(__assign({}, MDCRipple.createAdapter(this)), { computeBoundingRect: function () { return _this.rippleElement.getBoundingClientRect(); }, isUnbounded: function () { return true; } });\n    };\n    return MDCSwitch;\n}(MDCComponent));\nexport { MDCSwitch };\n//# sourceMappingURL=component.js.map","@use '../../style/functions';\n@use '../../style/internal/shared_input-select-picker';\n@use '../../style/internal/lime-theme';\n@use '../../style/internal/lime-typography';\n\n@use '@material/switch/styles';\n\n$scale-factor: 0.8;\n\n:host(limel-switch) {\n    isolation: isolate;\n\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n\n    --mdc-switch-selected-icon-color: transparent;\n    --mdc-switch-unselected-icon-color: transparent;\n\n    --mdc-switch-disabled-selected-icon-opacity: 1;\n    --mdc-switch-disabled-unselected-icon-opacity: 1;\n\n    --mdc-switch-selected-icon-size: 0.75rem;\n    --mdc-switch-unselected-icon-size: 0.75rem;\n\n    --mdc-switch-track-height: 1.25rem;\n    --mdc-switch-track-shape: var(--mdc-switch-track-height);\n\n    --mdc-switch-unselected-focus-handle-color: var(\n        --lime-elevated-surface-background-color\n    );\n    --mdc-switch-selected-focus-handle-color: var(\n        --lime-elevated-surface-background-color\n    );\n    --mdc-switch-unselected-pressed-handle-color: var(\n        --lime-elevated-surface-background-color\n    );\n    --mdc-switch-selected-pressed-handle-color: var(\n        --lime-elevated-surface-background-color\n    );\n    --mdc-switch-unselected-handle-color: var(\n        --lime-elevated-surface-background-color\n    );\n    --mdc-switch-unselected-hover-handle-color: var(\n        --lime-elevated-surface-background-color\n    );\n    --mdc-switch-selected-handle-color: var(\n        --lime-elevated-surface-background-color\n    );\n    --mdc-switch-selected-hover-handle-color: var(\n        --lime-elevated-surface-background-color\n    );\n\n    --mdc-switch-unselected-track-color: rgb(var(--contrast-700));\n    --mdc-switch-unselected-focus-track-color: rgb(var(--contrast-800));\n    --mdc-switch-unselected-pressed-track-color: rgb(var(--contrast-800));\n    --mdc-switch-unselected-hover-track-color: rgb(var(--contrast-800));\n    --mdc-switch-selected-focus-track-color: var(--mdc-theme-primary);\n    --mdc-switch-selected-pressed-track-color: var(--mdc-theme-primary);\n    --mdc-switch-selected-track-color: var(--mdc-theme-primary);\n    --mdc-switch-selected-hover-track-color: var(--mdc-theme-primary);\n\n    --mdc-switch-handle-elevation: var(--button-shadow-normal);\n    --mdc-switch-disabled-track-opacity: 0.4;\n\n    --mdc-switch-disabled-selected-handle-color: rgb(var(--contrast-1000));\n    --mdc-switch-disabled-unselected-handle-color: rgb(var(--contrast-1000));\n}\n\n.mdc-switch {\n    margin-right: functions.pxToRem(8);\n    &:hover {\n        --mdc-switch-handle-elevation: var(--button-shadow-hovered);\n    }\n}\n\nlabel {\n    @include lime-typography.typography(body2);\n    color: var(--mdc-theme-on-surface);\n\n    &:not(.disabled) {\n        cursor: pointer;\n    }\n}\n\nlabel {\n    // As long as this component is depended on MDC,\n    // we need to force it to be font-agnostic.\n    // When MDC-dependency is removed, this block can also be removed.\n    // However, on removal of MDC-dependency, we should also make sure to check\n    // other font-related styles that might be set by MDC,\n    // such as `letter-spacing` or `font-size`.\n    font-family: inherit;\n}\n\n.mdc-switch {\n    &.mdc-switch--selected,\n    &.mdc-switch.mdc-switch--unselected {\n        .mdc-switch__handle {\n            &:after,\n            &:before {\n                transform: scale($scale-factor);\n            }\n        }\n    }\n    .mdc-switch__shadow {\n        transform: scale($scale-factor);\n    }\n}\n\n@import './partial-styles/_readonly.scss';\n@import './partial-styles/_helper-text.scss';\n","import { MDCSwitch } from '@material/switch';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    Host,\n    h,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { createRandomString } from '../../util/random-string';\nimport {\n    makeEnterClickable,\n    removeEnterClickable,\n} from '../../util/make-enter-clickable';\n\n/**\n * The Switch component is a fundamental element in UI design that serves as a toggle switch\n * to control the state of a specific setting or option in an application or website.\n * The two distinct positions of the Switch are visually indicative of the two states:\n * ON and OFF; making it easy for users to understand the current state of the controlled feature.\n *\n * The Switch component is widely used in user interfaces to enable users to\n * quickly and intuitively change binary settings.\n *\n * :::important\n * Checkboxes are sometimes used interchangeably with switches in user interfaces.\n * But there is an important difference between the two! Please read our guidelines about\n * [Switch vs. Checkbox](/#/DesignGuidelines/switch-vs-checkbox.md/).\n *\n * @exampleComponent limel-example-switch\n * @exampleComponent limel-example-switch-helper-text\n */\n@Component({\n    tag: 'limel-switch',\n    shadow: true,\n    styleUrl: 'switch.scss',\n})\nexport class Switch {\n    /**\n     * Label to display next to the switch\n     */\n    @Prop({ reflect: true })\n    public label: string;\n\n    /**\n     * Disables the switch when `true`,\n     * and visually shows that the switch is editable but disabled.\n     * This tells the users that if certain requirements are met,\n     * the switch may become interactable.\n     */\n    @Prop({ reflect: true })\n    public disabled = false;\n\n    /**\n     * Disables the switch when `true`. This visualizes the switch slightly differently.\n     * But shows no visual sign indicating that the switch is disabled\n     * or can ever become interactable.\n     */\n    @Prop({ reflect: true })\n    public readonly = false;\n\n    /**\n     * Set to `true` to indicate that the current value is invalid.\n     */\n    @Prop({ reflect: true })\n    public invalid: boolean;\n\n    /**\n     * The value of the switch\n     */\n    @Prop({ reflect: true })\n    public value = false;\n\n    /**\n     * Optional helper text to display below the switch\n     */\n    @Prop({ reflect: true })\n    public helperText: string;\n\n    /**\n     * Emitted when the value has changed\n     */\n    @Event()\n    private change: EventEmitter<boolean>;\n\n    @Element()\n    private host: HTMLLimelSwitchElement;\n    private helperTextId: string = createRandomString();\n\n    @State()\n    private fieldId = createRandomString();\n\n    private mdcSwitch: MDCSwitch;\n\n    public connectedCallback() {\n        this.initialize();\n    }\n\n    public componentWillLoad() {\n        makeEnterClickable(this.host);\n    }\n\n    public componentDidLoad() {\n        this.initialize();\n    }\n\n    private initialize() {\n        const element = this.host.shadowRoot.querySelector(\n            '.mdc-switch',\n        ) as HTMLButtonElement;\n        if (!element) {\n            return;\n        }\n\n        this.mdcSwitch = new MDCSwitch(element);\n    }\n\n    public disconnectedCallback() {\n        removeEnterClickable(this.host);\n        this.mdcSwitch?.destroy();\n    }\n\n    public render() {\n        return (\n            <Host>\n                <button\n                    id={this.fieldId}\n                    class={{\n                        'mdc-switch': true,\n                        'lime-switch--readonly': this.readonly,\n                        'mdc-switch--unselected': !this.value,\n                        'mdc-switch--selected': this.value,\n                    }}\n                    type=\"button\"\n                    role=\"switch\"\n                    aria-checked={this.value}\n                    disabled={this.disabled || this.readonly}\n                    onClick={this.handleClick}\n                    aria-controls={this.helperTextId}\n                >\n                    <div class=\"mdc-switch__track\" />\n                    <div class=\"mdc-switch__handle-track\">\n                        <div class=\"mdc-switch__handle\">\n                            <div class=\"mdc-switch__shadow\">\n                                <div class=\"mdc-elevation-overlay\"></div>\n                            </div>\n                            <div class=\"mdc-switch__ripple\"></div>\n                            <div class=\"mdc-switch__icons\">\n                                <svg\n                                    class=\"mdc-switch__icon mdc-switch__icon--on\"\n                                    viewBox=\"0 0 24 24\"\n                                >\n                                    <path d=\"M19.69,5.23L8.96,15.96l-4.23-4.23L2.96,13.5l6,6L21.46,7L19.69,5.23z\" />\n                                </svg>\n                                <svg\n                                    class=\"mdc-switch__icon mdc-switch__icon--off\"\n                                    viewBox=\"0 0 24 24\"\n                                >\n                                    <path d=\"M20 13H4v-2h16v2z\" />\n                                </svg>\n                            </div>\n                        </div>\n                    </div>\n                </button>\n                <label\n                    class={`${\n                        this.disabled || this.readonly ? 'disabled' : ''\n                    }`}\n                    htmlFor={this.fieldId}\n                >\n                    {this.label}\n                </label>\n                {this.renderHelperLine()}\n            </Host>\n        );\n    }\n\n    @Watch('value')\n    protected valueWatcher(newValue: boolean) {\n        if (!this.mdcSwitch) {\n            return;\n        }\n\n        this.mdcSwitch.selected = newValue;\n    }\n\n    private renderHelperLine = () => {\n        if (!this.hasHelperText()) {\n            return;\n        }\n\n        return (\n            <limel-helper-line\n                helperTextId={this.helperTextId}\n                helperText={this.helperText}\n                invalid={this.invalid}\n            />\n        );\n    };\n\n    private hasHelperText = () => {\n        return this.helperText !== null && this.helperText !== undefined;\n    };\n\n    private handleClick = (event: MouseEvent) => {\n        event.stopPropagation();\n        this.change.emit(!this.value);\n    };\n}\n"],"mappings":"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"}