@limetech/lime-elements 38.20.0 → 38.21.1

package/dist/esm/limel-dynamic-label_2.entry.js

@@ -1,86 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-2714248e.js';
-import { g as getIconName } from './get-icon-props-37514418.js';
-
-const dynamicLabelCss = "*{box-sizing:border-box;min-width:0}:host(limel-dynamic-label){--limel-dynamic-label-min-height:1.75rem;display:flex;gap:0.5rem;align-items:flex-start;border-radius:0.5rem;min-width:0}limel-icon{--limel-icon-svg-margin:0.125rem;border-radius:0.25rem;flex-shrink:0;width:var(--limel-dynamic-label-min-height);color:rgb(var(--contrast-900))}label{flex-grow:1;font-size:0.8125rem;line-height:normal;color:var(--mdc-theme-on-surface);padding-top:0.375rem}";
-
-const DynamicLabel = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.value = undefined;
-    this.defaultLabel = {};
-    this.labels = [];
-  }
-  render() {
-    var _a, _b;
-    const label = this.labels.find((l) => l.value === this.value);
-    return [
-      this.renderIcon((_a = label === null || label === void 0 ? void 0 : label.icon) !== null && _a !== void 0 ? _a : this.defaultLabel.icon),
-      this.renderLabel((_b = label === null || label === void 0 ? void 0 : label.text) !== null && _b !== void 0 ? _b : this.defaultLabel.text),
-    ];
-  }
-  renderIcon(icon) {
-    const iconName = getIconName(icon);
-    if (!iconName) {
-      return;
-    }
-    let iconColor;
-    let iconBackgroundColor;
-    if (typeof icon === 'object') {
-      iconColor = icon.color;
-      iconBackgroundColor = icon.backgroundColor;
-    }
-    const iconProps = {
-      role: 'presentation',
-      name: iconName,
-      style: {
-        color: iconColor,
-        'background-color': iconBackgroundColor,
-      },
-    };
-    return h("limel-icon", Object.assign({}, iconProps));
-  }
-  renderLabel(label = '') {
-    return h("label", null, label);
-  }
-};
-DynamicLabel.style = dynamicLabelCss;
-
-const helperLineCss = ":host(limel-helper-line){transition:opacity 0.2s ease;box-sizing:border-box;display:grid;min-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.6875rem;line-height:normal;color:rgb(var(--contrast-1200))}div{display:flex;justify-content:space-between;gap:0.75rem;overflow:hidden;padding:0 1rem}:host(limel-helper-line.invalid){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-helper-line.invalid) .helper-text{color:var(--mdc-theme-error)}.counter{flex-shrink:0;margin-left:auto}.helper-text,.counter{padding-top:0.125rem}:host(limel-helper-line){transition:grid-template-rows var(--limel-h-l-grid-template-rows-transition-speed, 0.46s) cubic-bezier(1, 0.09, 0, 0.89);grid-template-rows:var(--limel-h-l-grid-template-rows, 1fr)}:host(limel-helper-line.hide){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}";
-
-const HelperLine = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.hasContent = () => {
-      return !!(this.maxLength > 0 ||
-        (this.helperText && this.helperText.length > 0));
-    };
-    this.renderHelperText = () => {
-      if (!this.helperText) {
-        return;
-      }
-      return (h("span", { class: "helper-text", id: this.helperTextId }, this.helperText));
-    };
-    this.renderCharacterCounter = () => {
-      const counter = `${this.length} / ${this.maxLength}`;
-      if (!this.maxLength) {
-        return;
-      }
-      return h("span", { class: "counter" }, counter);
-    };
-    this.helperText = undefined;
-    this.length = undefined;
-    this.maxLength = undefined;
-    this.invalid = false;
-    this.helperTextId = undefined;
-  }
-  render() {
-    return (h(Host, { tabIndex: -1, class: {
-        invalid: this.invalid,
-      }, style: this.hasContent() ? {} : { display: 'none' }, "aria-hidden": !this.hasContent() }, h("div", null, this.renderHelperText(), this.renderCharacterCounter())));
-  }
-};
-HelperLine.style = helperLineCss;
-
-export { DynamicLabel as limel_dynamic_label, HelperLine as limel_helper_line };
-
-//# sourceMappingURL=limel-dynamic-label_2.entry.js.map

package/dist/esm/limel-dynamic-label_2.entry.js.map

