@statistikzh/leu 0.23.0 → 0.24.1

package/dist/Range.js

@@ -1,7 +1,9 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
-import { css, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-CWseJvWv.js';
+import { css, nothing, html } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { L as LeuElement } from './LeuElement-jrR2M5pZ.js';
+import { i as isNumber, c as clamp } from './utils-DBGsNSJW.js';
 
 var css_248z = css`:host {
   --range-color: var(--leu-color-black-40);
@@ -40,7 +42,9 @@ var css_248z = css`:host {
   --range-value-color: var(--range-value-color-disabled);
 }
 
-/***************************   */
+.container {
+  position: relative;
+}
 
 .label {
   display: inline-block;
@@ -49,6 +53,17 @@ var css_248z = css`:host {
   font: var(--leu-t-regular-regular-font);
 }
 
+:host([hide-label]) .label {
+  clip: rect(0 0 0 0);
+  border: 0;
+  height: 1px;
+  margin: -1px !important;
+  overflow: hidden;
+  padding: 0 !important;
+  position: absolute;
+  width: 1px;
+}
+
 .outputs {
   position: relative;
   height: 1.5rem;
@@ -75,6 +90,8 @@ var css_248z = css`:host {
 
 .inputs {
   position: relative;
+  z-index: 1;
+  height: var(--range-thumb-diameter);
 }
 
 .range {
@@ -188,6 +205,39 @@ var css_248z = css`:host {
 .range--ghost::-webkit-slider-runnable-track {
   background: transparent;
 }
+
+/* Ticks */
+
+.ticks {
+  position: absolute;
+  top: calc(
+    var(--range-thumb-diameter) / 2 + var(--range-track-height)
+  );
+  left: calc(var(--range-thumb-diameter) / 2);
+  right: calc(var(--range-thumb-diameter) / 2);
+}
+
+.tick {
+  z-index: -1;
+  position: absolute;
+  top: 50%;
+  width: 2px;
+  height: 0.5rem;
+  background-color: var(--range-track-background-color);
+  transform: translateY(-50%);
+}
+
+.tick-labels {
+  display: flex;
+  justify-content: space-between;
+  color: var(--leu-color-black-60);
+  font: var(--leu-t-tiny-regular-font);
+  margin-top: 0.25rem;
+}
+
+.tick-label--max {
+  text-align: right;
+}
 `;
 
 const defaultValueConverter = {
@@ -205,98 +255,182 @@ const RANGE_LABELS = ["Von", "Bis"];
 class LeuRange extends LeuElement {
     constructor() {
         super(...arguments);
+        /**
+         * The default value of the range slider.
+         * String input is parsed as a comma-separated list of numbers.
+         */
         this.defaultValue = [50];
+        /**
+         * The minimum value of the range slider.
+         */
         this.min = 0;
+        /**
+         * The maximum value of the range slider.
+         */
         this.max = 100;
+        /**
+         * The step size of the range slider.
+         */
         this.step = 1;
         this.name = "";
+        /**
+         * The label of the range slider.
+         */
         this.label = "";
+        /**
+         * Whether to hide the label of the range slider.
+         * If true, the label will still be available for screen readers
+         * and is only visually hidden.
+         */
+        this.hideLabel = false;
+        /**
+         * Whether the range slider is disabled.
+         */
         this.disabled = false;
+        /**
+         * Whether to use a range with two handles.
+         */
         this.multiple = false;
-    }
-    updated() {
-        this._updateStyles();
-    }
-    get _inputs() {
-        return Array.from(this.shadowRoot.querySelectorAll("input"));
-    }
-    _updateStyles() {
-        const normalizedRange = this._getNormalizedRange();
-        this.style.setProperty("--low", normalizedRange[0].toString());
-        this.style.setProperty("--high", normalizedRange[1].toString());
-        const inputs = this.multiple
-            ? [this._getBaseInput(), this._getGhostInput()]
-            : [this._getBaseInput()];
-        inputs.forEach((input) => {
-            const output = this.shadowRoot.querySelector(`.output[for=${input.id}]`);
-            const normalizedValue = this._getNormalizedValue(input.valueAsNumber);
-            output.style.setProperty("--value", normalizedValue.toString());
-            output.value = input.value;
-        });
-    }
-    get value() {
-        return this._inputs.map((input) => input.value).join(",");
+        /**
+         * Wheter to show tick marks below the range slider.
+         * One tick mark per step will be rendered.
+         */
+        this.showTicks = false;
+        /**
+         * Whether to show the min and max labels below the range slider.
+         */
+        this.showRangeLabels = false;
+        /**
+         * A prefix to display before the value in the output element(s).
+         * Is ignored if a custom valueFormatter is provided.
+         */
+        this.prefix = "";
+        /**
+         * A suffix to display after the value in the output element(s).
+         * Is ignored if a custom valueFormatter is provided.
+         */
+        this.suffix = "";
+        this._value = this.defaultValue.map((v) => this.clampAndRoundValue(v));
     }
     /**
-     * Sets the value of the underlying input element(s).
-     * The value has to be an array if "multiple" range is used.
-     * Otherwise it has to be a string.
+     * The value of the range slider.
+     * String input is parsed as a comma-separated list of numbers.
+     * In multiple mode, if only a single value is provided, the second handle will be set to the minimum value.
+     * In single mode, only the first value will be used.
      */
     set value(value) {
-        if (this.multiple && Array.isArray(value)) {
-            const inputs = this._inputs;
-            value.forEach((v, i) => {
-                inputs[i].value = v;
-            });
-            this._updateStyles();
+        let nextValue = [];
+        if (typeof value === "string") {
+            nextValue = value
+                .split(",")
+                .map((v) => Number(v.trim()))
+                .filter(isNumber);
+        }
+        else if (isNumber(value)) {
+            nextValue = [value];
         }
-        else if (!this.multiple) {
-            this._getBaseInput().value = value;
-            this._updateStyles();
+        else if (Array.isArray(value)) {
+            nextValue = value.map((v) => Number(v)).filter(isNumber);
         }
+        if (nextValue.length === 0) {
+            return;
+        }
+        // In multiple mode, we need to ensure that we always have two values.
+        // `min` is a fallback for the second value.
+        if (this.multiple && nextValue.length === 1) {
+            nextValue.unshift(this.min);
+        }
+        this._value = nextValue
+            .slice(0, this.multiple ? 2 : 1)
+            .map((v) => this.clampAndRoundValue(v));
+    }
+    get value() {
+        return this._value.join(",");
     }
     get valueAsArray() {
-        return this._inputs.map((input) => input.valueAsNumber);
+        return this._value.slice();
     }
     get valueLow() {
-        const inputs = this._inputs;
-        if (this.multiple) {
-            return inputs.map((input) => input.valueAsNumber).sort((a, b) => a - b)[0];
-        }
-        return inputs[0].value;
+        return Math.min(...this._value);
     }
     get valueHigh() {
-        const inputs = this._inputs;
-        if (this.multiple) {
-            return inputs.map((input) => input.valueAsNumber).sort((a, b) => a - b)[1];
+        return Math.max(...this._value);
+    }
+    updated() {
+        this.updateStyles();
+    }
+    willUpdate(changedProperties) {
+        // Reflect defaultValue changes to the value property
+        // to ensure backwards compatibility with previous versions
+        if (changedProperties.has("defaultValue")) {
+            this.value = this.defaultValue.map((v) => this.clampAndRoundValue(v));
+        }
+        if (changedProperties.has("min") ||
+            changedProperties.has("max") ||
+            changedProperties.has("step")) {
+            this._value = this._value.map((v) => this.clampAndRoundValue(v));
+        }
+        if (changedProperties.has("multiple") && this.multiple) {
+            // When switching to multiple mode, ensure that we have two values
+            if (this._value.length === 1) {
+                this._value = [this.min, this._value[0]];
+            }
+        }
+        else if (changedProperties.has("multiple") && !this.multiple) {
+            // When switching to single mode, keep only the lower value
+            this._value = [this.valueLow];
         }
-        return inputs[0].value;
     }
-    _getBaseInput() {
-        return this.shadowRoot.querySelector(".range--base");
+    updateStyles() {
+        const normalizedRange = this.getNormalizedRange();
+        this.container?.style.setProperty("--low", normalizedRange[0].toString());
+        this.container?.style.setProperty("--high", normalizedRange[1].toString());
+        const inputs = this.multiple
+            ? [this.inputBase, this.inputGhost]
+            : [this.inputBase];
+        inputs.forEach((input) => {
+            const output = input.id === "input-base" ? this.outputBase : this.outputGhost;
+            const normalizedValue = this.getNormalizedValue(input.valueAsNumber);
+            output.style.setProperty("--value", normalizedValue.toString());
+            output.value = this.formatValue(input.valueAsNumber);
+        });
     }
-    _getGhostInput() {
-        return this.shadowRoot.querySelector(".range--ghost");
+    clampAndRoundValue(value) {
+        const clampedValue = clamp(value, this.min, this.max);
+        const roundedValue = Math.round((clampedValue - this.min) / this.step) * this.step + this.min;
+        return roundedValue;
     }
-    _handleInput(_index, _e) {
-        this._updateStyles();
+    handleInput(e) {
+        e.stopPropagation();
+        if (this.multiple) {
+            this.value = [this.inputBase.valueAsNumber, this.inputGhost.valueAsNumber];
+        }
+        else {
+            this.value = [this.inputBase.valueAsNumber];
+        }
+        this.dispatchEvent(new CustomEvent("input", {
+            composed: true,
+            bubbles: true,
+            detail: { value: this.value, valueAsArray: this.valueAsArray },
+        }));
     }
-    _getNormalizedValue(value) {
+    getNormalizedValue(value) {
         return (value - this.min) / (this.max - this.min);
     }
-    _getNormalizedRange() {
+    getNormalizedRange() {
         if (this.multiple) {
             return this.valueAsArray
-                .map((value) => this._getNormalizedValue(value))
+                .map((value) => this.getNormalizedValue(value))
                 .sort((a, b) => a - b);
         }
-        return [0, this._getNormalizedValue(this.valueAsArray[0])];
+        return [0, this.getNormalizedValue(this.valueAsArray[0])];
     }
     /**
-     * Determine if the "click" (pointer event) is closer the
-     * the value of the other input element. Swap the values if this is the case.
+     * This event handler is only applied to the "base" input element and only when in "multiple" mode.
+     * It handles pointer events on the *track* and the thumb.
+     * This method determines if the interaction was closer to the base or the ghost input.
      */
-    _handlePointerDown(e) {
+    handlePointerDown(e) {
         const clickValue = this.min + ((this.max - this.min) * e.offsetX) / this.offsetWidth;
         const middleValue = (this.valueAsArray[0] + this.valueAsArray[1]) / 2;
         if ((e.target.valueAsNumber === this.valueLow) ===
@@ -305,17 +439,35 @@ class LeuRange extends LeuElement {
              * As the pointerdown event is fired before the input event, we first overwrite the value
              * of the input element that was not clicked on. The active input element will update itself.
              */
-            // this._value = [e.target.valueAsNumber, e.target.valueAsNumber]
-            this._getGhostInput().value = e.target.value;
+            this.inputGhost.value = e.target.value;
+        }
+    }
+    formatValue(value) {
+        if (this.valueFormatter) {
+            return this.valueFormatter(value);
+        }
+        return `${this.prefix}${value}${this.suffix}`;
+    }
+    renderTicks() {
+        if (!this.showTicks) {
+            return nothing;
         }
+        return html `<div class="ticks">
+      ${Array.from({ length: (this.max - this.min) / this.step + 1 }, (_, i) => this.min + i * this.step).map((tick) => html `<span
+            class="tick"
+            style="left: ${this.getNormalizedValue(tick) * 100}%"
+          ></span>`)}
+    </div>`;
     }
     render() {
         const inputs = this.multiple ? ["base", "ghost"] : ["base"];
-        const { multiple, disabled, label, defaultValue } = this;
+        const { multiple, disabled, label, valueAsArray } = this;
         return html `
       <div
-        role=${multiple ? "group" : undefined}
-        aria-labelledby=${multiple ? "group-label" : undefined}
+        id="container"
+        class="container"
+        role=${ifDefined(multiple ? "group" : undefined)}
+        aria-labelledby=${ifDefined(multiple ? "group-label" : undefined)}
       >
         ${multiple
             ? html `<span id="group-label" class="label">${label}</span>`
@@ -324,15 +476,15 @@ class LeuRange extends LeuElement {
           ${inputs.map((type, index) => html `<output
                 class="output"
                 for="input-${type}"
-                value=${defaultValue[index]}
+                value=${this.formatValue(valueAsArray[index])}
               ></output>`)}
         </div>
         <div class="inputs">
           ${inputs.map((type, index) => html `
               <input
-                @input=${(e) => this._handleInput(index, e)}
+                @input=${this.handleInput}
                 @pointerdown=${multiple && !disabled && index === 0
-            ? this._handlePointerDown
+            ? this.handlePointerDown
             : undefined}
                 type="range"
                 class="range range--${type}"
@@ -341,13 +493,24 @@ class LeuRange extends LeuElement {
                 min=${this.min}
                 max=${this.max}
                 step=${this.step}
-                aria-label=${multiple ? RANGE_LABELS[index] : undefined}
+                aria-label=${ifDefined(multiple ? RANGE_LABELS[index] : undefined)}
                 ?disabled=${disabled}
-                .value=${defaultValue[index].toString()}
+                .value=${valueAsArray[index].toString()}
               />
             `)}
+          ${this.renderTicks()}
         </div>
       </div>
+      ${this.showRangeLabels
+            ? html `<div class="tick-labels">
+            <span class="tick-label tick-label--min"
+              >${this.formatValue(this.min)}</span
+            >
+            <span class="tick-label tick-label--max"
+              >${this.formatValue(this.max)}</span
+            >
+          </div>`
+            : nothing}
     `;
     }
 }
@@ -357,7 +520,11 @@ LeuRange.shadowRootOptions = {
     delegatesFocus: true,
 };
 __decorate([
-    property({ converter: defaultValueConverter, attribute: "value" })
+    property({
+        converter: defaultValueConverter,
+        attribute: "value",
+        reflect: true,
+    })
 ], LeuRange.prototype, "defaultValue", void 0);
 __decorate([
     property({ type: Number, reflect: true })
@@ -374,11 +541,47 @@ __decorate([
 __decorate([
     property({ type: String, reflect: true })
 ], LeuRange.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: "hide-label" })
+], LeuRange.prototype, "hideLabel", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], LeuRange.prototype, "disabled", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], LeuRange.prototype, "multiple", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: "show-ticks" })
+], LeuRange.prototype, "showTicks", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: "show-range-labels" })
+], LeuRange.prototype, "showRangeLabels", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], LeuRange.prototype, "prefix", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], LeuRange.prototype, "suffix", void 0);
+__decorate([
+    property({ attribute: false })
+], LeuRange.prototype, "valueFormatter", void 0);
+__decorate([
+    property({ attribute: false })
+], LeuRange.prototype, "value", null);
+__decorate([
+    query("#container")
+], LeuRange.prototype, "container", void 0);
+__decorate([
+    query("#input-base")
+], LeuRange.prototype, "inputBase", void 0);
+__decorate([
+    query("#input-ghost")
+], LeuRange.prototype, "inputGhost", void 0);
+__decorate([
+    query("output[for=input-base]")
+], LeuRange.prototype, "outputBase", void 0);
+__decorate([
+    query("output[for=input-ghost]")
+], LeuRange.prototype, "outputGhost", void 0);
 
 export { LeuRange };

package/dist/ScrollTop.js

@@ -2,36 +2,13 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { state } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-CWseJvWv.js';
+import { L as LeuElement } from './LeuElement-jrR2M5pZ.js';
 import { LeuButton } from './Button.js';
 import { LeuIcon } from './Icon.js';
+import { t as throttle } from './utils-DBGsNSJW.js';
 import 'lit/directives/if-defined.js';
 import './hasSlotController-Bm2tipvG.js';
 
-/**
- * Return a debounced function that delays invoking func until after wait milliseconds have elapsed since the last time the debounced function was invoked.
- * @param {Function} func - Your function
- * @param {Number} timeout - Default is 500 ms
- * @returns {Function} - Your function wrapped in a timeout function
- */
-/**
- * Return a throttled function that only invokes func at most once per every wait milliseconds.
- * @param {Function} func - Your function
- * @param {Number} timeout - Default is 500 ms
- * @returns {Function} - Your function wrapped in a timeout function
- */
-const throttle = function throttle(func, timeout = 500) {
-    let timer = null;
-    return (...args) => {
-        if (timer === null) {
-            func(...args);
-            timer = setTimeout(() => {
-                timer = null;
-            }, timeout);
-        }
-    };
-};
-
 var css_248z = css`.scroll-top {
   overflow: hidden;
   position: fixed;

package/dist/Select.js

@@ -2,7 +2,7 @@ import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { L as LeuElement } from './LeuElement-CWseJvWv.js';
+import { L as LeuElement } from './LeuElement-jrR2M5pZ.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';

package/dist/Spinner.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-CWseJvWv.js';
+import { L as LeuElement } from './LeuElement-jrR2M5pZ.js';
 
 var css_248z = css`@keyframes leu-spinner-rotate {
   from {

package/dist/Table.js

@@ -1,7 +1,7 @@
 import { nothing, noChange, css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { L as LeuElement } from './LeuElement-CWseJvWv.js';
+import { L as LeuElement } from './LeuElement-jrR2M5pZ.js';
 import { directive, Directive, PartType } from 'lit/directive.js';
 import { LeuIcon } from './Icon.js';
 import { LeuPagination } from './Pagination.js';

package/dist/Tag.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-CWseJvWv.js';
+import { L as LeuElement } from './LeuElement-jrR2M5pZ.js';
 
 var css_248z = css`:host {
   /* --tag-font-regular: var(--leu-font-family-regular);

package/dist/VisuallyHidden.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-CWseJvWv.js';
+import { L as LeuElement } from './LeuElement-jrR2M5pZ.js';
 
 var css_248z = css`:host {
   clip: rect(0 0 0 0);

package/dist/components/file-input/FileInput.d.ts

@@ -1,7 +1,7 @@
 import { PropertyValues } from "lit";
 import { LeuElement } from "../../lib/LeuElement.js";
-import { LeuButton } from "../../index.js";
-import { LeuIcon } from "../icon/leu-icon.js";
+import { LeuButton } from "../button/Button.js";
+import { LeuIcon } from "../icon/Icon.js";
 import { LeuVisuallyHidden } from "../visually-hidden/VisuallyHidden.js";
 /**
  * @todo Pluralize text when multiple files are allowed

package/dist/components/file-input/FileInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/file-input/FileInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAA;AAKnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAGpD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAExE;;;GAGG;AAEH;;GAEG;AACH,qBAAa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,MAAM,iCAA8B;IAE3C,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,MAAM,CAAC,cAAc,UAAO;IAE5B,SAAS,CAAC,SAAS,EAAE,gBAAgB,CAAA;IAGrC,KAAK,EAAE,MAAM,CAAK;IAElB,0MAA0M;IAE1M,MAAM,EAAE,MAAM,CAAK;IAEnB,0CAA0C;IAE1C,QAAQ,EAAE,OAAO,CAAQ;IAEzB,oDAAoD;IAEpD,QAAQ,EAAE,OAAO,CAAQ;IAEzB,0CAA0C;IAE1C,QAAQ,EAAE,OAAO,CAAQ;IAEzB,6EAA6E;IAE7E,OAAO,EAAE,QAAQ,GAAG,aAAa,CAAW;IAGrC,KAAK,EAAE,IAAI,EAAE,CAAK;IAGzB,OAAO,CAAC,UAAU,CAAiB;IAGnC,KAAK,EAAE,gBAAgB,CAAA;;IAQvB,IAAI,IAAI,oBAEP;IAED,IAAI,IAAI,WAEP;IAED,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAU/C,SAAS,CAAC,WAAW;IAarB,OAAO,CAAC,YAAY;IAKb,iBAAiB;IAKxB,SAAS,CAAC,eAAe;IAYzB,SAAS,CAAC,UAAU,CAAC,YAAY,EAAE,IAAI;IAKvC,SAAS,CAAC,4BAA4B;IAetC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM;IAY5C,SAAS,CAAC,eAAe,UAAW,SAAS,UAQ5C;IAGD,SAAS,CAAC,cAAc,UAAW,SAAS,UAK3C;IAED,SAAS,CAAC,eAAe,UAAW,SAAS,UAM5C;IAED,SAAS,CAAC,UAAU,UAAW,SAAS,UAqBvC;IAED,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO;IA4BnC,MAAM;CAkEP"}
+{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/file-input/FileInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAA;AAKnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAGpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAExE;;;GAGG;AAEH;;GAEG;AACH,qBAAa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,MAAM,iCAA8B;IAE3C,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,MAAM,CAAC,cAAc,UAAO;IAE5B,SAAS,CAAC,SAAS,EAAE,gBAAgB,CAAA;IAGrC,KAAK,EAAE,MAAM,CAAK;IAElB,0MAA0M;IAE1M,MAAM,EAAE,MAAM,CAAK;IAEnB,0CAA0C;IAE1C,QAAQ,EAAE,OAAO,CAAQ;IAEzB,oDAAoD;IAEpD,QAAQ,EAAE,OAAO,CAAQ;IAEzB,0CAA0C;IAE1C,QAAQ,EAAE,OAAO,CAAQ;IAEzB,6EAA6E;IAE7E,OAAO,EAAE,QAAQ,GAAG,aAAa,CAAW;IAGrC,KAAK,EAAE,IAAI,EAAE,CAAK;IAGzB,OAAO,CAAC,UAAU,CAAiB;IAGnC,KAAK,EAAE,gBAAgB,CAAA;;IAQvB,IAAI,IAAI,oBAEP;IAED,IAAI,IAAI,WAEP;IAED,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAU/C,SAAS,CAAC,WAAW;IAarB,OAAO,CAAC,YAAY;IAKb,iBAAiB;IAKxB,SAAS,CAAC,eAAe;IAYzB,SAAS,CAAC,UAAU,CAAC,YAAY,EAAE,IAAI;IAKvC,SAAS,CAAC,4BAA4B;IAetC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM;IAY5C,SAAS,CAAC,eAAe,UAAW,SAAS,UAQ5C;IAGD,SAAS,CAAC,cAAc,UAAW,SAAS,UAK3C;IAED,SAAS,CAAC,eAAe,UAAW,SAAS,UAM5C;IAED,SAAS,CAAC,UAAU,UAAW,SAAS,UAqBvC;IAED,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO;IA4BnC,MAAM;CAkEP"}