@limetech/lime-elements 37.1.0-next.2 → 37.1.0-next.21

package/dist/lime-elements/p-db30704e.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as e,g as o}from"./p-3075aa67.js";import{c as r}from"./p-3ccdc4a3.js";import{m as a,r as s}from"./p-d028b08d.js";const n="limel-action-bar-item{transition:opacity 0.2s ease-in-out;position:relative;display:flex;align-items:center}limel-action-bar-item:not([is-visible]){opacity:0}button{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:0.25rem;width:100%;min-width:var(--action-bar-item-height);max-width:var(--action-bar-item-max-width, 10rem);height:var(--action-bar-item-height);color:var(--limel-action-bar-item-text-color);border-radius:var(--action-bar-item-height);font-size:0.875rem;padding:0 0.25rem}button:not([disabled]){transition:color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer;color:var(--limel-action-bar-item-text-color);background-color:var(--action-bar-background-color)}button:not([disabled]):hover{color:var(--limel-action-bar-item-text-color);background-color:var(--action-bar-background-color);box-shadow:var(--button-shadow-hovered)}button:not([disabled]):active{background-color:var(--action-bar-background-color);box-shadow:var(--button-shadow-inset-pressed);transform:translate3d(0, 0.05rem, 0)}button:not([disabled]):focus{outline:none}button:not([disabled]):focus-visible{outline:none;box-shadow:var(--shadow-depth-8-focused)}button:has(.text){padding:0 0.5rem}button[disabled]{opacity:0.4}.text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 0.25rem}limel-icon{flex-shrink:0;width:calc(var(--action-bar-item-height) - 0.75rem);height:calc(var(--action-bar-item-height) - 0.75rem);color:var(--action-bar-item-icon-color, var(--limel-action-bar-item-text-color))}div[role=separator]{width:1px;height:1.5rem;border-radius:var(--action-bar-item-height);background-color:var(--limel-action-bar-item-text-color);opacity:0.2}@media (pointer: fine){div[role=separator]{margin-right:0.5rem;margin-left:0.5rem}}limel-menu{--notification-badge-background-color:rgb(var(--contrast-600));--notification-badge-text-color:rgb(var(--contrast-1200))}limel-menu[open] button{box-shadow:var(--button-shadow-inset)}button[slot=trigger]{animation:fade-in ease-out 0.25s;font-size:0.75rem;font-weight:bold;transform:translate3d(0, 0, 0)}@keyframes fade-in{0%{scale:0.8;opacity:0}100%{scale:1;opacity:1}}";const l=class{constructor(e){t(this,e);this.select=i(this,"select",7);this.handleClick=t=>{t.stopPropagation();this.select.emit(this.item)};this.item=undefined;this.isVisible=true;this.tooltipId=r()}componentWillLoad(){a(this.host)}disconnectedCallback(){s(this.host)}render(){if(!this.isItem(this.item)&&this.item.separator){return e("div",{role:"separator"})}return e("button",{id:this.tooltipId,type:"button",onClick:this.handleClick,disabled:this.isDisabled()},this.renderIcon(),this.renderLabel(),this.renderTooltip())}isItem(t){return!("separator"in t)}isDisabled(){if(this.isItem(this.item)&&this.item.disabled){return true}if(!this.isVisible){return true}}renderIcon(){if(this.isItem(this.item)&&!this.item.icon){return}if("icon"in this.item){return e("limel-icon",{name:this.item.icon,style:{"--action-bar-item-icon-color":`${this.item.iconColor}`}})}}renderLabel(){if(!this.isItem(this.item)||this.item.iconOnly){return}return e("span",{class:"text"},this.item.text)}renderTooltip(){if(!this.isItem(this.item)){return}if(this.item.text){return e("limel-tooltip",{elementId:this.tooltipId,label:this.item.text,helperLabel:this.item.commandText})}if(this.item.commandText){return e("limel-tooltip",{elementId:this.tooltipId,label:this.item.commandText})}}get host(){return o(this)}};l.style=n;const c=class{constructor(e){t(this,e);this.select=i(this,"select",7);this.countOverflowedItems=()=>`+${this.numberOfMenuItems}`;this.handleSelect=t=>{t.stopPropagation();this.select.emit(t.detail)};this.items=undefined;this.openDirection="bottom-end"}render(){return[e("limel-menu",{openDirection:this.openDirection,items:this.items,onSelect:this.handleSelect},e("button",{slot:"trigger"},this.countOverflowedItems()))]}get numberOfMenuItems(){return this.items.filter((t=>this.isMenuItem(t))).length}isMenuItem(t){return!("separator"in t)}};export{l as limel_action_bar_item,c as limel_action_bar_overflow_menu};
+//# sourceMappingURL=p-db30704e.entry.js.map

package/dist/lime-elements/p-db30704e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["actionBarItemCss","ActionBarButton","constructor","hostRef","this","handleClick","event","stopPropagation","select","emit","item","tooltipId","createRandomString","componentWillLoad","makeEnterClickable","host","disconnectedCallback","removeEnterClickable","render","isItem","separator","h","role","id","type","onClick","disabled","isDisabled","renderIcon","renderLabel","renderTooltip","isVisible","icon","name","style","iconColor","iconOnly","class","text","elementId","label","helperLabel","commandText","ActionBarOverflowMenu","countOverflowedItems","numberOfMenuItems","handleSelect","detail","openDirection","items","onSelect","slot","filter","isMenuItem","length"],"sources":["./src/components/action-bar/action-bar-item/action-bar-item.scss?tag=limel-action-bar-item","./src/components/action-bar/action-bar-item/action-bar-item.tsx","./src/components/action-bar/action-bar-item/action-bar-overflow-menu.tsx"],"sourcesContent":["@use '../../../style/mixins';\n@use '../../../style/functions';\n\nlimel-action-bar-item {\n    transition: opacity 0.2s ease-in-out;\n    position: relative;\n    display: flex;\n    align-items: center;\n\n    &:not([is-visible]) {\n        opacity: 0;\n    }\n}\n\nbutton {\n    all: unset;\n\n    &:not([disabled]) {\n        @include mixins.is-flat-inset-clickable(\n            $color: var(--limel-action-bar-item-text-color),\n            $color--hovered: var(--limel-action-bar-item-text-color),\n            $background-color: var(--action-bar-background-color),\n            $background-color--hovered: var(--action-bar-background-color),\n            $background-color--inset: var(--action-bar-background-color)\n        );\n        @include mixins.visualize-keyboard-focus;\n    }\n\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.25rem;\n\n    width: 100%;\n    min-width: var(--action-bar-item-height);\n    max-width: var(--action-bar-item-max-width, 10rem);\n    height: var(--action-bar-item-height);\n    color: var(--limel-action-bar-item-text-color);\n\n    border-radius: var(--action-bar-item-height);\n    font-size: functions.pxToRem(14);\n    padding: 0 0.25rem;\n\n    &:has(.text) {\n        padding: 0 0.5rem;\n    }\n\n    &[disabled] {\n        opacity: 0.4;\n    }\n}\n\n.text {\n    @include mixins.truncate-text();\n    padding: 0 0.25rem;\n}\n\nlimel-icon {\n    flex-shrink: 0;\n    width: calc(var(--action-bar-item-height) - 0.75rem);\n    height: calc(var(--action-bar-item-height) - 0.75rem);\n    color: var(\n        --action-bar-item-icon-color,\n        var(--limel-action-bar-item-text-color)\n    );\n}\n\ndiv[role='separator'] {\n    width: 1px;\n    height: 1.5rem;\n    border-radius: var(--action-bar-item-height);\n    background-color: var(--limel-action-bar-item-text-color);\n    opacity: 0.2;\n\n    @media (pointer: fine) {\n        margin-right: 0.5rem;\n        margin-left: 0.5rem;\n    }\n}\n\n// 👇 Overflow menu\n\nlimel-menu {\n    --notification-badge-background-color: rgb(var(--contrast-600));\n    --notification-badge-text-color: rgb(var(--contrast-1200));\n\n    &[open] {\n        button {\n            box-shadow: var(--button-shadow-inset);\n        }\n    }\n}\n\nbutton[slot='trigger'] {\n    animation: fade-in ease-out 0.25s;\n    font-size: 0.75rem;\n    font-weight: bold;\n    transform: translate3d(0, 0, 0);\n}\n\n@keyframes fade-in {\n    0% {\n        scale: 0.8;\n        opacity: 0;\n    }\n    100% {\n        scale: 1;\n        opacity: 1;\n    }\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Prop,\n} from '@stencil/core';\nimport { ActionBarItem } from '../action-bar.types';\nimport { createRandomString } from '../../../util/random-string';\nimport { ListSeparator } from 'src/interface';\nimport {\n    makeEnterClickable,\n    removeEnterClickable,\n} from 'src/util/make-enter-clickable';\n\n/**\n * @private\n */\n@Component({\n    tag: 'limel-action-bar-item',\n    shadow: false,\n    styleUrl: 'action-bar-item.scss',\n})\nexport class ActionBarButton {\n    /**\n     * Item that is placed in the action bar.\n     */\n    @Prop()\n    public item!: ActionBarItem | ListSeparator;\n\n    /**\n     * Fired when a action bar item has been clicked.\n     */\n    @Event()\n    public select: EventEmitter<ActionBarItem | ListSeparator>;\n\n    /**\n     * When the item is displayed in the available width,\n     * this will be `false`.\n     */\n    @Prop({ reflect: true })\n    public isVisible: boolean = true;\n\n    @Element()\n    private host: HTMLLimelActionBarItemElement;\n\n    /**\n     * Used to attach the right tooltip to the right button\n     */\n    private tooltipId: string;\n\n    constructor() {\n        this.tooltipId = createRandomString();\n    }\n\n    public componentWillLoad() {\n        makeEnterClickable(this.host);\n    }\n\n    public disconnectedCallback() {\n        removeEnterClickable(this.host);\n    }\n\n    public render() {\n        if (!this.isItem(this.item) && this.item.separator) {\n            return <div role=\"separator\" />;\n        }\n\n        return (\n            <button\n                id={this.tooltipId}\n                type=\"button\"\n                onClick={this.handleClick}\n                disabled={this.isDisabled()}\n            >\n                {this.renderIcon()}\n                {this.renderLabel()}\n                {this.renderTooltip()}\n            </button>\n        );\n    }\n\n    private handleClick = (event: MouseEvent) => {\n        event.stopPropagation();\n        this.select.emit(this.item);\n    };\n\n    private isItem(item: ActionBarItem | ListSeparator): item is ActionBarItem {\n        return !('separator' in item);\n    }\n\n    private isDisabled() {\n        if (this.isItem(this.item) && this.item.disabled) {\n            return true;\n        }\n\n        if (!this.isVisible) {\n            return true;\n        }\n    }\n\n    private renderIcon() {\n        if (this.isItem(this.item) && !this.item.icon) {\n            return;\n        }\n\n        if ('icon' in this.item) {\n            return (\n                <limel-icon\n                    name={this.item.icon}\n                    style={{\n                        '--action-bar-item-icon-color': `${this.item.iconColor}`,\n                    }}\n                />\n            );\n        }\n    }\n\n    private renderLabel() {\n        if (!this.isItem(this.item) || this.item.iconOnly) {\n            return;\n        }\n\n        return <span class=\"text\">{this.item.text}</span>;\n    }\n\n    private renderTooltip() {\n        if (!this.isItem(this.item)) {\n            return;\n        }\n\n        if (this.item.text) {\n            return (\n                <limel-tooltip\n                    elementId={this.tooltipId}\n                    label={this.item.text}\n                    helperLabel={this.item.commandText}\n                />\n            );\n        }\n\n        if (this.item.commandText) {\n            return (\n                <limel-tooltip\n                    elementId={this.tooltipId}\n                    label={this.item.commandText}\n                />\n            );\n        }\n    }\n}\n","import { Component, Prop, h, Event, EventEmitter } from '@stencil/core';\nimport {\n    MenuItem,\n    LimelMenuCustomEvent,\n    ListSeparator,\n    ActionBarItem,\n    OpenDirection,\n} from '@limetech/lime-elements';\n\n/**\n * @private\n */\n@Component({\n    tag: 'limel-action-bar-overflow-menu',\n    shadow: false,\n})\nexport class ActionBarOverflowMenu {\n    /**\n     * List of the items that should be rendered in the overflow menu.\n     */\n    @Prop()\n    public items: Array<MenuItem | ListSeparator>;\n\n    /**\n     * Defines the location that the content of the overflow menu\n     * appears, in relation to its trigger.\n     * It defaults to `bottom-end`, since in normal scenarios\n     * (for example when the action bar is not floating at the bottom of the screen)\n     * this menu is the right-most item in the user interface of the component.\n     */\n    @Prop({ reflect: true })\n    public openDirection: OpenDirection = 'bottom-end';\n\n    @Event()\n    public select: EventEmitter<ActionBarItem>;\n\n    public render() {\n        return [\n            <limel-menu\n                openDirection={this.openDirection}\n                items={this.items}\n                onSelect={this.handleSelect}\n            >\n                <button slot=\"trigger\">{this.countOverflowedItems()}</button>\n            </limel-menu>,\n        ];\n    }\n\n    private countOverflowedItems = () => {\n        return `+${this.numberOfMenuItems}`;\n    };\n\n    private handleSelect = (event: LimelMenuCustomEvent<MenuItem>) => {\n        event.stopPropagation();\n        this.select.emit(event.detail);\n    };\n\n    private get numberOfMenuItems() {\n        return this.items.filter((item) => this.isMenuItem(item)).length;\n    }\n\n    private isMenuItem(item: MenuItem | ListSeparator): item is MenuItem {\n        return !('separator' in item);\n    }\n}\n"],"mappings":"wIAAA,MAAMA,EAAmB,oqE,MCwBZC,EAAe,MA4BxBC,YAAAC,G,yCA+BQC,KAAAC,YAAeC,IACnBA,EAAMC,kBACNH,KAAKI,OAAOC,KAAKL,KAAKM,KAAK,E,mCA3CH,KAWxBN,KAAKO,UAAYC,G,CAGdC,oBACHC,EAAmBV,KAAKW,K,CAGrBC,uBACHC,EAAqBb,KAAKW,K,CAGvBG,SACH,IAAKd,KAAKe,OAAOf,KAAKM,OAASN,KAAKM,KAAKU,UAAW,CAChD,OAAOC,EAAA,OAAKC,KAAK,a,CAGrB,OACID,EAAA,UACIE,GAAInB,KAAKO,UACTa,KAAK,SACLC,QAASrB,KAAKC,YACdqB,SAAUtB,KAAKuB,cAEdvB,KAAKwB,aACLxB,KAAKyB,cACLzB,KAAK0B,gB,CAUVX,OAAOT,GACX,QAAS,cAAeA,E,CAGpBiB,aACJ,GAAIvB,KAAKe,OAAOf,KAAKM,OAASN,KAAKM,KAAKgB,SAAU,CAC9C,OAAO,I,CAGX,IAAKtB,KAAK2B,UAAW,CACjB,OAAO,I,EAIPH,aACJ,GAAIxB,KAAKe,OAAOf,KAAKM,QAAUN,KAAKM,KAAKsB,KAAM,CAC3C,M,CAGJ,GAAI,SAAU5B,KAAKM,KAAM,CACrB,OACIW,EAAA,cACIY,KAAM7B,KAAKM,KAAKsB,KAChBE,MAAO,CACH,+BAAgC,GAAG9B,KAAKM,KAAKyB,c,EAOzDN,cACJ,IAAKzB,KAAKe,OAAOf,KAAKM,OAASN,KAAKM,KAAK0B,SAAU,CAC/C,M,CAGJ,OAAOf,EAAA,QAAMgB,MAAM,QAAQjC,KAAKM,KAAK4B,K,CAGjCR,gBACJ,IAAK1B,KAAKe,OAAOf,KAAKM,MAAO,CACzB,M,CAGJ,GAAIN,KAAKM,KAAK4B,KAAM,CAChB,OACIjB,EAAA,iBACIkB,UAAWnC,KAAKO,UAChB6B,MAAOpC,KAAKM,KAAK4B,KACjBG,YAAarC,KAAKM,KAAKgC,a,CAKnC,GAAItC,KAAKM,KAAKgC,YAAa,CACvB,OACIrB,EAAA,iBACIkB,UAAWnC,KAAKO,UAChB6B,MAAOpC,KAAKM,KAAKgC,a,8CClIxBC,EAAqB,M,wDAgCtBvC,KAAAwC,qBAAuB,IACpB,IAAIxC,KAAKyC,oBAGZzC,KAAA0C,aAAgBxC,IACpBA,EAAMC,kBACNH,KAAKI,OAAOC,KAAKH,EAAMyC,OAAO,E,wCAvBI,Y,CAK/B7B,SACH,MAAO,CACHG,EAAA,cACI2B,cAAe5C,KAAK4C,cACpBC,MAAO7C,KAAK6C,MACZC,SAAU9C,KAAK0C,cAEfzB,EAAA,UAAQ8B,KAAK,WAAW/C,KAAKwC,yB,CAc7BC,wBACR,OAAOzC,KAAK6C,MAAMG,QAAQ1C,GAASN,KAAKiD,WAAW3C,KAAO4C,M,CAGtDD,WAAW3C,GACf,QAAS,cAAeA,E"}