@@ -1 +0,0 @@
-{"file":"limel-dynamic-label.limel-helper-line.entry.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,qcAAqc;;MC0Bhd,YAAY;;;;wBAgBuB,EAAE;kBAQrB,EAAE;;EAEpB,MAAM;;IACT,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;IAE9D,OAAO;MACH,IAAI,CAAC,UAAU,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;MACtD,IAAI,CAAC,WAAW,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,mCAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;KAC1D,CAAC;GACL;EAEO,UAAU,CAAC,IAAoB;IACnC,MAAM,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IACnC,IAAI,CAAC,QAAQ,EAAE;MACX,OAAO;KACV;IAED,IAAI,SAA6B,CAAC;IAClC,IAAI,mBAAuC,CAAC;IAE5C,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;MAC1B,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;MACvB,mBAAmB,GAAG,IAAI,CAAC,eAAe,CAAC;KAC9C;IAED,MAAM,SAAS,GAAG;MACd,IAAI,EAAE,cAAc;MACpB,IAAI,EAAE,QAAQ;MACd,KAAK,EAAE;QACH,KAAK,EAAE,SAAS;QAChB,kBAAkB,EAAE,mBAAmB;OAC1C;KACJ,CAAC;IAEF,OAAO,kCAAgB,SAAS,EAAI,CAAC;GACxC;EAEO,WAAW,CAAC,QAAgB,EAAE;IAClC,OAAO,iBAAQ,KAAK,CAAS,CAAC;GACjC;;;;ACzFL,MAAM,aAAa,GAAG,y6BAAy6B;;MC2Bl7B,UAAU;;;IAqDX,eAAU,GAAG;MACjB,OAAO,CAAC,EACJ,IAAI,CAAC,SAAS,GAAG,CAAC;SACjB,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAClD,CAAC;KACL,CAAC;IAEM,qBAAgB,GAAG;MACvB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;QAClB,OAAO;OACV;MAED,QACI,YAAM,KAAK,EAAC,aAAa,EAAC,EAAE,EAAE,IAAI,CAAC,YAAY,IAC1C,IAAI,CAAC,UAAU,CACb,EACT;KACL,CAAC;IAEM,2BAAsB,GAAG;MAC7B,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,MAAM,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC;MAErD,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;QACjB,OAAO;OACV;MAED,OAAO,YAAM,KAAK,EAAC,SAAS,IAAE,OAAO,CAAQ,CAAC;KACjD,CAAC;;;;mBArDyB,KAAK;;;EAQzB,MAAM;IACT,QACI,EAAC,IAAI,IACD,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE;QACH,OAAO,EAAE,IAAI,CAAC,OAAO;OACxB,EACD,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,iBACtC,CAAC,IAAI,CAAC,UAAU,EAAE,IAE/B,eACK,IAAI,CAAC,gBAAgB,EAAE,EACvB,IAAI,CAAC,sBAAsB,EAAE,CAC5B,CACH,EACT;GACL;;;;;;","names":[],"sources":["./src/components/dynamic-label/dynamic-label.scss?tag=limel-dynamic-label&encapsulation=shadow","./src/components/dynamic-label/dynamic-label.tsx","./src/components/helper-line/helper-line.scss?tag=limel-helper-line&encapsulation=shadow","./src/components/helper-line/helper-line.tsx"],"sourcesContent":["* {\n    box-sizing: border-box;\n    min-width: 0;\n}\n\n:host(limel-dynamic-label) {\n    --limel-dynamic-label-min-height: 1.75rem;\n    display: flex;\n    gap: 0.5rem;\n    align-items: flex-start;\n    border-radius: 0.5rem;\n    min-width: 0;\n}\n\nlimel-icon {\n    --limel-icon-svg-margin: 0.125rem;\n    border-radius: 0.25rem;\n    flex-shrink: 0;\n    width: var(--limel-dynamic-label-min-height);\n    color: rgb(\n        var(--contrast-900)\n    ); // The default `false` color. Will be overwritten by `Icon`\n}\n\nlabel {\n    flex-grow: 1;\n    font-size: 0.8125rem; // `13px`, Like Checkbox & Switch\n    line-height: normal;\n    color: var(--mdc-theme-on-surface);\n    padding-top: 0.375rem;\n}\n","import { getIconName } from '../icon/get-icon-props';\nimport { Component, Prop, h } from '@stencil/core';\nimport { Label, LabelValue } from './label.types';\nimport { Icon } from '../../interface';\n\n/**\n * This components displays a different label depending on the current given\n * value. A label can consist of a text and an optional icon. If no matching\n * label is found among the given `labels`, the `defaultLabel` will be displayed.\n *\n * One use case of the component is to enhance the visualization of a `boolean`\n * field like a checkbox or switch in a `readonly` state.\n *\n * The reason we offer this component is that the default styling\n * of the Checkbox or Toggle switch in the `readonly` state may not always\n * provide the best way of _visualizing information_, potentially leading to\n * confusion and negatively affecting the end-users' experience.\n *\n * @exampleComponent limel-example-dynamic-label\n * @exampleComponent limel-example-dynamic-label-readonly-boolean\n */\n@Component({\n    tag: 'limel-dynamic-label',\n    shadow: true,\n    styleUrl: 'dynamic-label.scss',\n})\nexport class DynamicLabel {\n    /**\n     * The current value of the component which is used to match with the given\n     * `labels` to determine what label to display.\n     *\n     * If not matching label is found, the `defaultLabel` is displayed.\n     */\n    @Prop()\n    public value: LabelValue;\n\n    /**\n     * The label to display when no matching value is found in the `labels`\n     * array. This is a fallback label that ensures there's always a label\n     * displayed for the component.\n     */\n    @Prop({ reflect: true })\n    public defaultLabel: Omit<Label, 'value'> = {};\n\n    /**\n     * A list of available labels. Each label has a corresponding value that\n     * will be matched with the current `value` of the component to determine\n     * what label to display.\n     */\n    @Prop()\n    public labels: Label[] = [];\n\n    public render() {\n        const label = this.labels.find((l) => l.value === this.value);\n\n        return [\n            this.renderIcon(label?.icon ?? this.defaultLabel.icon),\n            this.renderLabel(label?.text ?? this.defaultLabel.text),\n        ];\n    }\n\n    private renderIcon(icon?: string | Icon) {\n        const iconName = getIconName(icon);\n        if (!iconName) {\n            return;\n        }\n\n        let iconColor: string | undefined;\n        let iconBackgroundColor: string | undefined;\n\n        if (typeof icon === 'object') {\n            iconColor = icon.color;\n            iconBackgroundColor = icon.backgroundColor;\n        }\n\n        const iconProps = {\n            role: 'presentation',\n            name: iconName,\n            style: {\n                color: iconColor,\n                'background-color': iconBackgroundColor,\n            },\n        };\n\n        return <limel-icon {...iconProps} />;\n    }\n\n    private renderLabel(label: string = '') {\n        return <label>{label}</label>;\n    }\n}\n",":host(limel-helper-line) {\n    transition: opacity 0.2s ease;\n\n    box-sizing: border-box;\n    display: grid;\n\n    min-width: 0; // prevents overflowing, if component is placed in flex containers\n\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    font-size: 0.6875rem;\n    line-height: normal;\n\n    color: rgb(var(--contrast-1200));\n}\n\ndiv {\n    display: flex;\n    justify-content: space-between;\n    gap: 0.75rem;\n    overflow: hidden;\n    padding: 0 1rem;\n}\n\n:host(limel-helper-line.invalid) {\n    --limel-h-l-grid-template-rows-transition-speed: 0.46s;\n    --limel-h-l-grid-template-rows: 1fr;\n\n    .helper-text {\n        color: var(--mdc-theme-error);\n    }\n}\n\n.counter {\n    flex-shrink: 0;\n    margin-left: auto;\n}\n\n.helper-text,\n.counter {\n    padding-top: 0.125rem;\n}\n\n// This animates height of the helper line, from `0` to `auto`.\n// To get this animation effect, the consumer component should\n// add `hide` classed accordingly.\n:host(limel-helper-line) {\n    transition: grid-template-rows\n        var(--limel-h-l-grid-template-rows-transition-speed, 0.46s)\n        cubic-bezier(1, 0.09, 0, 0.89);\n    grid-template-rows: var(--limel-h-l-grid-template-rows, 1fr);\n}\n\n:host(limel-helper-line.hide) {\n    --limel-h-l-grid-template-rows-transition-speed: 0.3s;\n    --limel-h-l-grid-template-rows: 0fr;\n}\n// End: animating height\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n/**\n * This is an internal and private component that many input fields\n * use to display a helper text, along with a character counter below the\n * input field.\n *\n * We created this to keep the visual styles the same everywhere\n * and to avoid importing styles separately.\n *\n * Also this enables us to open the helper line in limel-portal,\n * more easily without having to send the styles to the portal.\n *\n * @exampleComponent limel-example-helper-line\n * @exampleComponent limel-example-helper-line-invalid\n * @exampleComponent limel-example-helper-line-long-text\n * @exampleComponent limel-example-helper-line-long-text-no-counter\n * @exampleComponent limel-example-helper-line-character-counter\n * @exampleComponent limel-example-helper-line-empty\n * @exampleComponent limel-example-helper-line-animation\n * @private\n */\n@Component({\n    tag: 'limel-helper-line',\n    shadow: true,\n    styleUrl: 'helper-line.scss',\n})\nexport class HelperLine {\n    /**\n     * The helper text that is displayed on the left side.\n     */\n    @Prop({ reflect: true })\n    public helperText?: string;\n\n    /**\n     * Length of the current input value, coming from the parent component.\n     * Used in the character counter section on the right side.\n     */\n    @Prop({ reflect: true })\n    public length?: number;\n\n    /**\n     * Maximum length of the characters, defined on the parent component.\n     * Used in the character counter section on the right side.\n     */\n    @Prop({ reflect: true })\n    public maxLength?: number;\n\n    /**\n     * Turns `true`, when the parent component is invalid.\n     * For example, when the parent component is `required` but is left empty.\n     * Or when the input format is invalid.\n     */\n    @Prop({ reflect: true })\n    public invalid?: boolean = false;\n\n    /**\n     * Used by `aria-controls` and `aria-describedby` in the parent component.\n     */\n    @Prop({ reflect: true })\n    public helperTextId?: string;\n\n    public render() {\n        return (\n            <Host\n                tabIndex={-1}\n                class={{\n                    invalid: this.invalid,\n                }}\n                style={this.hasContent() ? {} : { display: 'none' }}\n                aria-hidden={!this.hasContent()}\n            >\n                <div>\n                    {this.renderHelperText()}\n                    {this.renderCharacterCounter()}\n                </div>\n            </Host>\n        );\n    }\n\n    private hasContent = () => {\n        return !!(\n            this.maxLength > 0 ||\n            (this.helperText && this.helperText.length > 0)\n        );\n    };\n\n    private renderHelperText = () => {\n        if (!this.helperText) {\n            return;\n        }\n\n        return (\n            <span class=\"helper-text\" id={this.helperTextId}>\n                {this.helperText}\n            </span>\n        );\n    };\n\n    private renderCharacterCounter = () => {\n        const counter = `${this.length} / ${this.maxLength}`;\n\n        if (!this.maxLength) {\n            return;\n        }\n\n        return <span class=\"counter\">{counter}</span>;\n    };\n}\n"],"version":3}

package/dist/lime-elements/p-0ffd5100.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as i,H as t}from"./p-288f0842.js";import{g as l}from"./p-d251f404.js";const r="*{box-sizing:border-box;min-width:0}:host(limel-dynamic-label){--limel-dynamic-label-min-height:1.75rem;display:flex;gap:0.5rem;align-items:flex-start;border-radius:0.5rem;min-width:0}limel-icon{--limel-icon-svg-margin:0.125rem;border-radius:0.25rem;flex-shrink:0;width:var(--limel-dynamic-label-min-height);color:rgb(var(--contrast-900))}label{flex-grow:1;font-size:0.8125rem;line-height:normal;color:var(--mdc-theme-on-surface);padding-top:0.375rem}";const s=class{constructor(i){e(this,i);this.value=undefined;this.defaultLabel={};this.labels=[]}render(){var e,i;const t=this.labels.find((e=>e.value===this.value));return[this.renderIcon((e=t===null||t===void 0?void 0:t.icon)!==null&&e!==void 0?e:this.defaultLabel.icon),this.renderLabel((i=t===null||t===void 0?void 0:t.text)!==null&&i!==void 0?i:this.defaultLabel.text)]}renderIcon(e){const t=l(e);if(!t){return}let r;let s;if(typeof e==="object"){r=e.color;s=e.backgroundColor}const n={role:"presentation",name:t,style:{color:r,"background-color":s}};return i("limel-icon",Object.assign({},n))}renderLabel(e=""){return i("label",null,e)}};s.style=r;const n=":host(limel-helper-line){transition:opacity 0.2s ease;box-sizing:border-box;display:grid;min-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.6875rem;line-height:normal;color:rgb(var(--contrast-1200))}div{display:flex;justify-content:space-between;gap:0.75rem;overflow:hidden;padding:0 1rem}:host(limel-helper-line.invalid){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-helper-line.invalid) .helper-text{color:var(--mdc-theme-error)}.counter{flex-shrink:0;margin-left:auto}.helper-text,.counter{padding-top:0.125rem}:host(limel-helper-line){transition:grid-template-rows var(--limel-h-l-grid-template-rows-transition-speed, 0.46s) cubic-bezier(1, 0.09, 0, 0.89);grid-template-rows:var(--limel-h-l-grid-template-rows, 1fr)}:host(limel-helper-line.hide){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}";const o=class{constructor(t){e(this,t);this.hasContent=()=>!!(this.maxLength>0||this.helperText&&this.helperText.length>0);this.renderHelperText=()=>{if(!this.helperText){return}return i("span",{class:"helper-text",id:this.helperTextId},this.helperText)};this.renderCharacterCounter=()=>{const e=`${this.length} / ${this.maxLength}`;if(!this.maxLength){return}return i("span",{class:"counter"},e)};this.helperText=undefined;this.length=undefined;this.maxLength=undefined;this.invalid=false;this.helperTextId=undefined}render(){return i(t,{tabIndex:-1,class:{invalid:this.invalid},style:this.hasContent()?{}:{display:"none"},"aria-hidden":!this.hasContent()},i("div",null,this.renderHelperText(),this.renderCharacterCounter()))}};o.style=n;export{s as limel_dynamic_label,o as limel_helper_line};
-//# sourceMappingURL=p-0ffd5100.entry.js.map