package/dist/lime-elements/p-e0a0065f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,g as e}from"./p-3075aa67.js";import{c as s}from"./p-240fda3b.js";class r{constructor(t){this.promises={};this.cache=t}async get(t,i=""){const e=await this.cache;const s=this.getUrl(t,i);let r=await e.match(s);if(!r){r=await this.fetchData(s,e)}return this.getIcon(r)}async fetchData(t,i){let e=this.promises[t];if(e===undefined){e=i.add(t);this.promises[t]=e}await e;return i.match(t)}async getIcon(t){let i=await t.text();i=i.replace(/#000000/g,"currentColor");if(!this.validSvg(i)){throw new Error("Invalid SVG")}return i}validSvg(t){const i=new DOMParser;const e=i.parseFromString(t,"image/svg+xml");return e.documentElement.tagName.toLowerCase()==="svg"}getUrl(t,i){let e=i||"";if(i&&!i.endsWith("/")){e=`${i}/`}return`${e}assets/icons/${t}.svg`}}class n{constructor(){this.cache={};this.resolveFunctions={}}async get(t,i=""){if(!this.cache[t]){this.cache[t]=await this.getIcon(t,i)}return this.cache[t]}getIcon(t,i){return new Promise((e=>{if(!this.resolveFunctions[t]){this.resolveFunctions[t]=[];this.fetchData(t,i)}this.resolveFunctions[t].push(e)}))}async fetchData(t,i){let e=i||"";if(i&&!i.endsWith("/")){e=`${i}/`}const s=await fetch(`${e}assets/icons/${t}.svg`);let r=await s.text();r=r.replace(/#000000/g,"currentColor");if(!this.validSvg(r)){throw new Error("Invalid SVG")}this.resolvePromises(t,r)}validSvg(t){const i=new DOMParser;const e=i.parseFromString(t,"image/svg+xml");return e.documentElement.tagName.toLowerCase()==="svg"}resolvePromises(t,i){const e=this.resolveFunctions[t];e.forEach((t=>{t(i)}));this.resolveFunctions[t]=null}}const a="@limetech/lime-elements/icons";function o(){try{const t=caches.open(a);return new r(t)}catch(t){return new n}}const h=(()=>o())();const m=":host{background-color:var(--icon-background-color, transparent);border-radius:50%;display:inline-block;line-height:0;box-sizing:border-box}:host svg{fill:currentColor;height:100%;pointer-events:none;width:100%}:host([hidden]){display:none}:host([size=x-small]){height:0.9375rem !important;width:0.9375rem !important}:host([size=small]){height:1.25rem !important;width:1.25rem !important}:host([size=medium]){height:1.5625rem !important;width:1.5625rem !important}:host([size=large]){height:1.875rem !important;width:1.875rem !important}:host([badge][size=x-small]){height:1.4375rem !important;width:1.4375rem !important}:host([badge][size=x-small])>div{margin:0.25rem}:host([badge][size=small]){height:1.875rem !important;width:1.875rem !important}:host([badge][size=small])>div{margin:0.3125rem}:host([badge][size=medium]){height:2.5rem !important;width:2.5rem !important}:host([badge][size=medium])>div{margin:0.5rem}:host([badge][size=large]){height:2.875rem !important;width:2.875rem !important}:host([badge][size=large])>div{margin:0.5rem}";const c=class{constructor(i){t(this,i);this.size=undefined;this.name=undefined;this.badge=undefined}componentDidLoad(){this.loadIcon(this.name)}render(){return i("div",{class:"container"})}async loadIcon(t){if(t===undefined||t===""){return}const i=await this.loadSvg(t);this.renderSvg(i)}loadSvg(t){return h.get(t,s.iconPath)}renderSvg(t){const i=this.host.shadowRoot.querySelector("div.container");if(i){i.innerHTML=t}}get host(){return e(this)}static get watchers(){return{name:["loadIcon"]}}};c.style=m;export{c as limel_icon};
+//# sourceMappingURL=p-e0a0065f.entry.js.map

package/dist/lime-elements/p-e0a0065f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CacheStorageIconCache","constructor","cache","this","promises","async","name","path","url","getUrl","response","match","fetchData","getIcon","requestPromise","undefined","add","svgData","text","replace","validSvg","Error","data","parser","DOMParser","svgDoc","parseFromString","documentElement","tagName","toLowerCase","iconPath","endsWith","InMemoryIconCache","resolveFunctions","Promise","resolve","push","fetch","resolvePromises","resolves","forEach","CACHE_NAME","createIconCache","caches","open","_a","iconCache","iconCss","Icon","componentDidLoad","loadIcon","render","h","class","loadSvg","renderSvg","get","config","container","host","shadowRoot","querySelector","innerHTML"],"sources":["./src/global/icon-cache/cache-storage-icon-cache.ts","./src/global/icon-cache/in-memory-icon-cache.ts","./src/global/icon-cache/factory.ts","./src/components/icon/icon.scss?tag=limel-icon&encapsulation=shadow","./src/components/icon/icon.tsx"],"sourcesContent":["export class CacheStorageIconCache {\n    /*\n     * Cache of all loaded SVGs\n     */\n    private cache: Promise<Cache>;\n\n    private promises: Record<string, Promise<void>> = {};\n\n    constructor(cache: Promise<Cache>) {\n        this.cache = cache;\n    }\n\n    /**\n     * Get icon data from the cache\n     * @param {string} name name of the icon\n     * @param {string} path path on the server where the assets are located\n     * @returns {Promise<string>} svg markup\n     */\n    public async get(name: string, path: string = ''): Promise<string> {\n        const cache = await this.cache;\n        const url = this.getUrl(name, path);\n\n        let response = await cache.match(url);\n        if (!response) {\n            response = await this.fetchData(url, cache);\n        }\n\n        return this.getIcon(response);\n    }\n\n    private async fetchData(url: string, cache: Cache): Promise<Response> {\n        let requestPromise = this.promises[url];\n        if (requestPromise === undefined) {\n            requestPromise = cache.add(url);\n            this.promises[url] = requestPromise;\n        }\n\n        await requestPromise;\n\n        return cache.match(url);\n    }\n\n    /*\n     * Get icon data from a response\n     */\n    private async getIcon(response: Response): Promise<string> {\n        let svgData = await response.text();\n\n        // Some of the icons in the Icons8 library have hard coded black color on some of the paths.\n        // In order to apply coloring with CSS, these have to be set to 'currentColor'\n        svgData = svgData.replace(/#000000/g, 'currentColor');\n\n        if (!this.validSvg(svgData)) {\n            throw new Error('Invalid SVG');\n        }\n\n        return svgData;\n    }\n\n    /*\n     * Check if the given data is a valid SVG document\n     */\n    private validSvg(data) {\n        const parser = new DOMParser();\n        const svgDoc = parser.parseFromString(data, 'image/svg+xml');\n\n        return svgDoc.documentElement.tagName.toLowerCase() === 'svg';\n    }\n\n    private getUrl(name: string, path: string): string {\n        let iconPath = path || '';\n        if (path && !path.endsWith('/')) {\n            iconPath = `${path}/`;\n        }\n\n        return `${iconPath}assets/icons/${name}.svg`;\n    }\n}\n","export class InMemoryIconCache {\n    /*\n     * Cache of all loaded SVGs\n     */\n    private cache = {};\n\n    /*\n     * Contains resolve functions for all unresolved promises that are waiting for SVG data.\n     */\n    private resolveFunctions = {};\n\n    /**\n     * Get icon data from the cache\n     * @param {string} name name of the icon\n     * @param {string} path path on the server where the assets are located\n     * @returns {string} svg markup\n     */\n    public async get(name, path = '') {\n        if (!this.cache[name]) {\n            this.cache[name] = await this.getIcon(name, path);\n        }\n\n        return this.cache[name];\n    }\n\n    /*\n     * Creates and returns a promise that will be resolved when SVG data is available\n     */\n    private getIcon(name, path) {\n        return new Promise((resolve) => {\n            if (!this.resolveFunctions[name]) {\n                this.resolveFunctions[name] = [];\n                this.fetchData(name, path);\n            }\n\n            this.resolveFunctions[name].push(resolve);\n        });\n    }\n\n    /*\n     * Fetch SVG data from the server\n     */\n    private async fetchData(name, path) {\n        let iconPath = path || '';\n        if (path && !path.endsWith('/')) {\n            iconPath = `${path}/`;\n        }\n\n        const response = await fetch(`${iconPath}assets/icons/${name}.svg`);\n\n        let svgData = await response.text();\n\n        // Some of the icons in the Icons8 library have hard coded black color on some of the paths.\n        // In order to apply coloring with CSS, these have to be set to 'currentColor'\n        svgData = svgData.replace(/#000000/g, 'currentColor');\n        if (!this.validSvg(svgData)) {\n            throw new Error('Invalid SVG');\n        }\n\n        this.resolvePromises(name, svgData);\n    }\n\n    /*\n     * Check if the given data is a valid SVG document\n     */\n    private validSvg(data) {\n        const parser = new DOMParser();\n        const svgDoc = parser.parseFromString(data, 'image/svg+xml');\n\n        return svgDoc.documentElement.tagName.toLowerCase() === 'svg';\n    }\n\n    /*\n     * Resolve all promises waiting for data for a specific icon\n     */\n    private resolvePromises(name, svgData) {\n        const resolves = this.resolveFunctions[name];\n        resolves.forEach((resolve) => {\n            resolve(svgData);\n        });\n        this.resolveFunctions[name] = null;\n    }\n}\n","import { CacheStorageIconCache } from './cache-storage-icon-cache';\nimport { InMemoryIconCache } from './in-memory-icon-cache';\n\nconst CACHE_NAME = '@limetech/lime-elements/icons';\n\nfunction createIconCache() {\n    try {\n        const cache = caches.open(CACHE_NAME);\n\n        return new CacheStorageIconCache(cache);\n    } catch {\n        return new InMemoryIconCache();\n    }\n}\n\nexport default (() => {\n    return createIconCache();\n})();\n","@use '../../style/functions';\n\n/**\n * @prop --icon-background-color: Background color when attribute `badge` is set to `true`. Defaults to `transparent`.\n */\n\n:host {\n    background-color: var(--icon-background-color, transparent);\n    border-radius: 50%;\n    display: inline-block;\n    line-height: 0;\n    box-sizing: border-box;\n\n    svg {\n        fill: currentColor;\n        height: 100%;\n        pointer-events: none;\n        width: 100%;\n    }\n}\n\n:host([hidden]) {\n    display: none;\n}\n\n:host([size='x-small']) {\n    height: functions.pxToRem(15) !important;\n    width: functions.pxToRem(15) !important;\n}\n:host([size='small']) {\n    height: functions.pxToRem(20) !important;\n    width: functions.pxToRem(20) !important;\n}\n:host([size='medium']) {\n    height: functions.pxToRem(25) !important;\n    width: functions.pxToRem(25) !important;\n}\n:host([size='large']) {\n    height: functions.pxToRem(30) !important;\n    width: functions.pxToRem(30) !important;\n}\n\n:host([badge][size='x-small']) {\n    height: functions.pxToRem(23) !important;\n    width: functions.pxToRem(23) !important;\n\n    > div {\n        margin: functions.pxToRem(4);\n    }\n}\n:host([badge][size='small']) {\n    height: functions.pxToRem(30) !important;\n    width: functions.pxToRem(30) !important;\n\n    > div {\n        margin: functions.pxToRem(5);\n    }\n}\n:host([badge][size='medium']) {\n    height: functions.pxToRem(40) !important;\n    width: functions.pxToRem(40) !important;\n\n    > div {\n        margin: functions.pxToRem(8);\n    }\n}\n:host([badge][size='large']) {\n    height: functions.pxToRem(46) !important;\n    width: functions.pxToRem(46) !important;\n\n    > div {\n        margin: functions.pxToRem(8);\n    }\n}\n","import { Component, Element, h, Prop, Watch } from '@stencil/core';\nimport config from '../../global/config';\nimport iconCache from '../../global/icon-cache/factory';\nimport { IconSize } from './icon.types';\n\n/**\n * The recommended icon library for use with Lime Elements is the Windows 10 set\n * from Icons8 (https://icons8.com/icons/windows). This set is included in the\n * relevant Lime products. If you are using Lime Elements in a non-Lime product,\n * you will have to supply your own icons.\n *\n * The size and color of the icon is set in CSS, however there are a few\n * standard sizes defined that can be used with the `size` property.\n *\n * ### Setup\n * To use **@lundalogik/lime-icons8**, the `/assets` folder from\n * __@lundalogik/lime-icons8__ must be made available on the webserver.\n * To use a different icon set, the icons must be placed in a folder structure\n * that looks like this: `assets/icons/<name-of-icon>.svg`\n *\n * If `assets` is placed in the root, no other setup is needed. The icons will\n * be fetched with a relative URL from `/assets/icons/<name-of-icon>.svg`.\n *\n * If `assets` is placed in a sub-folder somewhere, the easiest way to make the\n * icons available is to use the HTML `base` element:\n *\n * ```\n * <base href=\"/my/parent/path/\">\n * ```\n *\n * If this is not enough, or if the `base` element is already in use for\n * something else, a global icon path can be configured with the `limel-config`\n * element:\n * ```\n * <limel-config config={{iconPath: '/my/parent/path/'}} />\n * ```\n *\n * ### Lime icons\n * There are icons included in the **@lundalogik/lime-icons8** package which are\n * designed by our designers at Lime.\n * The names of these icons start with `-lime-`, which makes them easy to\n * find using the Icon Finder tool below.\n * :::note\n * Some of the `-lime-` icons have multiple colors and use our own CSS variables\n * instead of HEX or RGB values to visualize their colors. Thus, you must import\n * our color palette css files into your project to render the icons properly.\n * Read more about our [Color System](#/DesignGuidelines/color-system.md/)\n * and how to do this.\n * :::\n *\n * ### Icon Finder\n *\n * Search for an icon and **click on it to copy its name to clipboard**.\n *\n * <limel-example-icon-finder />\n * @exampleComponent limel-example-icon\n * @exampleComponent limel-example-icon-background\n */\n@Component({\n    tag: 'limel-icon',\n    shadow: true,\n    styleUrl: 'icon.scss',\n})\nexport class Icon {\n    /**\n     * Size of the icon\n     */\n    @Prop({ reflect: true })\n    public size: IconSize;\n\n    /**\n     * Name of the icon\n     */\n    @Prop({ reflect: true })\n    public name: string;\n\n    /**\n     * Set to `true` to give the icon a round background with some padding.\n     * Only works when the `size` attribute is also set.\n     */\n    @Prop({ reflect: true })\n    public badge: boolean;\n\n    @Element()\n    private host: HTMLLimelIconElement;\n\n    public componentDidLoad() {\n        this.loadIcon(this.name);\n    }\n\n    public render() {\n        return <div class=\"container\" />;\n    }\n\n    @Watch('name')\n    protected async loadIcon(name: string) {\n        if (name === undefined || name === '') {\n            return;\n        }\n\n        const svgData = await this.loadSvg(name);\n        this.renderSvg(svgData);\n    }\n\n    /**\n     * Load the SVG data for the icon from the icon cache\n     * @param {string} name name of the icon\n     * @returns {string} the icon SVG data\n     */\n    private loadSvg(name: string) {\n        return iconCache.get(name, config.iconPath);\n    }\n\n    /*\n     * There is no way to style external SVG files with CSS, i.e. SVGs loaded\n     * with <img src=\"file.svg\" /> or <object data=\"file.svg\" type=\"image/svg+xml\" />\n     * will remain the way they look in the file.\n     * Therefore we inject the svg as inline markup instead.\n     */\n    private renderSvg(svgData: string) {\n        const container = this.host.shadowRoot.querySelector('div.container');\n        if (container) {\n            container.innerHTML = svgData;\n        }\n    }\n}\n"],"mappings":"4FAAaA,EAQTC,YAAYC,GAFJC,KAAAC,SAA0C,GAG9CD,KAAKD,MAAQA,C,CASVG,UAAUC,EAAcC,EAAe,IAC1C,MAAML,QAAcC,KAAKD,MACzB,MAAMM,EAAML,KAAKM,OAAOH,EAAMC,GAE9B,IAAIG,QAAiBR,EAAMS,MAAMH,GACjC,IAAKE,EAAU,CACXA,QAAiBP,KAAKS,UAAUJ,EAAKN,E,CAGzC,OAAOC,KAAKU,QAAQH,E,CAGhBL,gBAAgBG,EAAaN,GACjC,IAAIY,EAAiBX,KAAKC,SAASI,GACnC,GAAIM,IAAmBC,UAAW,CAC9BD,EAAiBZ,EAAMc,IAAIR,GAC3BL,KAAKC,SAASI,GAAOM,C,OAGnBA,EAEN,OAAOZ,EAAMS,MAAMH,E,CAMfH,cAAcK,GAClB,IAAIO,QAAgBP,EAASQ,OAI7BD,EAAUA,EAAQE,QAAQ,WAAY,gBAEtC,IAAKhB,KAAKiB,SAASH,GAAU,CACzB,MAAM,IAAII,MAAM,c,CAGpB,OAAOJ,C,CAMHG,SAASE,GACb,MAAMC,EAAS,IAAIC,UACnB,MAAMC,EAASF,EAAOG,gBAAgBJ,EAAM,iBAE5C,OAAOG,EAAOE,gBAAgBC,QAAQC,gBAAkB,K,CAGpDpB,OAAOH,EAAcC,GACzB,IAAIuB,EAAWvB,GAAQ,GACvB,GAAIA,IAASA,EAAKwB,SAAS,KAAM,CAC7BD,EAAW,GAAGvB,I,CAGlB,MAAO,GAAGuB,iBAAwBxB,O,QC3E7B0B,EAAb/B,cAIYE,KAAAD,MAAQ,GAKRC,KAAA8B,iBAAmB,E,CAQpB5B,UAAUC,EAAMC,EAAO,IAC1B,IAAKJ,KAAKD,MAAMI,GAAO,CACnBH,KAAKD,MAAMI,SAAcH,KAAKU,QAAQP,EAAMC,E,CAGhD,OAAOJ,KAAKD,MAAMI,E,CAMdO,QAAQP,EAAMC,GAClB,OAAO,IAAI2B,SAASC,IAChB,IAAKhC,KAAK8B,iBAAiB3B,GAAO,CAC9BH,KAAK8B,iBAAiB3B,GAAQ,GAC9BH,KAAKS,UAAUN,EAAMC,E,CAGzBJ,KAAK8B,iBAAiB3B,GAAM8B,KAAKD,EAAQ,G,CAOzC9B,gBAAgBC,EAAMC,GAC1B,IAAIuB,EAAWvB,GAAQ,GACvB,GAAIA,IAASA,EAAKwB,SAAS,KAAM,CAC7BD,EAAW,GAAGvB,I,CAGlB,MAAMG,QAAiB2B,MAAM,GAAGP,iBAAwBxB,SAExD,IAAIW,QAAgBP,EAASQ,OAI7BD,EAAUA,EAAQE,QAAQ,WAAY,gBACtC,IAAKhB,KAAKiB,SAASH,GAAU,CACzB,MAAM,IAAII,MAAM,c,CAGpBlB,KAAKmC,gBAAgBhC,EAAMW,E,CAMvBG,SAASE,GACb,MAAMC,EAAS,IAAIC,UACnB,MAAMC,EAASF,EAAOG,gBAAgBJ,EAAM,iBAE5C,OAAOG,EAAOE,gBAAgBC,QAAQC,gBAAkB,K,CAMpDS,gBAAgBhC,EAAMW,GAC1B,MAAMsB,EAAWpC,KAAK8B,iBAAiB3B,GACvCiC,EAASC,SAASL,IACdA,EAAQlB,EAAQ,IAEpBd,KAAK8B,iBAAiB3B,GAAQ,I,EC7EtC,MAAMmC,EAAa,gCAEnB,SAASC,IACL,IACI,MAAMxC,EAAQyC,OAAOC,KAAKH,GAE1B,OAAO,IAAIzC,EAAsBE,E,CACnC,MAAA2C,GACE,OAAO,IAAIb,C,CAEnB,CAEA,MAAAc,EAAe,KACJJ,IADI,GCff,MAAMK,EAAU,whC,MC+DHC,EAAI,M,sFAuBNC,mBACH9C,KAAK+C,SAAS/C,KAAKG,K,CAGhB6C,SACH,OAAOC,EAAA,OAAKC,MAAM,a,CAIZhD,eAAeC,GACrB,GAAIA,IAASS,WAAaT,IAAS,GAAI,CACnC,M,CAGJ,MAAMW,QAAgBd,KAAKmD,QAAQhD,GACnCH,KAAKoD,UAAUtC,E,CAQXqC,QAAQhD,GACZ,OAAOwC,EAAUU,IAAIlD,EAAMmD,EAAO3B,S,CAS9ByB,UAAUtC,GACd,MAAMyC,EAAYvD,KAAKwD,KAAKC,WAAWC,cAAc,iBACrD,GAAIH,EAAW,CACXA,EAAUI,UAAY7C,C"}

package/dist/lime-elements/{p-a4c39571.entry.js → p-f1b0951f.entry.js}

@@ -1,4 +1,4 @@
-import{r as t,c as e,h as r,H as i,g as n}from"./p-3075aa67.js";import{c as s}from"./p-3ccdc4a3.js";import{M as o,a}from"./p-48d4ef20.js";import{M as d,a as c,b as l}from"./p-cbc43682.js";import{m}from"./p-dcc97cc2.js";import{A as h}from"./p-48105d44.js";import{g as u}from"./p-9faad6eb.js";
+import{r as t,c as r,h as e,H as i,g as n}from"./p-3075aa67.js";import{c as s}from"./p-3ccdc4a3.js";import{M as o,a}from"./p-48d4ef20.js";import{M as d,a as c,b as l}from"./p-cbc43682.js";import{m as h}from"./p-dcc97cc2.js";import{A as m}from"./p-48105d44.js";import{g as u}from"./p-9faad6eb.js";
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -12,7 +12,7 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
 LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var f=function(t,e){f=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r))t[r]=e[r]};return f(t,e)};function p(t,e){if(typeof e!=="function"&&e!==null)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");f(t,e);function r(){this.constructor=t}t.prototype=e===null?Object.create(e):(r.prototype=e.prototype,new r)}var b=function(){b=Object.assign||function t(e){for(var r,i=1,n=arguments.length;i<n;i++){r=arguments[i];for(var s in r)if(Object.prototype.hasOwnProperty.call(r,s))e[s]=r[s]}return e};return b.apply(this,arguments)};
+***************************************************************************** */var f=function(t,r){f=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,r){t.__proto__=r}||function(t,r){for(var e in r)if(Object.prototype.hasOwnProperty.call(r,e))t[e]=r[e]};return f(t,r)};function p(t,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");f(t,r);function e(){this.constructor=t}t.prototype=r===null?Object.create(r):(e.prototype=r.prototype,new e)}var b=function(){b=Object.assign||function t(r){for(var e,i=1,n=arguments.length;i<n;i++){e=arguments[i];for(var s in e)if(Object.prototype.hasOwnProperty.call(e,s))r[s]=e[s]}return r};return b.apply(this,arguments)};
 /**
  * @license
  * Copyright 2020 Google Inc.
@@ -78,7 +78,7 @@ PERFORMANCE OF THIS SOFTWARE.
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
- */var w;(function(t){t["SLIDER_UPDATE"]="slider_update"})(w||(w={}));var E=typeof window!=="undefined";var T=function(t){p(e,t);function e(r){var i=t.call(this,b(b({},e.defaultAdapter),r))||this;i.initialStylesRemoved=false;i.isDisabled=false;i.isDiscrete=false;i.step=_.STEP_SIZE;i.hasTickMarks=false;i.isRange=false;i.thumb=null;i.downEventClientX=null;i.startThumbKnobWidth=0;i.endThumbKnobWidth=0;i.animFrame=new h;return i}Object.defineProperty(e,"defaultAdapter",{get:function(){return{hasClass:function(){return false},addClass:function(){return undefined},removeClass:function(){return undefined},addThumbClass:function(){return undefined},removeThumbClass:function(){return undefined},getAttribute:function(){return null},getInputValue:function(){return""},setInputValue:function(){return undefined},getInputAttribute:function(){return null},setInputAttribute:function(){return null},removeInputAttribute:function(){return null},focusInput:function(){return undefined},isInputFocused:function(){return false},getThumbKnobWidth:function(){return 0},getThumbBoundingClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getBoundingClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},isRTL:function(){return false},setThumbStyleProperty:function(){return undefined},removeThumbStyleProperty:function(){return undefined},setTrackActiveStyleProperty:function(){return undefined},removeTrackActiveStyleProperty:function(){return undefined},setValueIndicatorText:function(){return undefined},getValueToAriaValueTextFn:function(){return null},updateTickMarks:function(){return undefined},setPointerCapture:function(){return undefined},emitChangeEvent:function(){return undefined},emitInputEvent:function(){return undefined},emitDragStartEvent:function(){return undefined},emitDragEndEvent:function(){return undefined},registerEventHandler:function(){return undefined},deregisterEventHandler:function(){return undefined},registerThumbEventHandler:function(){return undefined},deregisterThumbEventHandler:function(){return undefined},registerInputEventHandler:function(){return undefined},deregisterInputEventHandler:function(){return undefined},registerBodyEventHandler:function(){return undefined},deregisterBodyEventHandler:function(){return undefined},registerWindowEventHandler:function(){return undefined},deregisterWindowEventHandler:function(){return undefined}}},enumerable:false,configurable:true});e.prototype.init=function(){var t=this;this.isDisabled=this.adapter.hasClass(v.DISABLED);this.isDiscrete=this.adapter.hasClass(v.DISCRETE);this.hasTickMarks=this.adapter.hasClass(v.TICK_MARKS);this.isRange=this.adapter.hasClass(v.RANGE);var e=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_MIN,this.isRange?x.START:x.END),g.INPUT_MIN);var r=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_MAX,x.END),g.INPUT_MAX);var i=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_VALUE,x.END),g.INPUT_VALUE);var n=this.isRange?this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_VALUE,x.START),g.INPUT_VALUE):e;var s=this.adapter.getInputAttribute(g.INPUT_STEP,x.END);var o=s?this.convertAttributeValueToNumber(s,g.INPUT_STEP):this.step;this.validateProperties({min:e,max:r,value:i,valueStart:n,step:o});this.min=e;this.max=r;this.value=i;this.valueStart=n;this.step=o;this.numDecimalPlaces=I(this.step);this.valueBeforeDownEvent=i;this.valueStartBeforeDownEvent=n;this.mousedownOrTouchstartListener=this.handleMousedownOrTouchstart.bind(this);this.moveListener=this.handleMove.bind(this);this.pointerdownListener=this.handlePointerdown.bind(this);this.pointerupListener=this.handlePointerup.bind(this);this.thumbMouseenterListener=this.handleThumbMouseenter.bind(this);this.thumbMouseleaveListener=this.handleThumbMouseleave.bind(this);this.inputStartChangeListener=function(){t.handleInputChange(x.START)};this.inputEndChangeListener=function(){t.handleInputChange(x.END)};this.inputStartFocusListener=function(){t.handleInputFocus(x.START)};this.inputEndFocusListener=function(){t.handleInputFocus(x.END)};this.inputStartBlurListener=function(){t.handleInputBlur(x.START)};this.inputEndBlurListener=function(){t.handleInputBlur(x.END)};this.resizeListener=this.handleResize.bind(this);this.registerEventHandlers()};e.prototype.destroy=function(){this.deregisterEventHandlers()};e.prototype.setMin=function(t){this.min=t;if(!this.isRange){this.valueStart=t}this.updateUI()};e.prototype.setMax=function(t){this.max=t;this.updateUI()};e.prototype.getMin=function(){return this.min};e.prototype.getMax=function(){return this.max};e.prototype.getValue=function(){return this.value};e.prototype.setValue=function(t){if(this.isRange&&t<this.valueStart){throw new Error("end thumb value ("+t+") must be >= start thumb "+("value ("+this.valueStart+")"))}this.updateValue(t,x.END)};e.prototype.getValueStart=function(){if(!this.isRange){throw new Error("`valueStart` is only applicable for range sliders.")}return this.valueStart};e.prototype.setValueStart=function(t){if(!this.isRange){throw new Error("`valueStart` is only applicable for range sliders.")}if(this.isRange&&t>this.value){throw new Error("start thumb value ("+t+") must be <= end thumb "+("value ("+this.value+")"))}this.updateValue(t,x.START)};e.prototype.setStep=function(t){this.step=t;this.numDecimalPlaces=I(t);this.updateUI()};e.prototype.setIsDiscrete=function(t){this.isDiscrete=t;this.updateValueIndicatorUI();this.updateTickMarksUI()};e.prototype.getStep=function(){return this.step};e.prototype.setHasTickMarks=function(t){this.hasTickMarks=t;this.updateTickMarksUI()};e.prototype.getDisabled=function(){return this.isDisabled};e.prototype.setDisabled=function(t){this.isDisabled=t;if(t){this.adapter.addClass(v.DISABLED);if(this.isRange){this.adapter.setInputAttribute(g.INPUT_DISABLED,"",x.START)}this.adapter.setInputAttribute(g.INPUT_DISABLED,"",x.END)}else{this.adapter.removeClass(v.DISABLED);if(this.isRange){this.adapter.removeInputAttribute(g.INPUT_DISABLED,x.START)}this.adapter.removeInputAttribute(g.INPUT_DISABLED,x.END)}};e.prototype.getIsRange=function(){return this.isRange};e.prototype.layout=function(t){var e=t===void 0?{}:t,r=e.skipUpdateUI;this.rect=this.adapter.getBoundingClientRect();if(this.isRange){this.startThumbKnobWidth=this.adapter.getThumbKnobWidth(x.START);this.endThumbKnobWidth=this.adapter.getThumbKnobWidth(x.END)}if(!r){this.updateUI()}};e.prototype.handleResize=function(){this.layout()};e.prototype.handleDown=function(t){if(this.isDisabled)return;this.valueStartBeforeDownEvent=this.valueStart;this.valueBeforeDownEvent=this.value;var e=t.clientX!=null?t.clientX:t.targetTouches[0].clientX;this.downEventClientX=e;var r=this.mapClientXOnSliderScale(e);this.thumb=this.getThumbFromDownEvent(e,r);if(this.thumb===null)return;this.handleDragStart(t,r,this.thumb);this.updateValue(r,this.thumb,{emitInputEvent:true})};e.prototype.handleMove=function(t){if(this.isDisabled)return;t.preventDefault();var e=t.clientX!=null?t.clientX:t.targetTouches[0].clientX;var r=this.thumb!=null;this.thumb=this.getThumbFromMoveEvent(e);if(this.thumb===null)return;var i=this.mapClientXOnSliderScale(e);if(!r){this.handleDragStart(t,i,this.thumb);this.adapter.emitDragStartEvent(i,this.thumb)}this.updateValue(i,this.thumb,{emitInputEvent:true})};e.prototype.handleUp=function(){if(this.isDisabled||this.thumb===null)return;var t=this.thumb===x.START?this.valueStartBeforeDownEvent:this.valueBeforeDownEvent;var e=this.thumb===x.START?this.valueStart:this.value;if(t!==e){this.adapter.emitChangeEvent(e,this.thumb)}this.adapter.emitDragEndEvent(e,this.thumb);this.thumb=null};e.prototype.handleThumbMouseenter=function(){if(!this.isDiscrete||!this.isRange)return;this.adapter.addThumbClass(v.THUMB_WITH_INDICATOR,x.START);this.adapter.addThumbClass(v.THUMB_WITH_INDICATOR,x.END)};e.prototype.handleThumbMouseleave=function(){if(!this.isDiscrete||!this.isRange)return;if(this.adapter.isInputFocused(x.START)||this.adapter.isInputFocused(x.END)){return}this.adapter.removeThumbClass(v.THUMB_WITH_INDICATOR,x.START);this.adapter.removeThumbClass(v.THUMB_WITH_INDICATOR,x.END)};e.prototype.handleMousedownOrTouchstart=function(t){var e=this;var r=t.type==="mousedown"?"mousemove":"touchmove";this.adapter.registerBodyEventHandler(r,this.moveListener);var i=function(){e.handleUp();e.adapter.deregisterBodyEventHandler(r,e.moveListener);e.adapter.deregisterEventHandler("mouseup",i);e.adapter.deregisterEventHandler("touchend",i)};this.adapter.registerBodyEventHandler("mouseup",i);this.adapter.registerBodyEventHandler("touchend",i);this.handleDown(t)};e.prototype.handlePointerdown=function(t){this.adapter.setPointerCapture(t.pointerId);this.adapter.registerEventHandler("pointermove",this.moveListener);this.handleDown(t)};e.prototype.handleInputChange=function(t){var e=Number(this.adapter.getInputValue(t));if(t===x.START){this.setValueStart(e)}else{this.setValue(e)}this.adapter.emitChangeEvent(t===x.START?this.valueStart:this.value,t);this.adapter.emitInputEvent(t===x.START?this.valueStart:this.value,t)};e.prototype.handleInputFocus=function(t){this.adapter.addThumbClass(v.THUMB_FOCUSED,t);if(!this.isDiscrete)return;this.adapter.addThumbClass(v.THUMB_WITH_INDICATOR,t);if(this.isRange){var e=t===x.START?x.END:x.START;this.adapter.addThumbClass(v.THUMB_WITH_INDICATOR,e)}};e.prototype.handleInputBlur=function(t){this.adapter.removeThumbClass(v.THUMB_FOCUSED,t);if(!this.isDiscrete)return;this.adapter.removeThumbClass(v.THUMB_WITH_INDICATOR,t);if(this.isRange){var e=t===x.START?x.END:x.START;this.adapter.removeThumbClass(v.THUMB_WITH_INDICATOR,e)}};e.prototype.handleDragStart=function(t,e,r){this.adapter.emitDragStartEvent(e,r);this.adapter.focusInput(r);t.preventDefault()};e.prototype.getThumbFromDownEvent=function(t,e){if(!this.isRange)return x.END;var r=this.adapter.getThumbBoundingClientRect(x.START);var i=this.adapter.getThumbBoundingClientRect(x.END);var n=t>=r.left&&t<=r.right;var s=t>=i.left&&t<=i.right;if(n&&s){return null}if(n){return x.START}if(s){return x.END}if(e<this.valueStart){return x.START}if(e>this.value){return x.END}return e-this.valueStart<=this.value-e?x.START:x.END};e.prototype.getThumbFromMoveEvent=function(t){if(this.thumb!==null)return this.thumb;if(this.downEventClientX===null){throw new Error("`downEventClientX` is null after move event.")}var e=Math.abs(this.downEventClientX-t)<_.THUMB_UPDATE_MIN_PX;if(e)return this.thumb;var r=t<this.downEventClientX;if(r){return this.adapter.isRTL()?x.END:x.START}else{return this.adapter.isRTL()?x.START:x.END}};e.prototype.updateUI=function(t){this.updateThumbAndInputAttributes(t);this.updateThumbAndTrackUI(t);this.updateValueIndicatorUI(t);this.updateTickMarksUI()};e.prototype.updateThumbAndInputAttributes=function(t){if(!t)return;var e=this.isRange&&t===x.START?this.valueStart:this.value;var r=String(e);this.adapter.setInputAttribute(g.INPUT_VALUE,r,t);if(this.isRange&&t===x.START){this.adapter.setInputAttribute(g.INPUT_MIN,r,x.END)}else if(this.isRange&&t===x.END){this.adapter.setInputAttribute(g.INPUT_MAX,r,x.START)}if(this.adapter.getInputValue(t)!==r){this.adapter.setInputValue(r,t)}var i=this.adapter.getValueToAriaValueTextFn();if(i){this.adapter.setInputAttribute(g.ARIA_VALUETEXT,i(e),t)}};e.prototype.updateValueIndicatorUI=function(t){if(!this.isDiscrete)return;var e=this.isRange&&t===x.START?this.valueStart:this.value;this.adapter.setValueIndicatorText(e,t===x.START?x.START:x.END);if(!t&&this.isRange){this.adapter.setValueIndicatorText(this.valueStart,x.START)}};e.prototype.updateTickMarksUI=function(){if(!this.isDiscrete||!this.hasTickMarks)return;var t=(this.valueStart-this.min)/this.step;var e=(this.value-this.valueStart)/this.step+1;var r=(this.max-this.value)/this.step;var i=Array.from({length:t}).fill(k.INACTIVE);var n=Array.from({length:e}).fill(k.ACTIVE);var s=Array.from({length:r}).fill(k.INACTIVE);this.adapter.updateTickMarks(i.concat(n).concat(s))};e.prototype.mapClientXOnSliderScale=function(t){var e=t-this.rect.left;var r=e/this.rect.width;if(this.adapter.isRTL()){r=1-r}var i=this.min+r*(this.max-this.min);if(i===this.max||i===this.min){return i}return Number(this.quantize(i).toFixed(this.numDecimalPlaces))};e.prototype.quantize=function(t){var e=Math.round((t-this.min)/this.step);return this.min+e*this.step};e.prototype.updateValue=function(t,e,r){var i=r===void 0?{}:r,n=i.emitInputEvent;t=this.clampValue(t,e);if(this.isRange&&e===x.START){if(this.valueStart===t)return;this.valueStart=t}else{if(this.value===t)return;this.value=t}this.updateUI(e);if(n){this.adapter.emitInputEvent(e===x.START?this.valueStart:this.value,e)}};e.prototype.clampValue=function(t,e){t=Math.min(Math.max(t,this.min),this.max);var r=this.isRange&&e===x.START&&t>this.value;if(r){return this.value}var i=this.isRange&&e===x.END&&t<this.valueStart;if(i){return this.valueStart}return t};e.prototype.updateThumbAndTrackUI=function(t){var e=this;var r=this,i=r.max,n=r.min;var s=(this.value-this.valueStart)/(i-n);var o=s*this.rect.width;var a=this.adapter.isRTL();var d=E?u(window,"transform"):"transform";if(this.isRange){var c=this.adapter.isRTL()?(i-this.value)/(i-n)*this.rect.width:(this.valueStart-n)/(i-n)*this.rect.width;var l=c+o;this.animFrame.request(w.SLIDER_UPDATE,(function(){var r=!a&&t===x.START||a&&t!==x.START;if(r){e.adapter.setTrackActiveStyleProperty("transform-origin","right");e.adapter.setTrackActiveStyleProperty("left","unset");e.adapter.setTrackActiveStyleProperty("right",e.rect.width-l+"px")}else{e.adapter.setTrackActiveStyleProperty("transform-origin","left");e.adapter.setTrackActiveStyleProperty("right","unset");e.adapter.setTrackActiveStyleProperty("left",c+"px")}e.adapter.setTrackActiveStyleProperty(d,"scaleX("+s+")");var i=a?l:c;var n=e.adapter.isRTL()?c:l;if(t===x.START||!t||!e.initialStylesRemoved){e.adapter.setThumbStyleProperty(d,"translateX("+i+"px)",x.START)}if(t===x.END||!t||!e.initialStylesRemoved){e.adapter.setThumbStyleProperty(d,"translateX("+n+"px)",x.END)}e.removeInitialStyles(a);e.updateOverlappingThumbsUI(i,n,t)}))}else{this.animFrame.request(w.SLIDER_UPDATE,(function(){var t=a?e.rect.width-o:o;e.adapter.setThumbStyleProperty(d,"translateX("+t+"px)",x.END);e.adapter.setTrackActiveStyleProperty(d,"scaleX("+s+")");e.removeInitialStyles(a)}))}};e.prototype.removeInitialStyles=function(t){if(this.initialStylesRemoved)return;var e=t?"right":"left";this.adapter.removeThumbStyleProperty(e,x.END);if(this.isRange){this.adapter.removeThumbStyleProperty(e,x.START)}this.initialStylesRemoved=true;this.resetTrackAndThumbAnimation()};e.prototype.resetTrackAndThumbAnimation=function(){var t=this;if(!this.isDiscrete)return;var e=E?u(window,"transition"):"transition";var r="all 0s ease 0s";this.adapter.setThumbStyleProperty(e,r,x.END);if(this.isRange){this.adapter.setThumbStyleProperty(e,r,x.START)}this.adapter.setTrackActiveStyleProperty(e,r);requestAnimationFrame((function(){t.adapter.removeThumbStyleProperty(e,x.END);t.adapter.removeTrackActiveStyleProperty(e);if(t.isRange){t.adapter.removeThumbStyleProperty(e,x.START)}}))};e.prototype.updateOverlappingThumbsUI=function(t,e,r){var i=false;if(this.adapter.isRTL()){var n=t-this.startThumbKnobWidth/2;var s=e+this.endThumbKnobWidth/2;i=s>=n}else{var o=t+this.startThumbKnobWidth/2;var a=e-this.endThumbKnobWidth/2;i=o>=a}if(i){this.adapter.addThumbClass(v.THUMB_TOP,r||x.END);this.adapter.removeThumbClass(v.THUMB_TOP,r===x.START?x.END:x.START)}else{this.adapter.removeThumbClass(v.THUMB_TOP,x.START);this.adapter.removeThumbClass(v.THUMB_TOP,x.END)}};e.prototype.convertAttributeValueToNumber=function(t,e){if(t===null){throw new Error("MDCSliderFoundation: `"+e+"` must be non-null.")}var r=Number(t);if(isNaN(r)){throw new Error("MDCSliderFoundation: `"+e+"` value is "+("`"+t+"`, but must be a number."))}return r};e.prototype.validateProperties=function(t){var e=t.min,r=t.max,i=t.value,n=t.valueStart,s=t.step;if(e>=r){throw new Error("MDCSliderFoundation: min must be strictly less than max. "+("Current: [min: "+e+", max: "+r+"]"))}if(s<=0){throw new Error("MDCSliderFoundation: step must be a positive number. "+("Current step: "+this.step))}if(this.isRange){if(i<e||i>r||n<e||n>r){throw new Error("MDCSliderFoundation: values must be in [min, max] range. "+("Current values: [start value: "+n+", end value: "+i+"]"))}if(n>i){throw new Error("MDCSliderFoundation: start value must be <= end value. "+("Current values: [start value: "+n+", end value: "+i+"]"))}var o=(n-e)/s;var a=(i-e)/s;if(o%1!==0||a%1!==0){throw new Error("MDCSliderFoundation: Slider values must be valid based on the "+("step value. Current values: [start value: "+n+", ")+("end value: "+i+"]"))}}else{if(i<e||i>r){throw new Error("MDCSliderFoundation: value must be in [min, max] range. "+("Current value: "+i))}var a=(i-e)/s;if(a%1!==0){throw new Error("MDCSliderFoundation: Slider value must be valid based on the "+("step value. Current value: "+i))}}};e.prototype.registerEventHandlers=function(){this.adapter.registerWindowEventHandler("resize",this.resizeListener);if(e.SUPPORTS_POINTER_EVENTS){this.adapter.registerEventHandler("pointerdown",this.pointerdownListener);this.adapter.registerEventHandler("pointerup",this.pointerupListener)}else{this.adapter.registerEventHandler("mousedown",this.mousedownOrTouchstartListener);this.adapter.registerEventHandler("touchstart",this.mousedownOrTouchstartListener)}if(this.isRange){this.adapter.registerThumbEventHandler(x.START,"mouseenter",this.thumbMouseenterListener);this.adapter.registerThumbEventHandler(x.START,"mouseleave",this.thumbMouseleaveListener);this.adapter.registerInputEventHandler(x.START,"change",this.inputStartChangeListener);this.adapter.registerInputEventHandler(x.START,"focus",this.inputStartFocusListener);this.adapter.registerInputEventHandler(x.START,"blur",this.inputStartBlurListener)}this.adapter.registerThumbEventHandler(x.END,"mouseenter",this.thumbMouseenterListener);this.adapter.registerThumbEventHandler(x.END,"mouseleave",this.thumbMouseleaveListener);this.adapter.registerInputEventHandler(x.END,"change",this.inputEndChangeListener);this.adapter.registerInputEventHandler(x.END,"focus",this.inputEndFocusListener);this.adapter.registerInputEventHandler(x.END,"blur",this.inputEndBlurListener)};e.prototype.deregisterEventHandlers=function(){this.adapter.deregisterWindowEventHandler("resize",this.resizeListener);if(e.SUPPORTS_POINTER_EVENTS){this.adapter.deregisterEventHandler("pointerdown",this.pointerdownListener);this.adapter.deregisterEventHandler("pointerup",this.pointerupListener)}else{this.adapter.deregisterEventHandler("mousedown",this.mousedownOrTouchstartListener);this.adapter.deregisterEventHandler("touchstart",this.mousedownOrTouchstartListener)}if(this.isRange){this.adapter.deregisterThumbEventHandler(x.START,"mouseenter",this.thumbMouseenterListener);this.adapter.deregisterThumbEventHandler(x.START,"mouseleave",this.thumbMouseleaveListener);this.adapter.deregisterInputEventHandler(x.START,"change",this.inputStartChangeListener);this.adapter.deregisterInputEventHandler(x.START,"focus",this.inputStartFocusListener);this.adapter.deregisterInputEventHandler(x.START,"blur",this.inputStartBlurListener)}this.adapter.deregisterThumbEventHandler(x.END,"mouseenter",this.thumbMouseenterListener);this.adapter.deregisterThumbEventHandler(x.END,"mouseleave",this.thumbMouseleaveListener);this.adapter.deregisterInputEventHandler(x.END,"change",this.inputEndChangeListener);this.adapter.deregisterInputEventHandler(x.END,"focus",this.inputEndFocusListener);this.adapter.deregisterInputEventHandler(x.END,"blur",this.inputEndBlurListener)};e.prototype.handlePointerup=function(){this.handleUp();this.adapter.deregisterEventHandler("pointermove",this.moveListener)};e.SUPPORTS_POINTER_EVENTS=E&&Boolean(window.PointerEvent)&&!C();return e}(o);function C(){return["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document}function I(t){var e=/(?:\.(\d+))?(?:[eE]([+\-]?\d+))?$/.exec(String(t));if(!e)return 0;var r=e[1]||"";var i=e[2]||0;return Math.max(0,(r==="0"?0:r.length)-Number(i))}
+ */var w;(function(t){t["SLIDER_UPDATE"]="slider_update"})(w||(w={}));var E=typeof window!=="undefined";var T=function(t){p(r,t);function r(e){var i=t.call(this,b(b({},r.defaultAdapter),e))||this;i.initialStylesRemoved=false;i.isDisabled=false;i.isDiscrete=false;i.step=_.STEP_SIZE;i.hasTickMarks=false;i.isRange=false;i.thumb=null;i.downEventClientX=null;i.startThumbKnobWidth=0;i.endThumbKnobWidth=0;i.animFrame=new m;return i}Object.defineProperty(r,"defaultAdapter",{get:function(){return{hasClass:function(){return false},addClass:function(){return undefined},removeClass:function(){return undefined},addThumbClass:function(){return undefined},removeThumbClass:function(){return undefined},getAttribute:function(){return null},getInputValue:function(){return""},setInputValue:function(){return undefined},getInputAttribute:function(){return null},setInputAttribute:function(){return null},removeInputAttribute:function(){return null},focusInput:function(){return undefined},isInputFocused:function(){return false},getThumbKnobWidth:function(){return 0},getThumbBoundingClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getBoundingClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},isRTL:function(){return false},setThumbStyleProperty:function(){return undefined},removeThumbStyleProperty:function(){return undefined},setTrackActiveStyleProperty:function(){return undefined},removeTrackActiveStyleProperty:function(){return undefined},setValueIndicatorText:function(){return undefined},getValueToAriaValueTextFn:function(){return null},updateTickMarks:function(){return undefined},setPointerCapture:function(){return undefined},emitChangeEvent:function(){return undefined},emitInputEvent:function(){return undefined},emitDragStartEvent:function(){return undefined},emitDragEndEvent:function(){return undefined},registerEventHandler:function(){return undefined},deregisterEventHandler:function(){return undefined},registerThumbEventHandler:function(){return undefined},deregisterThumbEventHandler:function(){return undefined},registerInputEventHandler:function(){return undefined},deregisterInputEventHandler:function(){return undefined},registerBodyEventHandler:function(){return undefined},deregisterBodyEventHandler:function(){return undefined},registerWindowEventHandler:function(){return undefined},deregisterWindowEventHandler:function(){return undefined}}},enumerable:false,configurable:true});r.prototype.init=function(){var t=this;this.isDisabled=this.adapter.hasClass(v.DISABLED);this.isDiscrete=this.adapter.hasClass(v.DISCRETE);this.hasTickMarks=this.adapter.hasClass(v.TICK_MARKS);this.isRange=this.adapter.hasClass(v.RANGE);var r=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_MIN,this.isRange?x.START:x.END),g.INPUT_MIN);var e=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_MAX,x.END),g.INPUT_MAX);var i=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_VALUE,x.END),g.INPUT_VALUE);var n=this.isRange?this.convertAttributeValueToNumber(this.adapter.getInputAttribute(g.INPUT_VALUE,x.START),g.INPUT_VALUE):r;var s=this.adapter.getInputAttribute(g.INPUT_STEP,x.END);var o=s?this.convertAttributeValueToNumber(s,g.INPUT_STEP):this.step;this.validateProperties({min:r,max:e,value:i,valueStart:n,step:o});this.min=r;this.max=e;this.value=i;this.valueStart=n;this.step=o;this.numDecimalPlaces=I(this.step);this.valueBeforeDownEvent=i;this.valueStartBeforeDownEvent=n;this.mousedownOrTouchstartListener=this.handleMousedownOrTouchstart.bind(this);this.moveListener=this.handleMove.bind(this);this.pointerdownListener=this.handlePointerdown.bind(this);this.pointerupListener=this.handlePointerup.bind(this);this.thumbMouseenterListener=this.handleThumbMouseenter.bind(this);this.thumbMouseleaveListener=this.handleThumbMouseleave.bind(this);this.inputStartChangeListener=function(){t.handleInputChange(x.START)};this.inputEndChangeListener=function(){t.handleInputChange(x.END)};this.inputStartFocusListener=function(){t.handleInputFocus(x.START)};this.inputEndFocusListener=function(){t.handleInputFocus(x.END)};this.inputStartBlurListener=function(){t.handleInputBlur(x.START)};this.inputEndBlurListener=function(){t.handleInputBlur(x.END)};this.resizeListener=this.handleResize.bind(this);this.registerEventHandlers()};r.prototype.destroy=function(){this.deregisterEventHandlers()};r.prototype.setMin=function(t){this.min=t;if(!this.isRange){this.valueStart=t}this.updateUI()};r.prototype.setMax=function(t){this.max=t;this.updateUI()};r.prototype.getMin=function(){return this.min};r.prototype.getMax=function(){return this.max};r.prototype.getValue=function(){return this.value};r.prototype.setValue=function(t){if(this.isRange&&t<this.valueStart){throw new Error("end thumb value ("+t+") must be >= start thumb "+("value ("+this.valueStart+")"))}this.updateValue(t,x.END)};r.prototype.getValueStart=function(){if(!this.isRange){throw new Error("`valueStart` is only applicable for range sliders.")}return this.valueStart};r.prototype.setValueStart=function(t){if(!this.isRange){throw new Error("`valueStart` is only applicable for range sliders.")}if(this.isRange&&t>this.value){throw new Error("start thumb value ("+t+") must be <= end thumb "+("value ("+this.value+")"))}this.updateValue(t,x.START)};r.prototype.setStep=function(t){this.step=t;this.numDecimalPlaces=I(t);this.updateUI()};r.prototype.setIsDiscrete=function(t){this.isDiscrete=t;this.updateValueIndicatorUI();this.updateTickMarksUI()};r.prototype.getStep=function(){return this.step};r.prototype.setHasTickMarks=function(t){this.hasTickMarks=t;this.updateTickMarksUI()};r.prototype.getDisabled=function(){return this.isDisabled};r.prototype.setDisabled=function(t){this.isDisabled=t;if(t){this.adapter.addClass(v.DISABLED);if(this.isRange){this.adapter.setInputAttribute(g.INPUT_DISABLED,"",x.START)}this.adapter.setInputAttribute(g.INPUT_DISABLED,"",x.END)}else{this.adapter.removeClass(v.DISABLED);if(this.isRange){this.adapter.removeInputAttribute(g.INPUT_DISABLED,x.START)}this.adapter.removeInputAttribute(g.INPUT_DISABLED,x.END)}};r.prototype.getIsRange=function(){return this.isRange};r.prototype.layout=function(t){var r=t===void 0?{}:t,e=r.skipUpdateUI;this.rect=this.adapter.getBoundingClientRect();if(this.isRange){this.startThumbKnobWidth=this.adapter.getThumbKnobWidth(x.START);this.endThumbKnobWidth=this.adapter.getThumbKnobWidth(x.END)}if(!e){this.updateUI()}};r.prototype.handleResize=function(){this.layout()};r.prototype.handleDown=function(t){if(this.isDisabled)return;this.valueStartBeforeDownEvent=this.valueStart;this.valueBeforeDownEvent=this.value;var r=t.clientX!=null?t.clientX:t.targetTouches[0].clientX;this.downEventClientX=r;var e=this.mapClientXOnSliderScale(r);this.thumb=this.getThumbFromDownEvent(r,e);if(this.thumb===null)return;this.handleDragStart(t,e,this.thumb);this.updateValue(e,this.thumb,{emitInputEvent:true})};r.prototype.handleMove=function(t){if(this.isDisabled)return;t.preventDefault();var r=t.clientX!=null?t.clientX:t.targetTouches[0].clientX;var e=this.thumb!=null;this.thumb=this.getThumbFromMoveEvent(r);if(this.thumb===null)return;var i=this.mapClientXOnSliderScale(r);if(!e){this.handleDragStart(t,i,this.thumb);this.adapter.emitDragStartEvent(i,this.thumb)}this.updateValue(i,this.thumb,{emitInputEvent:true})};r.prototype.handleUp=function(){if(this.isDisabled||this.thumb===null)return;var t=this.thumb===x.START?this.valueStartBeforeDownEvent:this.valueBeforeDownEvent;var r=this.thumb===x.START?this.valueStart:this.value;if(t!==r){this.adapter.emitChangeEvent(r,this.thumb)}this.adapter.emitDragEndEvent(r,this.thumb);this.thumb=null};r.prototype.handleThumbMouseenter=function(){if(!this.isDiscrete||!this.isRange)return;this.adapter.addThumbClass(v.THUMB_WITH_INDICATOR,x.START);this.adapter.addThumbClass(v.THUMB_WITH_INDICATOR,x.END)};r.prototype.handleThumbMouseleave=function(){if(!this.isDiscrete||!this.isRange)return;if(this.adapter.isInputFocused(x.START)||this.adapter.isInputFocused(x.END)){return}this.adapter.removeThumbClass(v.THUMB_WITH_INDICATOR,x.START);this.adapter.removeThumbClass(v.THUMB_WITH_INDICATOR,x.END)};r.prototype.handleMousedownOrTouchstart=function(t){var r=this;var e=t.type==="mousedown"?"mousemove":"touchmove";this.adapter.registerBodyEventHandler(e,this.moveListener);var i=function(){r.handleUp();r.adapter.deregisterBodyEventHandler(e,r.moveListener);r.adapter.deregisterEventHandler("mouseup",i);r.adapter.deregisterEventHandler("touchend",i)};this.adapter.registerBodyEventHandler("mouseup",i);this.adapter.registerBodyEventHandler("touchend",i);this.handleDown(t)};r.prototype.handlePointerdown=function(t){this.adapter.setPointerCapture(t.pointerId);this.adapter.registerEventHandler("pointermove",this.moveListener);this.handleDown(t)};r.prototype.handleInputChange=function(t){var r=Number(this.adapter.getInputValue(t));if(t===x.START){this.setValueStart(r)}else{this.setValue(r)}this.adapter.emitChangeEvent(t===x.START?this.valueStart:this.value,t);this.adapter.emitInputEvent(t===x.START?this.valueStart:this.value,t)};r.prototype.handleInputFocus=function(t){this.adapter.addThumbClass(v.THUMB_FOCUSED,t);if(!this.isDiscrete)return;this.adapter.addThumbClass(v.THUMB_WITH_INDICATOR,t);if(this.isRange){var r=t===x.START?x.END:x.START;this.adapter.addThumbClass(v.THUMB_WITH_INDICATOR,r)}};r.prototype.handleInputBlur=function(t){this.adapter.removeThumbClass(v.THUMB_FOCUSED,t);if(!this.isDiscrete)return;this.adapter.removeThumbClass(v.THUMB_WITH_INDICATOR,t);if(this.isRange){var r=t===x.START?x.END:x.START;this.adapter.removeThumbClass(v.THUMB_WITH_INDICATOR,r)}};r.prototype.handleDragStart=function(t,r,e){this.adapter.emitDragStartEvent(r,e);this.adapter.focusInput(e);t.preventDefault()};r.prototype.getThumbFromDownEvent=function(t,r){if(!this.isRange)return x.END;var e=this.adapter.getThumbBoundingClientRect(x.START);var i=this.adapter.getThumbBoundingClientRect(x.END);var n=t>=e.left&&t<=e.right;var s=t>=i.left&&t<=i.right;if(n&&s){return null}if(n){return x.START}if(s){return x.END}if(r<this.valueStart){return x.START}if(r>this.value){return x.END}return r-this.valueStart<=this.value-r?x.START:x.END};r.prototype.getThumbFromMoveEvent=function(t){if(this.thumb!==null)return this.thumb;if(this.downEventClientX===null){throw new Error("`downEventClientX` is null after move event.")}var r=Math.abs(this.downEventClientX-t)<_.THUMB_UPDATE_MIN_PX;if(r)return this.thumb;var e=t<this.downEventClientX;if(e){return this.adapter.isRTL()?x.END:x.START}else{return this.adapter.isRTL()?x.START:x.END}};r.prototype.updateUI=function(t){this.updateThumbAndInputAttributes(t);this.updateThumbAndTrackUI(t);this.updateValueIndicatorUI(t);this.updateTickMarksUI()};r.prototype.updateThumbAndInputAttributes=function(t){if(!t)return;var r=this.isRange&&t===x.START?this.valueStart:this.value;var e=String(r);this.adapter.setInputAttribute(g.INPUT_VALUE,e,t);if(this.isRange&&t===x.START){this.adapter.setInputAttribute(g.INPUT_MIN,e,x.END)}else if(this.isRange&&t===x.END){this.adapter.setInputAttribute(g.INPUT_MAX,e,x.START)}if(this.adapter.getInputValue(t)!==e){this.adapter.setInputValue(e,t)}var i=this.adapter.getValueToAriaValueTextFn();if(i){this.adapter.setInputAttribute(g.ARIA_VALUETEXT,i(r),t)}};r.prototype.updateValueIndicatorUI=function(t){if(!this.isDiscrete)return;var r=this.isRange&&t===x.START?this.valueStart:this.value;this.adapter.setValueIndicatorText(r,t===x.START?x.START:x.END);if(!t&&this.isRange){this.adapter.setValueIndicatorText(this.valueStart,x.START)}};r.prototype.updateTickMarksUI=function(){if(!this.isDiscrete||!this.hasTickMarks)return;var t=(this.valueStart-this.min)/this.step;var r=(this.value-this.valueStart)/this.step+1;var e=(this.max-this.value)/this.step;var i=Array.from({length:t}).fill(k.INACTIVE);var n=Array.from({length:r}).fill(k.ACTIVE);var s=Array.from({length:e}).fill(k.INACTIVE);this.adapter.updateTickMarks(i.concat(n).concat(s))};r.prototype.mapClientXOnSliderScale=function(t){var r=t-this.rect.left;var e=r/this.rect.width;if(this.adapter.isRTL()){e=1-e}var i=this.min+e*(this.max-this.min);if(i===this.max||i===this.min){return i}return Number(this.quantize(i).toFixed(this.numDecimalPlaces))};r.prototype.quantize=function(t){var r=Math.round((t-this.min)/this.step);return this.min+r*this.step};r.prototype.updateValue=function(t,r,e){var i=e===void 0?{}:e,n=i.emitInputEvent;t=this.clampValue(t,r);if(this.isRange&&r===x.START){if(this.valueStart===t)return;this.valueStart=t}else{if(this.value===t)return;this.value=t}this.updateUI(r);if(n){this.adapter.emitInputEvent(r===x.START?this.valueStart:this.value,r)}};r.prototype.clampValue=function(t,r){t=Math.min(Math.max(t,this.min),this.max);var e=this.isRange&&r===x.START&&t>this.value;if(e){return this.value}var i=this.isRange&&r===x.END&&t<this.valueStart;if(i){return this.valueStart}return t};r.prototype.updateThumbAndTrackUI=function(t){var r=this;var e=this,i=e.max,n=e.min;var s=(this.value-this.valueStart)/(i-n);var o=s*this.rect.width;var a=this.adapter.isRTL();var d=E?u(window,"transform"):"transform";if(this.isRange){var c=this.adapter.isRTL()?(i-this.value)/(i-n)*this.rect.width:(this.valueStart-n)/(i-n)*this.rect.width;var l=c+o;this.animFrame.request(w.SLIDER_UPDATE,(function(){var e=!a&&t===x.START||a&&t!==x.START;if(e){r.adapter.setTrackActiveStyleProperty("transform-origin","right");r.adapter.setTrackActiveStyleProperty("left","unset");r.adapter.setTrackActiveStyleProperty("right",r.rect.width-l+"px")}else{r.adapter.setTrackActiveStyleProperty("transform-origin","left");r.adapter.setTrackActiveStyleProperty("right","unset");r.adapter.setTrackActiveStyleProperty("left",c+"px")}r.adapter.setTrackActiveStyleProperty(d,"scaleX("+s+")");var i=a?l:c;var n=r.adapter.isRTL()?c:l;if(t===x.START||!t||!r.initialStylesRemoved){r.adapter.setThumbStyleProperty(d,"translateX("+i+"px)",x.START)}if(t===x.END||!t||!r.initialStylesRemoved){r.adapter.setThumbStyleProperty(d,"translateX("+n+"px)",x.END)}r.removeInitialStyles(a);r.updateOverlappingThumbsUI(i,n,t)}))}else{this.animFrame.request(w.SLIDER_UPDATE,(function(){var t=a?r.rect.width-o:o;r.adapter.setThumbStyleProperty(d,"translateX("+t+"px)",x.END);r.adapter.setTrackActiveStyleProperty(d,"scaleX("+s+")");r.removeInitialStyles(a)}))}};r.prototype.removeInitialStyles=function(t){if(this.initialStylesRemoved)return;var r=t?"right":"left";this.adapter.removeThumbStyleProperty(r,x.END);if(this.isRange){this.adapter.removeThumbStyleProperty(r,x.START)}this.initialStylesRemoved=true;this.resetTrackAndThumbAnimation()};r.prototype.resetTrackAndThumbAnimation=function(){var t=this;if(!this.isDiscrete)return;var r=E?u(window,"transition"):"transition";var e="all 0s ease 0s";this.adapter.setThumbStyleProperty(r,e,x.END);if(this.isRange){this.adapter.setThumbStyleProperty(r,e,x.START)}this.adapter.setTrackActiveStyleProperty(r,e);requestAnimationFrame((function(){t.adapter.removeThumbStyleProperty(r,x.END);t.adapter.removeTrackActiveStyleProperty(r);if(t.isRange){t.adapter.removeThumbStyleProperty(r,x.START)}}))};r.prototype.updateOverlappingThumbsUI=function(t,r,e){var i=false;if(this.adapter.isRTL()){var n=t-this.startThumbKnobWidth/2;var s=r+this.endThumbKnobWidth/2;i=s>=n}else{var o=t+this.startThumbKnobWidth/2;var a=r-this.endThumbKnobWidth/2;i=o>=a}if(i){this.adapter.addThumbClass(v.THUMB_TOP,e||x.END);this.adapter.removeThumbClass(v.THUMB_TOP,e===x.START?x.END:x.START)}else{this.adapter.removeThumbClass(v.THUMB_TOP,x.START);this.adapter.removeThumbClass(v.THUMB_TOP,x.END)}};r.prototype.convertAttributeValueToNumber=function(t,r){if(t===null){throw new Error("MDCSliderFoundation: `"+r+"` must be non-null.")}var e=Number(t);if(isNaN(e)){throw new Error("MDCSliderFoundation: `"+r+"` value is "+("`"+t+"`, but must be a number."))}return e};r.prototype.validateProperties=function(t){var r=t.min,e=t.max,i=t.value,n=t.valueStart,s=t.step;if(r>=e){throw new Error("MDCSliderFoundation: min must be strictly less than max. "+("Current: [min: "+r+", max: "+e+"]"))}if(s<=0){throw new Error("MDCSliderFoundation: step must be a positive number. "+("Current step: "+this.step))}if(this.isRange){if(i<r||i>e||n<r||n>e){throw new Error("MDCSliderFoundation: values must be in [min, max] range. "+("Current values: [start value: "+n+", end value: "+i+"]"))}if(n>i){throw new Error("MDCSliderFoundation: start value must be <= end value. "+("Current values: [start value: "+n+", end value: "+i+"]"))}var o=(n-r)/s;var a=(i-r)/s;if(o%1!==0||a%1!==0){throw new Error("MDCSliderFoundation: Slider values must be valid based on the "+("step value. Current values: [start value: "+n+", ")+("end value: "+i+"]"))}}else{if(i<r||i>e){throw new Error("MDCSliderFoundation: value must be in [min, max] range. "+("Current value: "+i))}var a=(i-r)/s;if(a%1!==0){throw new Error("MDCSliderFoundation: Slider value must be valid based on the "+("step value. Current value: "+i))}}};r.prototype.registerEventHandlers=function(){this.adapter.registerWindowEventHandler("resize",this.resizeListener);if(r.SUPPORTS_POINTER_EVENTS){this.adapter.registerEventHandler("pointerdown",this.pointerdownListener);this.adapter.registerEventHandler("pointerup",this.pointerupListener)}else{this.adapter.registerEventHandler("mousedown",this.mousedownOrTouchstartListener);this.adapter.registerEventHandler("touchstart",this.mousedownOrTouchstartListener)}if(this.isRange){this.adapter.registerThumbEventHandler(x.START,"mouseenter",this.thumbMouseenterListener);this.adapter.registerThumbEventHandler(x.START,"mouseleave",this.thumbMouseleaveListener);this.adapter.registerInputEventHandler(x.START,"change",this.inputStartChangeListener);this.adapter.registerInputEventHandler(x.START,"focus",this.inputStartFocusListener);this.adapter.registerInputEventHandler(x.START,"blur",this.inputStartBlurListener)}this.adapter.registerThumbEventHandler(x.END,"mouseenter",this.thumbMouseenterListener);this.adapter.registerThumbEventHandler(x.END,"mouseleave",this.thumbMouseleaveListener);this.adapter.registerInputEventHandler(x.END,"change",this.inputEndChangeListener);this.adapter.registerInputEventHandler(x.END,"focus",this.inputEndFocusListener);this.adapter.registerInputEventHandler(x.END,"blur",this.inputEndBlurListener)};r.prototype.deregisterEventHandlers=function(){this.adapter.deregisterWindowEventHandler("resize",this.resizeListener);if(r.SUPPORTS_POINTER_EVENTS){this.adapter.deregisterEventHandler("pointerdown",this.pointerdownListener);this.adapter.deregisterEventHandler("pointerup",this.pointerupListener)}else{this.adapter.deregisterEventHandler("mousedown",this.mousedownOrTouchstartListener);this.adapter.deregisterEventHandler("touchstart",this.mousedownOrTouchstartListener)}if(this.isRange){this.adapter.deregisterThumbEventHandler(x.START,"mouseenter",this.thumbMouseenterListener);this.adapter.deregisterThumbEventHandler(x.START,"mouseleave",this.thumbMouseleaveListener);this.adapter.deregisterInputEventHandler(x.START,"change",this.inputStartChangeListener);this.adapter.deregisterInputEventHandler(x.START,"focus",this.inputStartFocusListener);this.adapter.deregisterInputEventHandler(x.START,"blur",this.inputStartBlurListener)}this.adapter.deregisterThumbEventHandler(x.END,"mouseenter",this.thumbMouseenterListener);this.adapter.deregisterThumbEventHandler(x.END,"mouseleave",this.thumbMouseleaveListener);this.adapter.deregisterInputEventHandler(x.END,"change",this.inputEndChangeListener);this.adapter.deregisterInputEventHandler(x.END,"focus",this.inputEndFocusListener);this.adapter.deregisterInputEventHandler(x.END,"blur",this.inputEndBlurListener)};r.prototype.handlePointerup=function(){this.handleUp();this.adapter.deregisterEventHandler("pointermove",this.moveListener)};r.SUPPORTS_POINTER_EVENTS=E&&Boolean(window.PointerEvent)&&!C();return r}(o);function C(){return["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document}function I(t){var r=/(?:\.(\d+))?(?:[eE]([+\-]?\d+))?$/.exec(String(t));if(!r)return 0;var e=r[1]||"";var i=r[2]||0;return Math.max(0,(e==="0"?0:e.length)-Number(i))}
 /**
  * @license
  * Copyright 2020 Google Inc.
@@ -100,5 +100,5 @@ PERFORMANCE OF THIS SOFTWARE.
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
- */var S=function(t){p(e,t);function e(){var e=t!==null&&t.apply(this,arguments)||this;e.skipInitialUIUpdate=false;e.valueToAriaValueTextFn=null;return e}e.attachTo=function(t,r){if(r===void 0){r={}}return new e(t,undefined,r)};e.prototype.getDefaultFoundation=function(){var t=this;var e={hasClass:function(e){return t.root.classList.contains(e)},addClass:function(e){t.root.classList.add(e)},removeClass:function(e){t.root.classList.remove(e)},addThumbClass:function(e,r){t.getThumbEl(r).classList.add(e)},removeThumbClass:function(e,r){t.getThumbEl(r).classList.remove(e)},getAttribute:function(e){return t.root.getAttribute(e)},getInputValue:function(e){return t.getInput(e).value},setInputValue:function(e,r){t.getInput(r).value=e},getInputAttribute:function(e,r){return t.getInput(r).getAttribute(e)},setInputAttribute:function(e,r,i){t.getInput(i).setAttribute(e,r)},removeInputAttribute:function(e,r){t.getInput(r).removeAttribute(e)},focusInput:function(e){t.getInput(e).focus()},isInputFocused:function(e){return t.getInput(e)===document.activeElement},getThumbKnobWidth:function(e){return t.getThumbEl(e).querySelector("."+v.THUMB_KNOB).getBoundingClientRect().width},getThumbBoundingClientRect:function(e){return t.getThumbEl(e).getBoundingClientRect()},getBoundingClientRect:function(){return t.root.getBoundingClientRect()},isRTL:function(){return getComputedStyle(t.root).direction==="rtl"},setThumbStyleProperty:function(e,r,i){t.getThumbEl(i).style.setProperty(e,r)},removeThumbStyleProperty:function(e,r){t.getThumbEl(r).style.removeProperty(e)},setTrackActiveStyleProperty:function(e,r){t.trackActive.style.setProperty(e,r)},removeTrackActiveStyleProperty:function(e){t.trackActive.style.removeProperty(e)},setValueIndicatorText:function(e,r){var i=t.getThumbEl(r).querySelector("."+v.VALUE_INDICATOR_TEXT);i.textContent=String(e)},getValueToAriaValueTextFn:function(){return t.valueToAriaValueTextFn},updateTickMarks:function(e){var r=t.root.querySelector("."+v.TICK_MARKS_CONTAINER);if(!r){r=document.createElement("div");r.classList.add(v.TICK_MARKS_CONTAINER);var i=t.root.querySelector("."+v.TRACK);i.appendChild(r)}if(e.length!==r.children.length){while(r.firstChild){r.removeChild(r.firstChild)}t.addTickMarks(r,e)}else{t.updateTickMarks(r,e)}},setPointerCapture:function(e){t.root.setPointerCapture(e)},emitChangeEvent:function(e,r){t.emit(y.CHANGE,{value:e,thumb:r})},emitInputEvent:function(e,r){t.emit(y.INPUT,{value:e,thumb:r})},emitDragStartEvent:function(e,r){t.getRipple(r).activate()},emitDragEndEvent:function(e,r){t.getRipple(r).deactivate()},registerEventHandler:function(e,r){t.listen(e,r)},deregisterEventHandler:function(e,r){t.unlisten(e,r)},registerThumbEventHandler:function(e,r,i){t.getThumbEl(e).addEventListener(r,i)},deregisterThumbEventHandler:function(e,r,i){t.getThumbEl(e).removeEventListener(r,i)},registerInputEventHandler:function(e,r,i){t.getInput(e).addEventListener(r,i)},deregisterInputEventHandler:function(e,r,i){t.getInput(e).removeEventListener(r,i)},registerBodyEventHandler:function(t,e){document.body.addEventListener(t,e)},deregisterBodyEventHandler:function(t,e){document.body.removeEventListener(t,e)},registerWindowEventHandler:function(t,e){window.addEventListener(t,e)},deregisterWindowEventHandler:function(t,e){window.removeEventListener(t,e)}};return new T(e)};e.prototype.initialize=function(t){var e=t===void 0?{}:t,r=e.skipInitialUIUpdate;this.inputs=[].slice.call(this.root.querySelectorAll("."+v.INPUT));this.thumbs=[].slice.call(this.root.querySelectorAll("."+v.THUMB));this.trackActive=this.root.querySelector("."+v.TRACK_ACTIVE);this.ripples=this.createRipples();if(r){this.skipInitialUIUpdate=true}};e.prototype.initialSyncWithDOM=function(){this.foundation.layout({skipUpdateUI:this.skipInitialUIUpdate})};e.prototype.layout=function(){this.foundation.layout()};e.prototype.getValueStart=function(){return this.foundation.getValueStart()};e.prototype.setValueStart=function(t){this.foundation.setValueStart(t)};e.prototype.getValue=function(){return this.foundation.getValue()};e.prototype.setValue=function(t){this.foundation.setValue(t)};e.prototype.getDisabled=function(){return this.foundation.getDisabled()};e.prototype.setDisabled=function(t){this.foundation.setDisabled(t)};e.prototype.setValueToAriaValueTextFn=function(t){this.valueToAriaValueTextFn=t};e.prototype.getThumbEl=function(t){return t===x.END?this.thumbs[this.thumbs.length-1]:this.thumbs[0]};e.prototype.getInput=function(t){return t===x.END?this.inputs[this.inputs.length-1]:this.inputs[0]};e.prototype.getRipple=function(t){return t===x.END?this.ripples[this.ripples.length-1]:this.ripples[0]};e.prototype.addTickMarks=function(t,e){var r=document.createDocumentFragment();for(var i=0;i<e.length;i++){var n=document.createElement("div");var s=e[i]===k.ACTIVE?v.TICK_MARK_ACTIVE:v.TICK_MARK_INACTIVE;n.classList.add(s);r.appendChild(n)}t.appendChild(r)};e.prototype.updateTickMarks=function(t,e){var r=Array.from(t.children);for(var i=0;i<r.length;i++){if(e[i]===k.ACTIVE){r[i].classList.add(v.TICK_MARK_ACTIVE);r[i].classList.remove(v.TICK_MARK_INACTIVE)}else{r[i].classList.add(v.TICK_MARK_INACTIVE);r[i].classList.remove(v.TICK_MARK_ACTIVE)}}};e.prototype.createRipples=function(){var t=[];var e=[].slice.call(this.root.querySelectorAll("."+v.THUMB));var r=function(r){var n=e[r];var s=i.inputs[r];var o=b(b({},d.createAdapter(i)),{addClass:function(t){n.classList.add(t)},computeBoundingRect:function(){return n.getBoundingClientRect()},deregisterInteractionHandler:function(t,e){s.removeEventListener(t,e)},isSurfaceActive:function(){return m(s,":active")},isUnbounded:function(){return true},registerInteractionHandler:function(t,e){s.addEventListener(t,e,c())},removeClass:function(t){n.classList.remove(t)},updateCssVariable:function(t,e){n.style.setProperty(t,e)}});var a=new d(n,new l(o));a.unbounded=true;t.push(a)};var i=this;for(var n=0;n<e.length;n++){r(n)}return t};return e}(a);function A(t){const e=.1;const r=.2;const i=.3;const n=.4;const s=.5;const o=.6;const a=.7;const d=.8;const c=.9;if(t===0){return"percent-0"}if(t<e){return"percent-0-10"}if(t<r){return"percent-10-20"}if(t<i){return"percent-20-30"}if(t<n){return"percent-30-40"}if(t<s){return"percent-40-50"}if(t<o){return"percent-50-60"}if(t<a){return"percent-60-70"}if(t<d){return"percent-70-80"}if(t<c){return"percent-80-90"}return"percent-90-100"}const M=':host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-slider__thumb{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-slider__thumb::before,.mdc-slider__thumb::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-slider__thumb::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-slider__thumb::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-slider__thumb.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb::before,.mdc-slider__thumb::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-slider__thumb.mdc-ripple-upgraded::before,.mdc-slider__thumb.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb::before,.mdc-slider__thumb::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}.mdc-slider__thumb:hover::before,.mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-slider{cursor:pointer;height:48px;margin:0 24px;position:relative;touch-action:pan-y}.mdc-slider .mdc-slider__track{height:4px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.mdc-slider .mdc-slider__track--active,.mdc-slider .mdc-slider__track--inactive{display:flex;height:100%;position:absolute;width:100%}.mdc-slider .mdc-slider__track--active{border-radius:3px;height:6px;overflow:hidden;top:-1px}.mdc-slider .mdc-slider__track--active_fill{border-top:6px solid;box-sizing:border-box;height:100%;width:100%;position:relative;-webkit-transform-origin:left;transform-origin:left}[dir=rtl] .mdc-slider .mdc-slider__track--active_fill,.mdc-slider .mdc-slider__track--active_fill[dir=rtl]{-webkit-transform-origin:right;transform-origin:right;}.mdc-slider .mdc-slider__track--inactive{border-radius:2px;height:4px;left:0;top:0}.mdc-slider .mdc-slider__track--inactive::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__track--active_fill{border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider .mdc-slider__track--inactive{background-color:#26a69a;background-color:var(--mdc-theme-primary, #26a69a);opacity:0.24}.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.24}.mdc-slider .mdc-slider__value-indicator-container{bottom:44px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.mdc-slider .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);align-items:center;border-radius:4px;display:flex;height:32px;padding:0 12px;transform:scale(0);transform-origin:bottom}.mdc-slider .mdc-slider__value-indicator::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid;bottom:-5px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.mdc-slider .mdc-slider__value-indicator::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container{pointer-events:auto}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(1)}@media (prefers-reduced-motion){.mdc-slider .mdc-slider__value-indicator,.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:none}}.mdc-slider .mdc-slider__value-indicator-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.8125rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.8125rem);line-height:1.125rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.125rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit)}.mdc-slider .mdc-slider__value-indicator{background-color:#000;opacity:0.6}.mdc-slider .mdc-slider__value-indicator::before{border-top-color:#000}.mdc-slider .mdc-slider__value-indicator{color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-slider .mdc-slider__thumb{display:flex;height:48px;left:-24px;outline:none;position:absolute;user-select:none;width:48px}.mdc-slider .mdc-slider__thumb--top{z-index:1}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-style:solid;border-width:1px;box-sizing:content-box}.mdc-slider .mdc-slider__thumb-knob{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);border:10px solid;border-radius:50%;box-sizing:border-box;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:20px}.mdc-slider .mdc-slider__thumb-knob{background-color:#26a69a;background-color:var(--mdc-theme-primary, #26a69a);border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider .mdc-slider__thumb::before,.mdc-slider .mdc-slider__thumb::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}.mdc-slider .mdc-slider__thumb:hover::before,.mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-slider .mdc-slider__tick-marks{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 1px;position:absolute;width:100%}.mdc-slider .mdc-slider__tick-mark--active,.mdc-slider .mdc-slider__tick-mark--inactive{border-radius:50%;height:2px;width:2px}.mdc-slider .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider .mdc-slider__tick-mark--inactive{background-color:#26a69a;background-color:var(--mdc-theme-primary, #26a69a);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.6}.mdc-slider.mdc-slider--disabled{opacity:0.38;cursor:auto}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb{pointer-events:none}.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:transform 80ms ease}@media (prefers-reduced-motion){.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:none}}.mdc-slider__input{cursor:pointer;left:0;margin:0;height:100%;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle1-font-size, 0.875rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right;}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:"*"}[dir=rtl] .mdc-floating-label--required,.mdc-floating-label--required[dir=rtl]{}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-standard 250ms 1}@keyframes mdc-floating-label-shake-float-above-standard{0%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}:host(limel-slider){isolation:isolate;position:relative;display:flex;flex-direction:column;margin-top:0.25rem}.slider__label{padding-left:1.25rem;top:0.5625rem;color:rgba(var(--contrast-1200), 1)}:host(limel-slider.disabled:not(.readonly)) .slider__label{color:rgba(var(--contrast-1200), 0.5)}.slider__content-range-container{display:flex;order:2;justify-content:space-between;width:calc(100% - 1.5rem);margin:0 auto;margin-top:-1rem}.slider__content-min-label,.slider__content-max-label{transition:opacity 0.2s ease;opacity:0.7;font-size:0.75rem;top:1.25rem;color:rgba(var(--contrast-1200), 1)}.slider:hover .slider__content-min-label,.slider:hover .slider__content-max-label{opacity:1}.mdc-slider__track:before,.mdc-slider__track:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;margin:auto;width:0.375rem;height:0.375rem;border-radius:50%;background-color:rgba(var(--contrast-700), 0.6)}.mdc-slider__track:before{left:-0.75rem}.mdc-slider__track:after{right:-0.75rem}.mdc-slider__track--active_fill,.mdc-slider__track--inactive,.mdc-slider__thumb-knob{transition:background-color 0.5s ease}:host(.displays-percentage-colors[readonly]){--mdc-theme-on-surface:var(--mdc-theme-primary)}:host(.displays-percentage-colors.percent-0){--mdc-theme-primary:var(--color-percent--0)}:host(.displays-percentage-colors.percent-0-10){--mdc-theme-primary:var(--color-percent--0to10)}:host(.displays-percentage-colors.percent-10-20){--mdc-theme-primary:var(--color-percent--10to20)}:host(.displays-percentage-colors.percent-20-30){--mdc-theme-primary:var(--color-percent--20to30)}:host(.displays-percentage-colors.percent-30-40){--mdc-theme-primary:var(--color-percent--30to40)}:host(.displays-percentage-colors.percent-40-50){--mdc-theme-primary:var(--color-percent--40to50)}:host(.displays-percentage-colors.percent-50-60){--mdc-theme-primary:var(--color-percent--50to60)}:host(.displays-percentage-colors.percent-60-70){--mdc-theme-primary:var(--color-percent--60to70)}:host(.displays-percentage-colors.percent-70-80){--mdc-theme-primary:var(--color-percent--70to80)}:host(.displays-percentage-colors.percent-80-90){--mdc-theme-primary:var(--color-percent--80to90)}:host(.displays-percentage-colors.percent-90-100){--mdc-theme-primary:var(--color-percent--90to100)}:host(.displays-percentage-colors.percent-30-40) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-darker))}:host(.displays-percentage-colors.percent-30-40) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-dark))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled{opacity:1}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{height:1rem;border-radius:1rem}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active{top:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{transition:all 0s;transform:translateY(1.75rem)}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{opacity:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:var(--mdc-theme-primary)}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:var(--mdc-theme-primary)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before,.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{transition:all 0.2s ease 0.2s;content:"";display:block;position:absolute;top:0;bottom:0;margin:auto;width:0.75rem;opacity:0;width:0;height:0;border:0.25rem solid transparent;border-top-color:rgba(var(--contrast-1400), 0.6)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before{left:-1.25rem;transform:rotate(90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{right:-1.25rem;transform:rotate(-90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:before{opacity:0.8;left:-1.75rem}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:after{opacity:0.8;right:-1.75rem}.mdc-slider .mdc-slider__value-indicator-container{z-index:1}.mdc-slider .mdc-slider__value-indicator{transition:transform 0.2s ease-out;opacity:1;transform:scale(1) translateY(2rem);border-radius:1.25rem;padding:0 0.5rem;height:1.5rem}.mdc-slider .mdc-slider__value-indicator:before{border-top-color:transparent}.mdc-slider .mdc-slider__value-indicator-text{color:rgb(var(--color-white))}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__value-indicator{transform:scale(1.5) translateY(0);box-shadow:var(--shadow-depth-16)}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__value-indicator:before{border-top-color:var(--mdc-theme-primary)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__value-indicator{box-shadow:var(--button-shadow-normal)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__value-indicator,:host(limel-slider[readonly]) .mdc-slider__value-indicator{background-color:var(--mdc-theme-primary)}limel-helper-line{opacity:0;order:3}:host(:focus) limel-helper-line,:host(:focus-visible) limel-helper-line,:host(:focus-within) limel-helper-line{opacity:1}';const z=class{constructor(r){t(this,r);this.change=e(this,"change",7);this.changeHandler=t=>{let e=t.detail.value;const r=this.multiplyByFactor(this.step);if(!this.isMultipleOfStep(e,r)){e=this.roundToStep(e,r)}this.change.emit(e/this.factor)};this.disabled=false;this.readonly=false;this.factor=1;this.label=undefined;this.helperText=undefined;this.unit="";this.value=undefined;this.valuemax=100;this.valuemin=0;this.step=undefined;this.percentageClass=undefined;this.inputHandler=this.inputHandler.bind(this);this.getContainerClassList=this.getContainerClassList.bind(this);this.labelId=s();this.helperTextId=s()}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}initialize(){const t=this.getInputElement();if(!t){return}const e=this.getValue();t.setAttribute("value",`${this.multiplyByFactor(e)}`);const r=e>=this.valuemin;const i=e<=this.valuemax;if(!r){const r=this.multiplyByFactor(e);t.setAttribute("min",`${r}`)}if(!i){const r=this.multiplyByFactor(e);t.setAttribute("max",`${r}`)}if(!this.isMultipleOfStep(e,this.step)){t.removeAttribute("step")}this.createMDCSlider()}componentWillLoad(){this.setPercentageClass(this.value)}disconnectedCallback(){this.destroyMDCSlider()}getContainerClassList(){return{[this.percentageClass]:true,disabled:this.disabled||this.readonly,readonly:this.readonly}}render(){const t={};if(this.step){t.step=this.multiplyByFactor(this.step)}if(this.disabled||this.readonly){t.disabled=true}return r(i,{class:this.getContainerClassList()},r("label",{class:"slider__label mdc-floating-label mdc-floating-label--float-above",id:this.labelId},this.label),r("div",{class:"slider__content-range-container"},r("span",{class:"slider__content-min-label"},this.multiplyByFactor(this.valuemin),this.unit),r("span",{class:"slider__content-max-label"},this.multiplyByFactor(this.valuemax),this.unit)),r("div",{class:{"mdc-slider":true,"mdc-slider--discrete":true,"mdc-slider--disabled":this.disabled||this.readonly}},r("input",Object.assign({class:"mdc-slider__input",type:"range",min:this.multiplyByFactor(this.valuemin),max:this.multiplyByFactor(this.valuemax),value:this.multiplyByFactor(this.value),name:"volume","aria-labelledby":this.labelId,"aria-controls":this.helperTextId},t)),r("div",{class:"mdc-slider__track"},r("div",{class:"mdc-slider__track--inactive"}),r("div",{class:"mdc-slider__track--active"},r("div",{class:"mdc-slider__track--active_fill"}))),r("div",{class:"mdc-slider__thumb"},r("div",{class:"mdc-slider__value-indicator-container","aria-hidden":"true"},r("div",{class:"mdc-slider__value-indicator"},r("span",{class:"mdc-slider__value-indicator-text"},this.multiplyByFactor(this.value)))),r("div",{class:"mdc-slider__thumb-knob"}))),this.renderHelperLine())}renderHelperLine(){if(!this.helperText){return}return r("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId})}watchDisabled(){this.updateDisabledState()}watchReadonly(){this.updateDisabledState()}watchValue(){if(!this.mdcSlider){return}const t=this.multiplyByFactor(this.getValue());this.mdcSlider.setValue(t);if(this.isStepConfigured()){return}const e=this.multiplyByFactor(this.step);if(!this.isMultipleOfStep(t,e)){return}this.reCreateSliderWithStep()}updateDisabledState(){if(!this.mdcSlider){return}this.mdcSlider.setDisabled(this.disabled||this.readonly)}multiplyByFactor(t){return Math.round(t*this.factor)}getValue(){let t=this.value;if(!isFinite(t)){t=this.valuemin}return t}inputHandler(t){this.setPercentageClass(t.detail.value/this.factor)}setPercentageClass(t){this.percentageClass=A((t-this.valuemin)/(this.valuemax-this.valuemin))}isMultipleOfStep(t,e){if(!e){return true}return t%e===0}roundToStep(t,e){return Math.round(t/e)*e}getRootElement(){return this.rootElement.shadowRoot.querySelector(".mdc-slider")}getInputElement(){const t=this.getRootElement();if(!t){return}return t.querySelector("input")}isStepConfigured(){if(!this.step){return true}const t=this.getInputElement();if(!t){return true}return t.hasAttribute("step")}reCreateSliderWithStep(){const t=this.getInputElement();const e=`${this.multiplyByFactor(this.step)}`;t.setAttribute("step",e);this.destroyMDCSlider();this.createMDCSlider()}createMDCSlider(){const t=this.getRootElement();this.mdcSlider=new S(t);this.mdcSlider.listen("MDCSlider:change",this.changeHandler);this.mdcSlider.listen("MDCSlider:input",this.inputHandler)}destroyMDCSlider(){this.mdcSlider.unlisten("MDCSlider:change",this.changeHandler);this.mdcSlider.unlisten("MDCSlider:input",this.inputHandler);this.mdcSlider.destroy();this.mdcSlider=undefined}get rootElement(){return n(this)}static get watchers(){return{disabled:["watchDisabled"],readonly:["watchReadonly"],value:["watchValue"]}}};z.style=M;export{z as limel_slider};
-//# sourceMappingURL=p-a4c39571.entry.js.map
+ */var S=function(t){p(r,t);function r(){var r=t!==null&&t.apply(this,arguments)||this;r.skipInitialUIUpdate=false;r.valueToAriaValueTextFn=null;return r}r.attachTo=function(t,e){if(e===void 0){e={}}return new r(t,undefined,e)};r.prototype.getDefaultFoundation=function(){var t=this;var r={hasClass:function(r){return t.root.classList.contains(r)},addClass:function(r){t.root.classList.add(r)},removeClass:function(r){t.root.classList.remove(r)},addThumbClass:function(r,e){t.getThumbEl(e).classList.add(r)},removeThumbClass:function(r,e){t.getThumbEl(e).classList.remove(r)},getAttribute:function(r){return t.root.getAttribute(r)},getInputValue:function(r){return t.getInput(r).value},setInputValue:function(r,e){t.getInput(e).value=r},getInputAttribute:function(r,e){return t.getInput(e).getAttribute(r)},setInputAttribute:function(r,e,i){t.getInput(i).setAttribute(r,e)},removeInputAttribute:function(r,e){t.getInput(e).removeAttribute(r)},focusInput:function(r){t.getInput(r).focus()},isInputFocused:function(r){return t.getInput(r)===document.activeElement},getThumbKnobWidth:function(r){return t.getThumbEl(r).querySelector("."+v.THUMB_KNOB).getBoundingClientRect().width},getThumbBoundingClientRect:function(r){return t.getThumbEl(r).getBoundingClientRect()},getBoundingClientRect:function(){return t.root.getBoundingClientRect()},isRTL:function(){return getComputedStyle(t.root).direction==="rtl"},setThumbStyleProperty:function(r,e,i){t.getThumbEl(i).style.setProperty(r,e)},removeThumbStyleProperty:function(r,e){t.getThumbEl(e).style.removeProperty(r)},setTrackActiveStyleProperty:function(r,e){t.trackActive.style.setProperty(r,e)},removeTrackActiveStyleProperty:function(r){t.trackActive.style.removeProperty(r)},setValueIndicatorText:function(r,e){var i=t.getThumbEl(e).querySelector("."+v.VALUE_INDICATOR_TEXT);i.textContent=String(r)},getValueToAriaValueTextFn:function(){return t.valueToAriaValueTextFn},updateTickMarks:function(r){var e=t.root.querySelector("."+v.TICK_MARKS_CONTAINER);if(!e){e=document.createElement("div");e.classList.add(v.TICK_MARKS_CONTAINER);var i=t.root.querySelector("."+v.TRACK);i.appendChild(e)}if(r.length!==e.children.length){while(e.firstChild){e.removeChild(e.firstChild)}t.addTickMarks(e,r)}else{t.updateTickMarks(e,r)}},setPointerCapture:function(r){t.root.setPointerCapture(r)},emitChangeEvent:function(r,e){t.emit(y.CHANGE,{value:r,thumb:e})},emitInputEvent:function(r,e){t.emit(y.INPUT,{value:r,thumb:e})},emitDragStartEvent:function(r,e){t.getRipple(e).activate()},emitDragEndEvent:function(r,e){t.getRipple(e).deactivate()},registerEventHandler:function(r,e){t.listen(r,e)},deregisterEventHandler:function(r,e){t.unlisten(r,e)},registerThumbEventHandler:function(r,e,i){t.getThumbEl(r).addEventListener(e,i)},deregisterThumbEventHandler:function(r,e,i){t.getThumbEl(r).removeEventListener(e,i)},registerInputEventHandler:function(r,e,i){t.getInput(r).addEventListener(e,i)},deregisterInputEventHandler:function(r,e,i){t.getInput(r).removeEventListener(e,i)},registerBodyEventHandler:function(t,r){document.body.addEventListener(t,r)},deregisterBodyEventHandler:function(t,r){document.body.removeEventListener(t,r)},registerWindowEventHandler:function(t,r){window.addEventListener(t,r)},deregisterWindowEventHandler:function(t,r){window.removeEventListener(t,r)}};return new T(r)};r.prototype.initialize=function(t){var r=t===void 0?{}:t,e=r.skipInitialUIUpdate;this.inputs=[].slice.call(this.root.querySelectorAll("."+v.INPUT));this.thumbs=[].slice.call(this.root.querySelectorAll("."+v.THUMB));this.trackActive=this.root.querySelector("."+v.TRACK_ACTIVE);this.ripples=this.createRipples();if(e){this.skipInitialUIUpdate=true}};r.prototype.initialSyncWithDOM=function(){this.foundation.layout({skipUpdateUI:this.skipInitialUIUpdate})};r.prototype.layout=function(){this.foundation.layout()};r.prototype.getValueStart=function(){return this.foundation.getValueStart()};r.prototype.setValueStart=function(t){this.foundation.setValueStart(t)};r.prototype.getValue=function(){return this.foundation.getValue()};r.prototype.setValue=function(t){this.foundation.setValue(t)};r.prototype.getDisabled=function(){return this.foundation.getDisabled()};r.prototype.setDisabled=function(t){this.foundation.setDisabled(t)};r.prototype.setValueToAriaValueTextFn=function(t){this.valueToAriaValueTextFn=t};r.prototype.getThumbEl=function(t){return t===x.END?this.thumbs[this.thumbs.length-1]:this.thumbs[0]};r.prototype.getInput=function(t){return t===x.END?this.inputs[this.inputs.length-1]:this.inputs[0]};r.prototype.getRipple=function(t){return t===x.END?this.ripples[this.ripples.length-1]:this.ripples[0]};r.prototype.addTickMarks=function(t,r){var e=document.createDocumentFragment();for(var i=0;i<r.length;i++){var n=document.createElement("div");var s=r[i]===k.ACTIVE?v.TICK_MARK_ACTIVE:v.TICK_MARK_INACTIVE;n.classList.add(s);e.appendChild(n)}t.appendChild(e)};r.prototype.updateTickMarks=function(t,r){var e=Array.from(t.children);for(var i=0;i<e.length;i++){if(r[i]===k.ACTIVE){e[i].classList.add(v.TICK_MARK_ACTIVE);e[i].classList.remove(v.TICK_MARK_INACTIVE)}else{e[i].classList.add(v.TICK_MARK_INACTIVE);e[i].classList.remove(v.TICK_MARK_ACTIVE)}}};r.prototype.createRipples=function(){var t=[];var r=[].slice.call(this.root.querySelectorAll("."+v.THUMB));var e=function(e){var n=r[e];var s=i.inputs[e];var o=b(b({},d.createAdapter(i)),{addClass:function(t){n.classList.add(t)},computeBoundingRect:function(){return n.getBoundingClientRect()},deregisterInteractionHandler:function(t,r){s.removeEventListener(t,r)},isSurfaceActive:function(){return h(s,":active")},isUnbounded:function(){return true},registerInteractionHandler:function(t,r){s.addEventListener(t,r,c())},removeClass:function(t){n.classList.remove(t)},updateCssVariable:function(t,r){n.style.setProperty(t,r)}});var a=new d(n,new l(o));a.unbounded=true;t.push(a)};var i=this;for(var n=0;n<r.length;n++){e(n)}return t};return r}(a);function A(t){const r=.1;const e=.2;const i=.3;const n=.4;const s=.5;const o=.6;const a=.7;const d=.8;const c=.9;if(t===0){return"percent-0"}if(t<r){return"percent-0-10"}if(t<e){return"percent-10-20"}if(t<i){return"percent-20-30"}if(t<n){return"percent-30-40"}if(t<s){return"percent-40-50"}if(t<o){return"percent-50-60"}if(t<a){return"percent-60-70"}if(t<d){return"percent-70-80"}if(t<c){return"percent-80-90"}return"percent-90-100"}const M=':host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-slider__thumb{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-slider__thumb::before,.mdc-slider__thumb::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-slider__thumb::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-slider__thumb::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-slider__thumb.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-slider__thumb::before,.mdc-slider__thumb::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-slider__thumb.mdc-ripple-upgraded::before,.mdc-slider__thumb.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-slider__thumb::before,.mdc-slider__thumb::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}.mdc-slider__thumb:hover::before,.mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-slider{cursor:pointer;height:48px;margin:0 24px;position:relative;touch-action:pan-y}.mdc-slider .mdc-slider__track{height:4px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.mdc-slider .mdc-slider__track--active,.mdc-slider .mdc-slider__track--inactive{display:flex;height:100%;position:absolute;width:100%}.mdc-slider .mdc-slider__track--active{border-radius:3px;height:6px;overflow:hidden;top:-1px}.mdc-slider .mdc-slider__track--active_fill{border-top:6px solid;box-sizing:border-box;height:100%;width:100%;position:relative;-webkit-transform-origin:left;transform-origin:left}[dir=rtl] .mdc-slider .mdc-slider__track--active_fill,.mdc-slider .mdc-slider__track--active_fill[dir=rtl]{-webkit-transform-origin:right;transform-origin:right;}.mdc-slider .mdc-slider__track--inactive{border-radius:2px;height:4px;left:0;top:0}.mdc-slider .mdc-slider__track--inactive::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__track--active_fill{border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider .mdc-slider__track--inactive{background-color:#26a69a;background-color:var(--mdc-theme-primary, #26a69a);opacity:0.24}.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.24}.mdc-slider .mdc-slider__value-indicator-container{bottom:44px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.mdc-slider .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);align-items:center;border-radius:4px;display:flex;height:32px;padding:0 12px;transform:scale(0);transform-origin:bottom}.mdc-slider .mdc-slider__value-indicator::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid;bottom:-5px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.mdc-slider .mdc-slider__value-indicator::after{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container{pointer-events:auto}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(1)}@media (prefers-reduced-motion){.mdc-slider .mdc-slider__value-indicator,.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{transition:none}}.mdc-slider .mdc-slider__value-indicator-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.8125rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.8125rem);line-height:1.125rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.125rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit)}.mdc-slider .mdc-slider__value-indicator{background-color:#000;opacity:0.6}.mdc-slider .mdc-slider__value-indicator::before{border-top-color:#000}.mdc-slider .mdc-slider__value-indicator{color:#fff;color:var(--mdc-theme-on-primary, #fff)}.mdc-slider .mdc-slider__thumb{display:flex;height:48px;left:-24px;outline:none;position:absolute;user-select:none;width:48px}.mdc-slider .mdc-slider__thumb--top{z-index:1}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-style:solid;border-width:1px;box-sizing:content-box}.mdc-slider .mdc-slider__thumb-knob{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);border:10px solid;border-radius:50%;box-sizing:border-box;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:20px}.mdc-slider .mdc-slider__thumb-knob{background-color:#26a69a;background-color:var(--mdc-theme-primary, #26a69a);border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);border-color:#000;border-color:var(--mdc-theme-on-surface, #000)}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider .mdc-slider__thumb::before,.mdc-slider .mdc-slider__thumb::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}.mdc-slider .mdc-slider__thumb:hover::before,.mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-slider .mdc-slider__tick-marks{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 1px;position:absolute;width:100%}.mdc-slider .mdc-slider__tick-mark--active,.mdc-slider .mdc-slider__tick-mark--inactive{border-radius:50%;height:2px;width:2px}.mdc-slider .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary, #fff);opacity:0.6}.mdc-slider .mdc-slider__tick-mark--inactive{background-color:#26a69a;background-color:var(--mdc-theme-primary, #26a69a);opacity:0.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface, #000);opacity:0.6}.mdc-slider.mdc-slider--disabled{opacity:0.38;cursor:auto}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb{pointer-events:none}.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:transform 80ms ease}@media (prefers-reduced-motion){.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{transition:none}}.mdc-slider__input{cursor:pointer;left:0;margin:0;height:100%;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle1-font-size, 0.875rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right;}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:"*"}[dir=rtl] .mdc-floating-label--required,.mdc-floating-label--required[dir=rtl]{}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-standard 250ms 1}@keyframes mdc-floating-label-shake-float-above-standard{0%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}:host(limel-slider){isolation:isolate;position:relative;display:flex;flex-direction:column;margin-top:0.25rem}.slider__label{padding-left:1.25rem;top:0.5625rem;color:rgba(var(--contrast-1200), 1)}:host(limel-slider.disabled:not(.readonly)) .slider__label{color:rgba(var(--contrast-1200), 0.5)}.slider__content-range-container{display:flex;order:2;justify-content:space-between;width:calc(100% - 1.5rem);margin:0 auto;margin-top:-1rem}.slider__content-min-label,.slider__content-max-label{transition:opacity 0.2s ease;opacity:0.7;font-size:0.75rem;top:1.25rem;color:rgba(var(--contrast-1200), 1)}.slider:hover .slider__content-min-label,.slider:hover .slider__content-max-label{opacity:1}.mdc-slider__track:before,.mdc-slider__track:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;margin:auto;width:0.375rem;height:0.375rem;border-radius:50%;background-color:rgba(var(--contrast-700), 0.6)}.mdc-slider__track:before{left:-0.75rem}.mdc-slider__track:after{right:-0.75rem}.mdc-slider__track--active_fill,.mdc-slider__track--inactive,.mdc-slider__thumb-knob{transition:background-color 0.5s ease}:host(.displays-percentage-colors[readonly]){--mdc-theme-on-surface:var(--mdc-theme-primary)}:host(.displays-percentage-colors.percent-0){--mdc-theme-primary:var(--color-percent--0)}:host(.displays-percentage-colors.percent-0-10){--mdc-theme-primary:var(--color-percent--0to10)}:host(.displays-percentage-colors.percent-10-20){--mdc-theme-primary:var(--color-percent--10to20)}:host(.displays-percentage-colors.percent-20-30){--mdc-theme-primary:var(--color-percent--20to30)}:host(.displays-percentage-colors.percent-30-40){--mdc-theme-primary:var(--color-percent--30to40)}:host(.displays-percentage-colors.percent-40-50){--mdc-theme-primary:var(--color-percent--40to50)}:host(.displays-percentage-colors.percent-50-60){--mdc-theme-primary:var(--color-percent--50to60)}:host(.displays-percentage-colors.percent-60-70){--mdc-theme-primary:var(--color-percent--60to70)}:host(.displays-percentage-colors.percent-70-80){--mdc-theme-primary:var(--color-percent--70to80)}:host(.displays-percentage-colors.percent-80-90){--mdc-theme-primary:var(--color-percent--80to90)}:host(.displays-percentage-colors.percent-90-100){--mdc-theme-primary:var(--color-percent--90to100)}:host(.displays-percentage-colors.percent-30-40) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-darker))}:host(.displays-percentage-colors.percent-30-40) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-40-50) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-70-80) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider__value-indicator-text{color:rgb(var(--color-gray-dark))}:host(.displays-percentage-colors.percent-50-60) .mdc-slider--disabled .mdc-slider__value-indicator-text,:host(.displays-percentage-colors.percent-60-70) .mdc-slider--disabled .mdc-slider__value-indicator-text{color:rgb(var(--contrast-100))}:host{--mdc-theme-primary:var(\n      --lime-primary-color,\n      rgb(var(--color-teal-default))\n  );--mdc-theme-secondary:var(\n      --lime-secondary-color,\n      rgb(var(--contrast-1100))\n  );--mdc-theme-on-primary:var(\n      --lime-on-primary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-secondary:var(\n      --lime-on-secondary-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-text-disabled-on-background:var(\n      --lime-text-disabled-on-background-color,\n      rgba(var(--contrast-1700), 0.38)\n  );--mdc-theme-text-primary-on-background:var(\n      --lime-text-primary-on-background-color,\n      rgba(var(--contrast-1700), 0.87)\n  );--mdc-theme-text-secondary-on-background:var(\n      --lime-text-secondary-on-background-color,\n      rgba(var(--contrast-1700), 0.54)\n  );--mdc-theme-error:var(\n      --lime-error-background-color,\n      rgb(var(--color-red-dark))\n  );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n      --lime-surface-background-color,\n      rgb(var(--contrast-100))\n  );--mdc-theme-on-surface:var(\n      --lime-on-surface-color,\n      rgb(var(--contrast-1500))\n  )}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled{opacity:1}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{height:1rem;border-radius:1rem}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active{top:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__value-indicator{transition:all 0s;transform:translateY(1.75rem)}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{opacity:0}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill,:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:var(--mdc-theme-primary)}:host(limel-slider.readonly) .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:var(--mdc-theme-primary)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before,.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{transition:all 0.2s ease 0.2s;content:"";display:block;position:absolute;top:0;bottom:0;margin:auto;width:0.75rem;opacity:0;width:0;height:0;border:0.25rem solid transparent;border-top-color:rgba(var(--contrast-1400), 0.6)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:before{left:-1.25rem;transform:rotate(90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:after{right:-1.25rem;transform:rotate(-90deg)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:before{opacity:0.8;left:-1.75rem}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb-knob:hover:after{opacity:0.8;right:-1.75rem}.mdc-slider .mdc-slider__value-indicator-container{z-index:1}.mdc-slider .mdc-slider__value-indicator{transition:transform 0.2s ease-out;opacity:1;transform:scale(1) translateY(2rem);border-radius:1.25rem;padding:0 0.5rem;height:1.5rem}.mdc-slider .mdc-slider__value-indicator:before{border-top-color:transparent}.mdc-slider .mdc-slider__value-indicator-text{color:rgb(var(--color-white))}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__value-indicator{transform:scale(1.5) translateY(0);box-shadow:var(--shadow-depth-16)}.mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__value-indicator:before{border-top-color:var(--mdc-theme-primary)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__value-indicator{box-shadow:var(--button-shadow-normal)}.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__value-indicator,:host(limel-slider[readonly]) .mdc-slider__value-indicator{background-color:var(--mdc-theme-primary)}limel-helper-line{opacity:0;order:3}:host(:focus) limel-helper-line,:host(:focus-visible) limel-helper-line,:host(:focus-within) limel-helper-line{opacity:1}';const z=1;const D=100;const H=0;const P=class{constructor(i){t(this,i);this.change=r(this,"change",7);this.renderHelperLine=()=>{if(!this.helperText){return}return e("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId})};this.initialize=()=>{const t=this.getInputElement();if(!t){return}const r=this.getValue();t.setAttribute("value",`${this.multiplyByFactor(r)}`);const e=r>=this.valuemin;const i=r<=this.valuemax;if(!e){const e=this.multiplyByFactor(r);t.setAttribute("min",`${e}`)}if(!i){const e=this.multiplyByFactor(r);t.setAttribute("max",`${e}`)}if(!this.isMultipleOfStep(r,this.step)){t.removeAttribute("step")}this.createMDCSlider()};this.reCreateSliderWithStep=()=>{const t=this.getInputElement();const r=`${this.multiplyByFactor(this.step)}`;t.setAttribute("step",r);this.destroyMDCSlider();this.createMDCSlider()};this.createMDCSlider=()=>{const t=this.getRootElement();this.mdcSlider=new S(t);this.mdcSlider.listen("MDCSlider:change",this.changeHandler);this.mdcSlider.listen("MDCSlider:input",this.inputHandler)};this.changeHandler=t=>{let r=t.detail.value;const e=this.multiplyByFactor(this.step);if(!this.isMultipleOfStep(r,e)){r=this.roundToStep(r,e)}this.change.emit(r/this.factor)};this.inputHandler=t=>{this.setPercentageClass(t.detail.value/this.factor)};this.getContainerClassList=()=>({[this.percentageClass]:true,disabled:this.disabled||this.readonly,readonly:this.readonly});this.resizeObserverCallback=()=>{var t;(t=this.mdcSlider)===null||t===void 0?void 0:t.layout()};this.updateDisabledState=()=>{var t;if(!this.mdcSlider){return}(t=this.mdcSlider)===null||t===void 0?void 0:t.setDisabled(this.disabled||this.readonly)};this.multiplyByFactor=t=>Math.round(t*this.factor);this.getValue=()=>{let t=this.value;if(!isFinite(t)){t=this.valuemin}return t};this.setPercentageClass=t=>{this.percentageClass=A((t-this.valuemin)/(this.valuemax-this.valuemin))};this.isMultipleOfStep=(t,r)=>{if(!r){return true}return t%r===0};this.roundToStep=(t,r)=>Math.round(t/r)*r;this.getRootElement=()=>this.rootElement.shadowRoot.querySelector(".mdc-slider");this.getInputElement=()=>{const t=this.getRootElement();if(!t){return}return t.querySelector("input")};this.isStepConfigured=()=>{if(!this.step){return true}const t=this.getInputElement();if(!t){return true}return t.hasAttribute("step")};this.disabled=false;this.readonly=false;this.factor=z;this.label=undefined;this.helperText=undefined;this.unit="";this.value=undefined;this.valuemax=D;this.valuemin=H;this.step=undefined;this.percentageClass=undefined;this.labelId=s();this.helperTextId=s()}connectedCallback(){this.initialize();this.observer=new ResizeObserver(this.resizeObserverCallback);this.observer.observe(this.rootElement)}componentWillLoad(){this.setPercentageClass(this.value)}componentDidLoad(){this.initialize()}disconnectedCallback(){this.destroyMDCSlider();this.observer.disconnect()}render(){const t={};if(this.step){t.step=this.multiplyByFactor(this.step)}if(this.disabled||this.readonly){t.disabled=true}return e(i,{class:this.getContainerClassList()},e("label",{class:"slider__label mdc-floating-label mdc-floating-label--float-above",id:this.labelId},this.label),e("div",{class:"slider__content-range-container"},e("span",{class:"slider__content-min-label"},this.multiplyByFactor(this.valuemin),this.unit),e("span",{class:"slider__content-max-label"},this.multiplyByFactor(this.valuemax),this.unit)),e("div",{class:{"mdc-slider":true,"mdc-slider--discrete":true,"mdc-slider--disabled":this.disabled||this.readonly}},e("input",Object.assign({class:"mdc-slider__input",type:"range",min:this.multiplyByFactor(this.valuemin),max:this.multiplyByFactor(this.valuemax),value:this.multiplyByFactor(this.value),name:"volume","aria-labelledby":this.labelId,"aria-controls":this.helperTextId},t)),e("div",{class:"mdc-slider__track"},e("div",{class:"mdc-slider__track--inactive"}),e("div",{class:"mdc-slider__track--active"},e("div",{class:"mdc-slider__track--active_fill"}))),e("div",{class:"mdc-slider__thumb"},e("div",{class:"mdc-slider__value-indicator-container","aria-hidden":"true"},e("div",{class:"mdc-slider__value-indicator"},e("span",{class:"mdc-slider__value-indicator-text"},this.multiplyByFactor(this.value)))),e("div",{class:"mdc-slider__thumb-knob"}))),this.renderHelperLine())}watchDisabled(){this.updateDisabledState()}watchReadonly(){this.updateDisabledState()}watchValue(){if(!this.mdcSlider){return}const t=this.multiplyByFactor(this.getValue());this.mdcSlider.setValue(t);if(this.isStepConfigured()){return}const r=this.multiplyByFactor(this.step);if(!this.isMultipleOfStep(t,r)){return}this.reCreateSliderWithStep()}destroyMDCSlider(){this.mdcSlider.unlisten("MDCSlider:change",this.changeHandler);this.mdcSlider.unlisten("MDCSlider:input",this.inputHandler);this.mdcSlider.destroy();this.mdcSlider=undefined}get rootElement(){return n(this)}static get watchers(){return{disabled:["watchDisabled"],readonly:["watchReadonly"],value:["watchValue"]}}};P.style=M;export{P as limel_slider};
+//# sourceMappingURL=p-f1b0951f.entry.js.map