package/dist/lime-elements/p-0ffd5100.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dynamicLabelCss","DynamicLabel","render","label","this","labels","find","l","value","renderIcon","_a","icon","defaultLabel","renderLabel","_b","text","iconName","getIconName","iconColor","iconBackgroundColor","color","backgroundColor","iconProps","role","name","style","h","Object","assign","helperLineCss","HelperLine","hasContent","maxLength","helperText","length","renderHelperText","class","id","helperTextId","renderCharacterCounter","counter","Host","tabIndex","invalid","display"],"sources":["./src/components/dynamic-label/dynamic-label.scss?tag=limel-dynamic-label&encapsulation=shadow","./src/components/dynamic-label/dynamic-label.tsx","./src/components/helper-line/helper-line.scss?tag=limel-helper-line&encapsulation=shadow","./src/components/helper-line/helper-line.tsx"],"sourcesContent":["* {\n    box-sizing: border-box;\n    min-width: 0;\n}\n\n:host(limel-dynamic-label) {\n    --limel-dynamic-label-min-height: 1.75rem;\n    display: flex;\n    gap: 0.5rem;\n    align-items: flex-start;\n    border-radius: 0.5rem;\n    min-width: 0;\n}\n\nlimel-icon {\n    --limel-icon-svg-margin: 0.125rem;\n    border-radius: 0.25rem;\n    flex-shrink: 0;\n    width: var(--limel-dynamic-label-min-height);\n    color: rgb(\n        var(--contrast-900)\n    ); // The default `false` color. Will be overwritten by `Icon`\n}\n\nlabel {\n    flex-grow: 1;\n    font-size: 0.8125rem; // `13px`, Like Checkbox & Switch\n    line-height: normal;\n    color: var(--mdc-theme-on-surface);\n    padding-top: 0.375rem;\n}\n","import { getIconName } from '../icon/get-icon-props';\nimport { Component, Prop, h } from '@stencil/core';\nimport { Label, LabelValue } from './label.types';\nimport { Icon } from '../../interface';\n\n/**\n * This components displays a different label depending on the current given\n * value. A label can consist of a text and an optional icon. If no matching\n * label is found among the given `labels`, the `defaultLabel` will be displayed.\n *\n * One use case of the component is to enhance the visualization of a `boolean`\n * field like a checkbox or switch in a `readonly` state.\n *\n * The reason we offer this component is that the default styling\n * of the Checkbox or Toggle switch in the `readonly` state may not always\n * provide the best way of _visualizing information_, potentially leading to\n * confusion and negatively affecting the end-users' experience.\n *\n * @exampleComponent limel-example-dynamic-label\n * @exampleComponent limel-example-dynamic-label-readonly-boolean\n */\n@Component({\n    tag: 'limel-dynamic-label',\n    shadow: true,\n    styleUrl: 'dynamic-label.scss',\n})\nexport class DynamicLabel {\n    /**\n     * The current value of the component which is used to match with the given\n     * `labels` to determine what label to display.\n     *\n     * If not matching label is found, the `defaultLabel` is displayed.\n     */\n    @Prop()\n    public value: LabelValue;\n\n    /**\n     * The label to display when no matching value is found in the `labels`\n     * array. This is a fallback label that ensures there's always a label\n     * displayed for the component.\n     */\n    @Prop({ reflect: true })\n    public defaultLabel: Omit<Label, 'value'> = {};\n\n    /**\n     * A list of available labels. Each label has a corresponding value that\n     * will be matched with the current `value` of the component to determine\n     * what label to display.\n     */\n    @Prop()\n    public labels: Label[] = [];\n\n    public render() {\n        const label = this.labels.find((l) => l.value === this.value);\n\n        return [\n            this.renderIcon(label?.icon ?? this.defaultLabel.icon),\n            this.renderLabel(label?.text ?? this.defaultLabel.text),\n        ];\n    }\n\n    private renderIcon(icon?: string | Icon) {\n        const iconName = getIconName(icon);\n        if (!iconName) {\n            return;\n        }\n\n        let iconColor: string | undefined;\n        let iconBackgroundColor: string | undefined;\n\n        if (typeof icon === 'object') {\n            iconColor = icon.color;\n            iconBackgroundColor = icon.backgroundColor;\n        }\n\n        const iconProps = {\n            role: 'presentation',\n            name: iconName,\n            style: {\n                color: iconColor,\n                'background-color': iconBackgroundColor,\n            },\n        };\n\n        return <limel-icon {...iconProps} />;\n    }\n\n    private renderLabel(label: string = '') {\n        return <label>{label}</label>;\n    }\n}\n",":host(limel-helper-line) {\n    transition: opacity 0.2s ease;\n\n    box-sizing: border-box;\n    display: grid;\n\n    min-width: 0; // prevents overflowing, if component is placed in flex containers\n\n    -moz-osx-font-smoothing: grayscale;\n    -webkit-font-smoothing: antialiased;\n    font-size: 0.6875rem;\n    line-height: normal;\n\n    color: rgb(var(--contrast-1200));\n}\n\ndiv {\n    display: flex;\n    justify-content: space-between;\n    gap: 0.75rem;\n    overflow: hidden;\n    padding: 0 1rem;\n}\n\n:host(limel-helper-line.invalid) {\n    --limel-h-l-grid-template-rows-transition-speed: 0.46s;\n    --limel-h-l-grid-template-rows: 1fr;\n\n    .helper-text {\n        color: var(--mdc-theme-error);\n    }\n}\n\n.counter {\n    flex-shrink: 0;\n    margin-left: auto;\n}\n\n.helper-text,\n.counter {\n    padding-top: 0.125rem;\n}\n\n// This animates height of the helper line, from `0` to `auto`.\n// To get this animation effect, the consumer component should\n// add `hide` classed accordingly.\n:host(limel-helper-line) {\n    transition: grid-template-rows\n        var(--limel-h-l-grid-template-rows-transition-speed, 0.46s)\n        cubic-bezier(1, 0.09, 0, 0.89);\n    grid-template-rows: var(--limel-h-l-grid-template-rows, 1fr);\n}\n\n:host(limel-helper-line.hide) {\n    --limel-h-l-grid-template-rows-transition-speed: 0.3s;\n    --limel-h-l-grid-template-rows: 0fr;\n}\n// End: animating height\n","import { Component, Host, Prop, h } from '@stencil/core';\n\n/**\n * This is an internal and private component that many input fields\n * use to display a helper text, along with a character counter below the\n * input field.\n *\n * We created this to keep the visual styles the same everywhere\n * and to avoid importing styles separately.\n *\n * Also this enables us to open the helper line in limel-portal,\n * more easily without having to send the styles to the portal.\n *\n * @exampleComponent limel-example-helper-line\n * @exampleComponent limel-example-helper-line-invalid\n * @exampleComponent limel-example-helper-line-long-text\n * @exampleComponent limel-example-helper-line-long-text-no-counter\n * @exampleComponent limel-example-helper-line-character-counter\n * @exampleComponent limel-example-helper-line-empty\n * @exampleComponent limel-example-helper-line-animation\n * @private\n */\n@Component({\n    tag: 'limel-helper-line',\n    shadow: true,\n    styleUrl: 'helper-line.scss',\n})\nexport class HelperLine {\n    /**\n     * The helper text that is displayed on the left side.\n     */\n    @Prop({ reflect: true })\n    public helperText?: string;\n\n    /**\n     * Length of the current input value, coming from the parent component.\n     * Used in the character counter section on the right side.\n     */\n    @Prop({ reflect: true })\n    public length?: number;\n\n    /**\n     * Maximum length of the characters, defined on the parent component.\n     * Used in the character counter section on the right side.\n     */\n    @Prop({ reflect: true })\n    public maxLength?: number;\n\n    /**\n     * Turns `true`, when the parent component is invalid.\n     * For example, when the parent component is `required` but is left empty.\n     * Or when the input format is invalid.\n     */\n    @Prop({ reflect: true })\n    public invalid?: boolean = false;\n\n    /**\n     * Used by `aria-controls` and `aria-describedby` in the parent component.\n     */\n    @Prop({ reflect: true })\n    public helperTextId?: string;\n\n    public render() {\n        return (\n            <Host\n                tabIndex={-1}\n                class={{\n                    invalid: this.invalid,\n                }}\n                style={this.hasContent() ? {} : { display: 'none' }}\n                aria-hidden={!this.hasContent()}\n            >\n                <div>\n                    {this.renderHelperText()}\n                    {this.renderCharacterCounter()}\n                </div>\n            </Host>\n        );\n    }\n\n    private hasContent = () => {\n        return !!(\n            this.maxLength > 0 ||\n            (this.helperText && this.helperText.length > 0)\n        );\n    };\n\n    private renderHelperText = () => {\n        if (!this.helperText) {\n            return;\n        }\n\n        return (\n            <span class=\"helper-text\" id={this.helperTextId}>\n                {this.helperText}\n            </span>\n        );\n    };\n\n    private renderCharacterCounter = () => {\n        const counter = `${this.length} / ${this.maxLength}`;\n\n        if (!this.maxLength) {\n            return;\n        }\n\n        return <span class=\"counter\">{counter}</span>;\n    };\n}\n"],"mappings":"sFAAA,MAAMA,EAAkB,sc,MC0BXC,EAAY,M,gEAgBuB,G,YAQnB,E,CAElBC,S,QACH,MAAMC,EAAQC,KAAKC,OAAOC,MAAMC,GAAMA,EAAEC,QAAUJ,KAAKI,QAEvD,MAAO,CACHJ,KAAKK,YAAWC,EAAAP,IAAK,MAALA,SAAK,SAALA,EAAOQ,QAAI,MAAAD,SAAA,EAAAA,EAAIN,KAAKQ,aAAaD,MACjDP,KAAKS,aAAYC,EAAAX,IAAK,MAALA,SAAK,SAALA,EAAOY,QAAI,MAAAD,SAAA,EAAAA,EAAIV,KAAKQ,aAAaG,M,CAIlDN,WAAWE,GACf,MAAMK,EAAWC,EAAYN,GAC7B,IAAKK,EAAU,CACX,M,CAGJ,IAAIE,EACJ,IAAIC,EAEJ,UAAWR,IAAS,SAAU,CAC1BO,EAAYP,EAAKS,MACjBD,EAAsBR,EAAKU,e,CAG/B,MAAMC,EAAY,CACdC,KAAM,eACNC,KAAMR,EACNS,MAAO,CACHL,MAAOF,EACP,mBAAoBC,IAI5B,OAAOO,EAAA,aAAAC,OAAAC,OAAA,GAAgBN,G,CAGnBT,YAAYV,EAAgB,IAChC,OAAOuB,EAAA,aAAQvB,E,aCxFvB,MAAM0B,EAAgB,06B,MC2BTC,EAAU,M,yBAqDX1B,KAAA2B,WAAa,OAEb3B,KAAK4B,UAAY,GAChB5B,KAAK6B,YAAc7B,KAAK6B,WAAWC,OAAS,GAI7C9B,KAAA+B,iBAAmB,KACvB,IAAK/B,KAAK6B,WAAY,CAClB,M,CAGJ,OACIP,EAAA,QAAMU,MAAM,cAAcC,GAAIjC,KAAKkC,cAC9BlC,KAAK6B,WACH,EAIP7B,KAAAmC,uBAAyB,KAC7B,MAAMC,EAAU,GAAGpC,KAAK8B,YAAY9B,KAAK4B,YAEzC,IAAK5B,KAAK4B,UAAW,CACjB,M,CAGJ,OAAON,EAAA,QAAMU,MAAM,WAAWI,EAAe,E,sFApDtB,M,4BAQpBtC,SACH,OACIwB,EAACe,EAAI,CACDC,UAAW,EACXN,MAAO,CACHO,QAASvC,KAAKuC,SAElBlB,MAAOrB,KAAK2B,aAAe,GAAK,CAAEa,QAAS,QAAQ,eACrCxC,KAAK2B,cAEnBL,EAAA,WACKtB,KAAK+B,mBACL/B,KAAKmC,0B"}

package/dist/lime-elements/p-550e1ea9.entry.js

@@ -1,90 +0,0 @@
-import{r as t,c as e,h as r,H as i,g as s}from"./p-288f0842.js";import{c as n}from"./p-ad52787a.js";import{_ as o,a as d,M as a,m as c,b as l}from"./p-9f722992.js";import{M as h,a as m,b as u}from"./p-5a478c15.js";import{A as f}from"./p-48105d44.js";import{g as p}from"./p-9faad6eb.js";
-/**
- * @license
- * Copyright 2020 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * 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 b={DISABLED:"mdc-slider--disabled",DISCRETE:"mdc-slider--discrete",INPUT:"mdc-slider__input",RANGE:"mdc-slider--range",THUMB:"mdc-slider__thumb",THUMB_FOCUSED:"mdc-slider__thumb--focused",THUMB_KNOB:"mdc-slider__thumb-knob",THUMB_TOP:"mdc-slider__thumb--top",THUMB_WITH_INDICATOR:"mdc-slider__thumb--with-indicator",TICK_MARKS:"mdc-slider--tick-marks",TICK_MARKS_CONTAINER:"mdc-slider__tick-marks",TICK_MARK_ACTIVE:"mdc-slider__tick-mark--active",TICK_MARK_INACTIVE:"mdc-slider__tick-mark--inactive",TRACK:"mdc-slider__track",TRACK_ACTIVE:"mdc-slider__track--active_fill",VALUE_INDICATOR_TEXT:"mdc-slider__value-indicator-text"};var v={STEP_SIZE:1,THUMB_UPDATE_MIN_PX:5};var _={ARIA_VALUETEXT:"aria-valuetext",INPUT_DISABLED:"disabled",INPUT_MIN:"min",INPUT_MAX:"max",INPUT_VALUE:"value",INPUT_STEP:"step"};var g={CHANGE:"MDCSlider:change",INPUT:"MDCSlider:input"};
-/**
- * @license
- * Copyright 2020 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * 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 y;(function(t){t[t["ACTIVE"]=0]="ACTIVE";t[t["INACTIVE"]=1]="INACTIVE"})(y||(y={}));var k;(function(t){t[t["START"]=1]="START";t[t["END"]=2]="END"})(k||(k={}));
-/**
- * @license
- * Copyright 2020 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * 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 x;(function(t){t["SLIDER_UPDATE"]="slider_update"})(x||(x={}));var w=typeof window!=="undefined";var E=function(t){o(e,t);function e(r){var i=t.call(this,d(d({},e.defaultAdapter),r))||this;i.initialStylesRemoved=false;i.isDisabled=false;i.isDiscrete=false;i.step=v.STEP_SIZE;i.hasTickMarks=false;i.isRange=false;i.thumb=null;i.downEventClientX=null;i.startThumbKnobWidth=0;i.endThumbKnobWidth=0;i.animFrame=new f;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(b.DISABLED);this.isDiscrete=this.adapter.hasClass(b.DISCRETE);this.hasTickMarks=this.adapter.hasClass(b.TICK_MARKS);this.isRange=this.adapter.hasClass(b.RANGE);var e=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(_.INPUT_MIN,this.isRange?k.START:k.END),_.INPUT_MIN);var r=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(_.INPUT_MAX,k.END),_.INPUT_MAX);var i=this.convertAttributeValueToNumber(this.adapter.getInputAttribute(_.INPUT_VALUE,k.END),_.INPUT_VALUE);var s=this.isRange?this.convertAttributeValueToNumber(this.adapter.getInputAttribute(_.INPUT_VALUE,k.START),_.INPUT_VALUE):e;var n=this.adapter.getInputAttribute(_.INPUT_STEP,k.END);var o=n?this.convertAttributeValueToNumber(n,_.INPUT_STEP):this.step;this.validateProperties({min:e,max:r,value:i,valueStart:s,step:o});this.min=e;this.max=r;this.value=i;this.valueStart=s;this.step=o;this.numDecimalPlaces=C(this.step);this.valueBeforeDownEvent=i;this.valueStartBeforeDownEvent=s;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(k.START)};this.inputEndChangeListener=function(){t.handleInputChange(k.END)};this.inputStartFocusListener=function(){t.handleInputFocus(k.START)};this.inputEndFocusListener=function(){t.handleInputFocus(k.END)};this.inputStartBlurListener=function(){t.handleInputBlur(k.START)};this.inputEndBlurListener=function(){t.handleInputBlur(k.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,k.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,k.START)};e.prototype.setStep=function(t){this.step=t;this.numDecimalPlaces=C(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(b.DISABLED);if(this.isRange){this.adapter.setInputAttribute(_.INPUT_DISABLED,"",k.START)}this.adapter.setInputAttribute(_.INPUT_DISABLED,"",k.END)}else{this.adapter.removeClass(b.DISABLED);if(this.isRange){this.adapter.removeInputAttribute(_.INPUT_DISABLED,k.START)}this.adapter.removeInputAttribute(_.INPUT_DISABLED,k.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(k.START);this.endThumbKnobWidth=this.adapter.getThumbKnobWidth(k.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===k.START?this.valueStartBeforeDownEvent:this.valueBeforeDownEvent;var e=this.thumb===k.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(b.THUMB_WITH_INDICATOR,k.START);this.adapter.addThumbClass(b.THUMB_WITH_INDICATOR,k.END)};e.prototype.handleThumbMouseleave=function(){if(!this.isDiscrete||!this.isRange)return;if(this.adapter.isInputFocused(k.START)||this.adapter.isInputFocused(k.END)){return}this.adapter.removeThumbClass(b.THUMB_WITH_INDICATOR,k.START);this.adapter.removeThumbClass(b.THUMB_WITH_INDICATOR,k.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===k.START){this.setValueStart(e)}else{this.setValue(e)}this.adapter.emitChangeEvent(t===k.START?this.valueStart:this.value,t);this.adapter.emitInputEvent(t===k.START?this.valueStart:this.value,t)};e.prototype.handleInputFocus=function(t){this.adapter.addThumbClass(b.THUMB_FOCUSED,t);if(!this.isDiscrete)return;this.adapter.addThumbClass(b.THUMB_WITH_INDICATOR,t);if(this.isRange){var e=t===k.START?k.END:k.START;this.adapter.addThumbClass(b.THUMB_WITH_INDICATOR,e)}};e.prototype.handleInputBlur=function(t){this.adapter.removeThumbClass(b.THUMB_FOCUSED,t);if(!this.isDiscrete)return;this.adapter.removeThumbClass(b.THUMB_WITH_INDICATOR,t);if(this.isRange){var e=t===k.START?k.END:k.START;this.adapter.removeThumbClass(b.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 k.END;var r=this.adapter.getThumbBoundingClientRect(k.START);var i=this.adapter.getThumbBoundingClientRect(k.END);var s=t>=r.left&&t<=r.right;var n=t>=i.left&&t<=i.right;if(s&&n){return null}if(s){return k.START}if(n){return k.END}if(e<this.valueStart){return k.START}if(e>this.value){return k.END}return e-this.valueStart<=this.value-e?k.START:k.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)<v.THUMB_UPDATE_MIN_PX;if(e)return this.thumb;var r=t<this.downEventClientX;if(r){return this.adapter.isRTL()?k.END:k.START}else{return this.adapter.isRTL()?k.START:k.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===k.START?this.valueStart:this.value;var r=String(e);this.adapter.setInputAttribute(_.INPUT_VALUE,r,t);if(this.isRange&&t===k.START){this.adapter.setInputAttribute(_.INPUT_MIN,r,k.END)}else if(this.isRange&&t===k.END){this.adapter.setInputAttribute(_.INPUT_MAX,r,k.START)}if(this.adapter.getInputValue(t)!==r){this.adapter.setInputValue(r,t)}var i=this.adapter.getValueToAriaValueTextFn();if(i){this.adapter.setInputAttribute(_.ARIA_VALUETEXT,i(e),t)}};e.prototype.updateValueIndicatorUI=function(t){if(!this.isDiscrete)return;var e=this.isRange&&t===k.START?this.valueStart:this.value;this.adapter.setValueIndicatorText(e,t===k.START?k.START:k.END);if(!t&&this.isRange){this.adapter.setValueIndicatorText(this.valueStart,k.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(y.INACTIVE);var s=Array.from({length:e}).fill(y.ACTIVE);var n=Array.from({length:r}).fill(y.INACTIVE);this.adapter.updateTickMarks(i.concat(s).concat(n))};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,s=i.emitInputEvent;t=this.clampValue(t,e);if(this.isRange&&e===k.START){if(this.valueStart===t)return;this.valueStart=t}else{if(this.value===t)return;this.value=t}this.updateUI(e);if(s){this.adapter.emitInputEvent(e===k.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===k.START&&t>this.value;if(r){return this.value}var i=this.isRange&&e===k.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,s=r.min;var n=(this.value-this.valueStart)/(i-s);var o=n*this.rect.width;var d=this.adapter.isRTL();var a=w?p(window,"transform"):"transform";if(this.isRange){var c=this.adapter.isRTL()?(i-this.value)/(i-s)*this.rect.width:(this.valueStart-s)/(i-s)*this.rect.width;var l=c+o;this.animFrame.request(x.SLIDER_UPDATE,(function(){var r=!d&&t===k.START||d&&t!==k.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(a,"scaleX("+n+")");var i=d?l:c;var s=e.adapter.isRTL()?c:l;if(t===k.START||!t||!e.initialStylesRemoved){e.adapter.setThumbStyleProperty(a,"translateX("+i+"px)",k.START)}if(t===k.END||!t||!e.initialStylesRemoved){e.adapter.setThumbStyleProperty(a,"translateX("+s+"px)",k.END)}e.removeInitialStyles(d);e.updateOverlappingThumbsUI(i,s,t)}))}else{this.animFrame.request(x.SLIDER_UPDATE,(function(){var t=d?e.rect.width-o:o;e.adapter.setThumbStyleProperty(a,"translateX("+t+"px)",k.END);e.adapter.setTrackActiveStyleProperty(a,"scaleX("+n+")");e.removeInitialStyles(d)}))}};e.prototype.removeInitialStyles=function(t){if(this.initialStylesRemoved)return;var e=t?"right":"left";this.adapter.removeThumbStyleProperty(e,k.END);if(this.isRange){this.adapter.removeThumbStyleProperty(e,k.START)}this.initialStylesRemoved=true;this.resetTrackAndThumbAnimation()};e.prototype.resetTrackAndThumbAnimation=function(){var t=this;if(!this.isDiscrete)return;var e=w?p(window,"transition"):"transition";var r="all 0s ease 0s";this.adapter.setThumbStyleProperty(e,r,k.END);if(this.isRange){this.adapter.setThumbStyleProperty(e,r,k.START)}this.adapter.setTrackActiveStyleProperty(e,r);requestAnimationFrame((function(){t.adapter.removeThumbStyleProperty(e,k.END);t.adapter.removeTrackActiveStyleProperty(e);if(t.isRange){t.adapter.removeThumbStyleProperty(e,k.START)}}))};e.prototype.updateOverlappingThumbsUI=function(t,e,r){var i=false;if(this.adapter.isRTL()){var s=t-this.startThumbKnobWidth/2;var n=e+this.endThumbKnobWidth/2;i=n>=s}else{var o=t+this.startThumbKnobWidth/2;var d=e-this.endThumbKnobWidth/2;i=o>=d}if(i){this.adapter.addThumbClass(b.THUMB_TOP,r||k.END);this.adapter.removeThumbClass(b.THUMB_TOP,r===k.START?k.END:k.START)}else{this.adapter.removeThumbClass(b.THUMB_TOP,k.START);this.adapter.removeThumbClass(b.THUMB_TOP,k.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,s=t.valueStart,n=t.step;if(e>=r){throw new Error("MDCSliderFoundation: min must be strictly less than max. "+("Current: [min: "+e+", max: "+r+"]"))}if(n<=0){throw new Error("MDCSliderFoundation: step must be a positive number. "+("Current step: "+this.step))}if(this.isRange){if(i<e||i>r||s<e||s>r){throw new Error("MDCSliderFoundation: values must be in [min, max] range. "+("Current values: [start value: "+s+", end value: "+i+"]"))}if(s>i){throw new Error("MDCSliderFoundation: start value must be <= end value. "+("Current values: [start value: "+s+", end value: "+i+"]"))}var o=(s-e)/n;var d=(i-e)/n;if(o%1!==0||d%1!==0){throw new Error("MDCSliderFoundation: Slider values must be valid based on the "+("step value. Current values: [start value: "+s+", ")+("end value: "+i+"]"))}}else{if(i<e||i>r){throw new Error("MDCSliderFoundation: value must be in [min, max] range. "+("Current value: "+i))}var d=(i-e)/n;if(d%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(k.START,"mouseenter",this.thumbMouseenterListener);this.adapter.registerThumbEventHandler(k.START,"mouseleave",this.thumbMouseleaveListener);this.adapter.registerInputEventHandler(k.START,"change",this.inputStartChangeListener);this.adapter.registerInputEventHandler(k.START,"focus",this.inputStartFocusListener);this.adapter.registerInputEventHandler(k.START,"blur",this.inputStartBlurListener)}this.adapter.registerThumbEventHandler(k.END,"mouseenter",this.thumbMouseenterListener);this.adapter.registerThumbEventHandler(k.END,"mouseleave",this.thumbMouseleaveListener);this.adapter.registerInputEventHandler(k.END,"change",this.inputEndChangeListener);this.adapter.registerInputEventHandler(k.END,"focus",this.inputEndFocusListener);this.adapter.registerInputEventHandler(k.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(k.START,"mouseenter",this.thumbMouseenterListener);this.adapter.deregisterThumbEventHandler(k.START,"mouseleave",this.thumbMouseleaveListener);this.adapter.deregisterInputEventHandler(k.START,"change",this.inputStartChangeListener);this.adapter.deregisterInputEventHandler(k.START,"focus",this.inputStartFocusListener);this.adapter.deregisterInputEventHandler(k.START,"blur",this.inputStartBlurListener)}this.adapter.deregisterThumbEventHandler(k.END,"mouseenter",this.thumbMouseenterListener);this.adapter.deregisterThumbEventHandler(k.END,"mouseleave",this.thumbMouseleaveListener);this.adapter.deregisterInputEventHandler(k.END,"change",this.inputEndChangeListener);this.adapter.deregisterInputEventHandler(k.END,"focus",this.inputEndFocusListener);this.adapter.deregisterInputEventHandler(k.END,"blur",this.inputEndBlurListener)};e.prototype.handlePointerup=function(){this.handleUp();this.adapter.deregisterEventHandler("pointermove",this.moveListener)};e.SUPPORTS_POINTER_EVENTS=w&&Boolean(window.PointerEvent)&&!T();return e}(a);function T(){return["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document}function C(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))}
-/**
- * @license
- * Copyright 2020 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * 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 I=function(t){o(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("."+b.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("."+b.VALUE_INDICATOR_TEXT);i.textContent=String(e)},getValueToAriaValueTextFn:function(){return t.valueToAriaValueTextFn},updateTickMarks:function(e){var r=t.root.querySelector("."+b.TICK_MARKS_CONTAINER);if(!r){r=document.createElement("div");r.classList.add(b.TICK_MARKS_CONTAINER);var i=t.root.querySelector("."+b.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(g.CHANGE,{value:e,thumb:r})},emitInputEvent:function(e,r){t.emit(g.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 E(e)};e.prototype.initialize=function(t){var e=t===void 0?{}:t,r=e.skipInitialUIUpdate;this.inputs=[].slice.call(this.root.querySelectorAll("."+b.INPUT));this.thumbs=[].slice.call(this.root.querySelectorAll("."+b.THUMB));this.trackActive=this.root.querySelector("."+b.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===k.END?this.thumbs[this.thumbs.length-1]:this.thumbs[0]};e.prototype.getInput=function(t){return t===k.END?this.inputs[this.inputs.length-1]:this.inputs[0]};e.prototype.getRipple=function(t){return t===k.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 s=document.createElement("div");var n=e[i]===y.ACTIVE?b.TICK_MARK_ACTIVE:b.TICK_MARK_INACTIVE;s.classList.add(n);r.appendChild(s)}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]===y.ACTIVE){r[i].classList.add(b.TICK_MARK_ACTIVE);r[i].classList.remove(b.TICK_MARK_INACTIVE)}else{r[i].classList.add(b.TICK_MARK_INACTIVE);r[i].classList.remove(b.TICK_MARK_ACTIVE)}}};e.prototype.createRipples=function(){var t=[];var e=[].slice.call(this.root.querySelectorAll("."+b.THUMB));var r=function(r){var s=e[r];var n=i.inputs[r];var o=d(d({},h.createAdapter(i)),{addClass:function(t){s.classList.add(t)},computeBoundingRect:function(){return s.getBoundingClientRect()},deregisterInteractionHandler:function(t,e){n.removeEventListener(t,e)},isSurfaceActive:function(){return c(n,":active")},isUnbounded:function(){return true},registerInteractionHandler:function(t,e){n.addEventListener(t,e,m())},removeClass:function(t){s.classList.remove(t)},updateCssVariable:function(t,e){s.style.setProperty(t,e)}});var a=new h(s,new u(o));a.unbounded=true;t.push(a)};var i=this;for(var s=0;s<e.length;s++){r(s)}return t};return e}(l);function S(t){const e=.1;const r=.2;const i=.3;const s=.4;const n=.5;const o=.6;const d=.7;const a=.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<s){return"percent-30-40"}if(t<n){return"percent-40-50"}if(t<o){return"percent-50-60"}if(t<d){return"percent-60-70"}if(t<a){return"percent-70-80"}if(t<c){return"percent-80-90"}return"percent-90-100"}const A='@charset "UTF-8";: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:inherit;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, inherit));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:inherit;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, inherit));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}.mdc-slider{height:2.5rem;margin:0 0.75rem}.mdc-floating-label,.mdc-slider .mdc-slider__value-indicator-text{font-family:inherit}.slider__label{padding-left:1.25rem;top:0.75rem;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;margin:0 auto;margin-top:-0.75rem;width:100%}.slider__content-min-label,.slider__content-max-label{line-height:1;transition:opacity 0.2s ease;opacity:0.7;font-size:0.75rem;color:rgba(var(--contrast-1200), 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;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__thumb{top:-0.25rem}.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)}:host(limel-slider:focus),:host(limel-slider:focus-visible),:host(limel-slider:focus-within){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-slider){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-slider:focus) limel-helper-line,:host(limel-slider:focus-visible) limel-helper-line,:host(limel-slider:focus-within) limel-helper-line,:host(limel-slider:hover) limel-helper-line{will-change:grid-template-rows}limel-helper-line{order:3}';const M=1;const z=100;const D=0;const H=class{constructor(i){t(this,i);this.change=e(this,"change",7);this.renderHelperLine=()=>{if(!this.helperText){return}return r("limel-helper-line",{helperText:this.helperText,helperTextId:this.helperTextId})};this.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()};this.reCreateSliderWithStep=()=>{const t=this.getInputElement();const e=`${this.multiplyByFactor(this.step)}`;t.setAttribute("step",e);this.destroyMDCSlider();this.createMDCSlider()};this.createMDCSlider=()=>{const t=this.getRootElement();this.mdcSlider=new I(t);this.mdcSlider.listen("MDCSlider:change",this.changeHandler);this.mdcSlider.listen("MDCSlider:input",this.inputHandler)};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.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(!Number.isFinite(t)){t=this.valuemin}return t};this.setPercentageClass=t=>{this.percentageClass=S((t-this.valuemin)/(this.valuemax-this.valuemin))};this.isMultipleOfStep=(t,e)=>{if(!e){return true}return t%e===0};this.roundToStep=(t,e)=>Math.round(t/e)*e;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=M;this.label=undefined;this.helperText=undefined;this.unit="";this.value=undefined;this.valuemax=z;this.valuemin=D;this.step=undefined;this.percentageClass=undefined;this.labelId=n();this.helperTextId=n()}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 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())}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()}destroyMDCSlider(){this.mdcSlider.unlisten("MDCSlider:change",this.changeHandler);this.mdcSlider.unlisten("MDCSlider:input",this.inputHandler);this.mdcSlider.destroy();this.mdcSlider=undefined}get rootElement(){return s(this)}static get watchers(){return{disabled:["watchDisabled"],readonly:["watchReadonly"],value:["watchValue"]}}};H.style=A;export{H as limel_slider};
-//# sourceMappingURL=p-550e1ea9.entry.js.map