@nldd/design-system 0.8.37

package/dist/components/inputs/segmented-control/segmented-control.js

@@ -0,0 +1,356 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var NLDDSegmentedControl_1;
+/**
+ * Nederlandse Digitale Dienst Segmented Control Component (Lit + TypeScript)
+ *
+ * A horizontal group of mutually exclusive (radio) or multi-select (checkbox) options.
+ * Exports both NLDDSegmentedControl and NLDDSegmentedControlItem.
+ *
+ * @element nldd-segmented-control
+ * @attr {string}  value         - Selected value for radio type
+ * @prop {string[]} values        - Selected values for checkbox type (property binding only, not an attribute)
+ * @attr {string}  size          - Control size: 'sm' | 'md' (default: 'md')
+ * @attr {string}  type          - Input type: 'radio' | 'checkbox' (default: 'radio')
+ * @attr {string}  variant       - Content type for all items: 'text' | 'icon' (default: 'text')
+ * @attr {boolean} disabled      - Disabled state for all items
+ * @attr {boolean} full-width    - Stretches to fill the container width
+ * @attr {string}  name          - Name for form submission, forwarded to native inputs
+ *
+ * @fires change - When selection changes; detail: { value: string } for radio,
+ *                 detail: { values: string[] } for checkbox
+ *
+ * @slot - nldd-segmented-control-item elements
+ *
+ * ---
+ *
+ * @element nldd-segmented-control-item
+ * @attr {string}  value        - Value for this item
+ * @attr {boolean} selected     - Whether this item is selected (set by parent)
+ * @attr {boolean} disabled     - Disabled state
+ * @attr {string}  text         - Text label (shown when parent variant="text",
+ *                                always used as aria-label and tooltip for icon items)
+ * @attr {string}  icon         - Icon name for nldd-icon
+ *
+ * @slot icon    - Slot for a custom icon (e.g. custom SVG). Only used when icon attribute is not set.
+ *
+ * @fires item-change - When item is activated; detail: { value: string, checked: boolean }
+ */
+import { LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { segmentedControlStyles, segmentedControlItemStyles, } from './segmented-control.styles.js';
+import { segmentedControlTemplate, segmentedControlItemTemplate, } from './segmented-control.template.js';
+import './../../content/icon/icon.js';
+// # nldd-segmented-control-item
+let NLDDSegmentedControlItem = class NLDDSegmentedControlItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+        this.selected = false;
+        this.disabled = false;
+        /** Set by nldd-segmented-control. Not part of the public API. */
+        this.size = 'md';
+        /** Set by nldd-segmented-control. Not part of the public API. */
+        this.variant = 'text';
+        /** Set by nldd-segmented-control. Not part of the public API. */
+        this.inputType = 'radio';
+        /** Set by nldd-segmented-control. Not part of the public API. */
+        this.groupName = '';
+        /** Text label for the item. Used as visible text and as aria-label/tooltip for icon variant. */
+        this.text = '';
+        /** Icon name for nldd-icon. When not set, the icon slot is used. */
+        this.icon = '';
+    }
+    _handleChange(e) {
+        const input = e.target;
+        this.dispatchEvent(new CustomEvent('item-change', {
+            detail: { value: this.value, checked: input.checked },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        return segmentedControlItemTemplate(this);
+    }
+};
+NLDDSegmentedControlItem.styles = segmentedControlItemStyles;
+__decorate([
+    property({ type: String })
+], NLDDSegmentedControlItem.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDSegmentedControlItem.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDSegmentedControlItem.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDSegmentedControlItem.prototype, "size", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'variant' })
+], NLDDSegmentedControlItem.prototype, "variant", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'input-type' })
+], NLDDSegmentedControlItem.prototype, "inputType", void 0);
+__decorate([
+    property({ type: String })
+], NLDDSegmentedControlItem.prototype, "groupName", void 0);
+__decorate([
+    property({ type: String })
+], NLDDSegmentedControlItem.prototype, "text", void 0);
+__decorate([
+    property({ type: String })
+], NLDDSegmentedControlItem.prototype, "icon", void 0);
+NLDDSegmentedControlItem = __decorate([
+    customElement('nldd-segmented-control-item')
+], NLDDSegmentedControlItem);
+export { NLDDSegmentedControlItem };
+// # nldd-segmented-control
+let NLDDSegmentedControl = NLDDSegmentedControl_1 = class NLDDSegmentedControl extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Selected value for radio type. */
+        this.value = '';
+        /**
+         * Selected values for checkbox type.
+         * Use property binding: .values=${['New York', 'Amsterdam']}
+         * Does not reflect to an attribute — safe for values containing spaces or special characters.
+         */
+        this.values = [];
+        this.size = 'md';
+        this.type = 'radio';
+        /** Content type applied to all items. Mixing text and icon items is not supported. */
+        this.variant = 'text';
+        this.disabled = false;
+        this.fullWidth = false;
+        this.name = '';
+        /** Accessible name for the group (aria-label). */
+        this.accessibleLabel = '';
+        /** ID of an external label element (aria-labelledby). */
+        this.accessibleLabelledBy = '';
+        this._generatedName = '';
+        // — Handlers ———————————————————————————————————————————————————————————————
+        this._handleItemChange = (e) => {
+            e.stopPropagation();
+            if (this.disabled)
+                return;
+            if (this.type === 'checkbox') {
+                const current = this.values;
+                const updated = e.detail.checked
+                    ? [...current, e.detail.value]
+                    : current.filter(v => v !== e.detail.value);
+                this.values = updated;
+                this._syncItems();
+                this.dispatchEvent(new CustomEvent('change', {
+                    detail: { values: updated },
+                    bubbles: true,
+                    composed: true,
+                }));
+            }
+            else {
+                if (e.detail.value === this.value)
+                    return;
+                this.value = e.detail.value;
+                this._syncItems();
+                this.dispatchEvent(new CustomEvent('change', {
+                    detail: { value: this.value },
+                    bubbles: true,
+                    composed: true,
+                }));
+            }
+        };
+        /**
+         * Handles arrow key navigation for radio type.
+         * For checkbox type, keyboard navigation is intentionally omitted —
+         * each native checkbox input is individually Tab-focusable and
+         * Space-toggleable per the native checkbox interaction pattern.
+         */
+        this._handleKeydown = (e) => {
+            if (this.disabled || this.type === 'checkbox')
+                return;
+            const items = this._getItems().filter(item => !item.disabled);
+            if (items.length === 0)
+                return;
+            const currentIndex = items.findIndex(item => item.selected);
+            let nextIndex = currentIndex;
+            switch (e.key) {
+                case 'ArrowLeft':
+                case 'ArrowUp':
+                    e.preventDefault();
+                    nextIndex = currentIndex <= 0 ? items.length - 1 : currentIndex - 1;
+                    break;
+                case 'ArrowRight':
+                case 'ArrowDown':
+                    e.preventDefault();
+                    nextIndex = currentIndex >= items.length - 1 ? 0 : currentIndex + 1;
+                    break;
+                case 'Home':
+                    e.preventDefault();
+                    nextIndex = 0;
+                    break;
+                case 'End':
+                    e.preventDefault();
+                    nextIndex = items.length - 1;
+                    break;
+                default:
+                    return;
+            }
+            if (nextIndex !== currentIndex && items[nextIndex]) {
+                this.value = items[nextIndex].value;
+                this._syncItems();
+                items[nextIndex].shadowRoot?.querySelector('input')?.focus();
+                this.dispatchEvent(new CustomEvent('change', {
+                    detail: { value: this.value },
+                    bubbles: true,
+                    composed: true,
+                }));
+            }
+        };
+    }
+    // — Lifecycle ——————————————————————————————————————————————————————————————
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', this.type === 'checkbox' ? 'group' : 'radiogroup');
+        if (this.accessibleLabel)
+            this.setAttribute('aria-label', this.accessibleLabel);
+        if (this.accessibleLabelledBy)
+            this.setAttribute('aria-labelledby', this.accessibleLabelledBy);
+        this.addEventListener('item-change', this._handleItemChange);
+        this.addEventListener('keydown', this._handleKeydown);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('item-change', this._handleItemChange);
+        this.removeEventListener('keydown', this._handleKeydown);
+    }
+    firstUpdated() {
+        this._syncItems();
+        if (import.meta.env?.DEV && !this.accessibleLabel && !this.accessibleLabelledBy) {
+            console.warn('<nldd-segmented-control>: No accessible name provided. Add an accessible-label or accessible-labelledby attribute for screen reader accessibility.');
+        }
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('value') ||
+            changedProperties.has('values') ||
+            changedProperties.has('size') ||
+            changedProperties.has('disabled') ||
+            changedProperties.has('type') ||
+            changedProperties.has('variant') ||
+            changedProperties.has('name')) {
+            this._syncItems();
+        }
+        if (changedProperties.has('type')) {
+            this.setAttribute('role', this.type === 'checkbox' ? 'group' : 'radiogroup');
+        }
+        if (changedProperties.has('accessibleLabel')) {
+            if (this.accessibleLabel) {
+                this.setAttribute('aria-label', this.accessibleLabel);
+            }
+            else {
+                this.removeAttribute('aria-label');
+            }
+        }
+        if (changedProperties.has('accessibleLabelledBy')) {
+            if (this.accessibleLabelledBy) {
+                this.setAttribute('aria-labelledby', this.accessibleLabelledBy);
+            }
+            else {
+                this.removeAttribute('aria-labelledby');
+            }
+        }
+    }
+    // — Items ——————————————————————————————————————————————————————————————————
+    _getItems() {
+        const slot = this.shadowRoot?.querySelector('slot');
+        if (!slot)
+            return [];
+        return slot
+            .assignedElements()
+            .filter((el) => el.tagName.toLowerCase() === 'nldd-segmented-control-item');
+    }
+    _getSelectedValues() {
+        return this.type === 'checkbox' ? this.values : (this.value ? [this.value] : []);
+    }
+    _syncItems() {
+        const items = this._getItems();
+        const selectedValues = this._getSelectedValues();
+        if (this.disabled) {
+            items.forEach(item => {
+                if (!item.hasAttribute('disabled')) {
+                    item.setAttribute('group-disabled', '');
+                    item.disabled = true;
+                }
+            });
+        }
+        else {
+            items.forEach(item => {
+                if (item.hasAttribute('group-disabled')) {
+                    item.removeAttribute('group-disabled');
+                    item.disabled = false;
+                }
+            });
+        }
+        items.forEach(item => {
+            item.size = this.size;
+            item.inputType = this.type;
+            item.variant = this.variant;
+            item.groupName = this.name || this._autoName;
+            item.selected = this.type === 'checkbox'
+                ? selectedValues.includes(item.value)
+                : item.value === this.value;
+        });
+    }
+    get _autoName() {
+        if (!this._generatedName) {
+            this._generatedName = `nldd-segmented-${NLDDSegmentedControl_1._idCounter++}`;
+        }
+        return this._generatedName;
+    }
+    _onSlotChange() {
+        this._syncItems();
+    }
+    render() {
+        return segmentedControlTemplate(this);
+    }
+};
+NLDDSegmentedControl.styles = segmentedControlStyles;
+NLDDSegmentedControl._idCounter = 0;
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDSegmentedControl.prototype, "value", void 0);
+__decorate([
+    property({ type: Array, attribute: false })
+], NLDDSegmentedControl.prototype, "values", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDSegmentedControl.prototype, "size", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], NLDDSegmentedControl.prototype, "type", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'variant' })
+], NLDDSegmentedControl.prototype, "variant", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDSegmentedControl.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'full-width' })
+], NLDDSegmentedControl.prototype, "fullWidth", void 0);
+__decorate([
+    property({ type: String })
+], NLDDSegmentedControl.prototype, "name", void 0);
+__decorate([
+    property({ type: String, attribute: 'accessible-label' })
+], NLDDSegmentedControl.prototype, "accessibleLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'accessible-labelledby' })
+], NLDDSegmentedControl.prototype, "accessibleLabelledBy", void 0);
+NLDDSegmentedControl = NLDDSegmentedControl_1 = __decorate([
+    customElement('nldd-segmented-control')
+], NLDDSegmentedControl);
+export { NLDDSegmentedControl };
+//# sourceMappingURL=segmented-control.js.map

package/dist/components/inputs/segmented-control/segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../../src/components/inputs/segmented-control/segmented-control.ts"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EACN,sBAAsB,EACtB,0BAA0B,GAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACN,wBAAwB,EACxB,4BAA4B,GAC5B,MAAM,iCAAiC,CAAC;AACzC,OAAO,8BAA8B,CAAC;AAOtC,gCAAgC;AAGzB,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;QAIN,UAAK,GAAG,EAAE,CAAC;QAGX,aAAQ,GAAG,KAAK,CAAC;QAGjB,aAAQ,GAAG,KAAK,CAAC;QAEjB,iEAAiE;QAEjE,SAAI,GAAyB,IAAI,CAAC;QAElC,iEAAiE;QAEjE,YAAO,GAA4B,MAAM,CAAC;QAE1C,iEAAiE;QAEjE,cAAS,GAAyB,OAAO,CAAC;QAE1C,iEAAiE;QAEjE,cAAS,GAAG,EAAE,CAAC;QAEf,gGAAgG;QAEhG,SAAI,GAAG,EAAE,CAAC;QAEV,oEAAoE;QAEpE,SAAI,GAAG,EAAE,CAAC;IAcX,CAAC;IAZO,aAAa,CAAC,CAAQ;QAC5B,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC3C,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,aAAa,EAAE;YACjD,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;YACrD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,MAAM;QACd,OAAO,4BAA4B,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;;AA9Ce,+BAAM,GAAG,0BAA0B,AAA7B,CAA8B;AAGpD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAChB;AAGX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DAC1B;AAIjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDACR;AAIlC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;yDACtB;AAI1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;2DACzB;AAI1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2DACZ;AAIf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACjB;AAIV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACjB;AAlCE,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CAgDpC;;AAGD,2BAA2B;AAGpB,IAAM,oBAAoB,4BAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAA7C;;QAGN,qCAAqC;QAErC,UAAK,GAAG,EAAE,CAAC;QAEX;;;;WAIG;QAEH,WAAM,GAAa,EAAE,CAAC;QAGtB,SAAI,GAAyB,IAAI,CAAC;QAGlC,SAAI,GAAyB,OAAO,CAAC;QAErC,sFAAsF;QAEtF,YAAO,GAA4B,MAAM,CAAC;QAG1C,aAAQ,GAAG,KAAK,CAAC;QAGjB,cAAS,GAAG,KAAK,CAAC;QAGlB,SAAI,GAAG,EAAE,CAAC;QAEV,kDAAkD;QAElD,oBAAe,GAAG,EAAE,CAAC;QAErB,yDAAyD;QAEzD,yBAAoB,GAAG,EAAE,CAAC;QAiHlB,mBAAc,GAAG,EAAE,CAAC;QAE5B,6EAA6E;QAErE,sBAAiB,GAAG,CAAC,CAAmD,EAAQ,EAAE;YACzF,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAE1B,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gBAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC;gBAC5B,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO;oBAC/B,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBAC9B,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC7C,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC;gBACtB,IAAI,CAAC,UAAU,EAAE,CAAC;gBAClB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;oBAC5C,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;oBAC3B,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACd,CAAC,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;oBAAE,OAAO;gBAC1C,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBAC5B,IAAI,CAAC,UAAU,EAAE,CAAC;gBAClB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;oBAC5C,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;oBAC7B,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACd,CAAC,CAAC,CAAC;YACL,CAAC;QACF,CAAC,CAAC;QAEF;;;;;WAKG;QACK,mBAAc,GAAG,CAAC,CAAgB,EAAQ,EAAE;YACnD,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU;gBAAE,OAAO;YAEtD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC9D,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;gBAAE,OAAO;YAE/B,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAE5D,IAAI,SAAS,GAAG,YAAY,CAAC;YAE7B,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;gBACf,KAAK,WAAW,CAAC;gBACjB,KAAK,SAAS;oBACb,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,SAAS,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC;oBACpE,MAAM;gBACP,KAAK,YAAY,CAAC;gBAClB,KAAK,WAAW;oBACf,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,SAAS,GAAG,YAAY,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC;oBACpE,MAAM;gBACP,KAAK,MAAM;oBACV,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,SAAS,GAAG,CAAC,CAAC;oBACd,MAAM;gBACP,KAAK,KAAK;oBACT,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;oBAC7B,MAAM;gBACP;oBACC,OAAO;YACT,CAAC;YAED,IAAI,SAAS,KAAK,YAAY,IAAI,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;gBACpD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC;gBACpC,IAAI,CAAC,UAAU,EAAE,CAAC;gBAClB,KAAK,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC;gBAC7D,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;oBAC5C,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;oBAC7B,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACd,CAAC,CAAC,CAAC;YACL,CAAC;QACF,CAAC,CAAC;IASH,CAAC;IAzMA,6EAA6E;IAEpE,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QAC7E,IAAI,IAAI,CAAC,eAAe;YAAE,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAChF,IAAI,IAAI,CAAC,oBAAoB;YAAE,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QAC/F,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAkC,CAAC,CAAC;QAC9E,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACvD,CAAC;IAEQ,oBAAoB;QAC5B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAkC,CAAC,CAAC;QACjF,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC1D,CAAC;IAEQ,YAAY;QACpB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACjF,OAAO,CAAC,IAAI,CAAC,oJAAoJ,CAAC,CAAC;QACpK,CAAC;IACF,CAAC;IAEQ,OAAO,CAAC,iBAAuC;QACvD,IACC,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC;YAC9B,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC;YAC/B,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC;YAC7B,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC;YACjC,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC;YAC7B,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC;YAChC,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAC5B,CAAC;YACF,IAAI,CAAC,UAAU,EAAE,CAAC;QACnB,CAAC;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;QAC9E,CAAC;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;YAC9C,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBAC1B,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YACvD,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;YACpC,CAAC;QACF,CAAC;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,sBAAsB,CAAC,EAAE,CAAC;YACnD,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAC/B,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;YACjE,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;YACzC,CAAC;QACF,CAAC;IACF,CAAC;IAED,6EAA6E;IAErE,SAAS;QAChB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QACpD,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QACrB,OAAO,IAAI;aACT,gBAAgB,EAAE;aAClB,MAAM,CAAC,CAAC,EAAE,EAAkC,EAAE,CAC9C,EAAE,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,6BAA6B,CAC1D,CAAC;IACJ,CAAC;IAEO,kBAAkB;QACzB,OAAO,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAClF,CAAC;IAEO,UAAU;QACjB,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAEjD,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACpB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;oBACpC,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;oBACxC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACtB,CAAC;YACF,CAAC,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACP,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACpB,IAAI,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,CAAC;oBACzC,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;oBACvC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACvB,CAAC;YACF,CAAC,CAAC,CAAC;QACJ,CAAC;QAED,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACtB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC;YAC3B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;YAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC;YAC7C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,UAAU;gBACvC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;gBACrC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;QAC9B,CAAC,CAAC,CAAC;IACJ,CAAC;IAID,IAAY,SAAS;QACpB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC;YAC1B,IAAI,CAAC,cAAc,GAAG,kBAAkB,sBAAoB,CAAC,UAAU,EAAE,EAAE,CAAC;QAC7E,CAAC;QACD,OAAO,IAAI,CAAC,cAAc,CAAC;IAC5B,CAAC;IAqFM,aAAa;QACnB,IAAI,CAAC,UAAU,EAAE,CAAC;IACnB,CAAC;IAEQ,MAAM;QACd,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;;AAjPe,2BAAM,GAAG,sBAAsB,AAAzB,CAA0B;AA+IjC,+BAAU,GAAG,CAAC,AAAJ,CAAK;AA3I9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAC/B;AAQX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDACtB;AAGtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACR;AAGlC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACL;AAIrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;qDACtB;AAG1C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;uDAClD;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACjB;AAIV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;6DACrC;AAIrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;kEACrC;AAxCd,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,CAmPhC"}

package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const segmentedControlStyles: import("lit").CSSResult;
+export declare const segmentedControlItemStyles: import("lit").CSSResult;
+//# sourceMappingURL=segmented-control.styles.d.ts.map

package/dist/components/inputs/segmented-control/segmented-control.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/segmented-control/segmented-control.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,yBA8ClC,CAAC;AAEF,eAAO,MAAM,0BAA0B,yBA0KtC,CAAC"}

package/dist/components/inputs/segmented-control/segmented-control.styles.js

@@ -0,0 +1,220 @@
+import { css } from 'lit';
+export const segmentedControlStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: inline-grid;
+		grid-auto-columns: 1fr;
+		grid-auto-flow: column;
+		background-color: var(--semantics-buttons-neutral-tinted-background-color);
+		isolation: isolate;
+		-webkit-tap-highlight-color: transparent;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+	:host([full-width]) {
+		display: grid;
+		width: 100%;
+	}
+
+	:host([disabled]) {
+		opacity: var(--primitives-opacity-disabled);
+		pointer-events: none;
+	}
+
+	:host([size='md']),
+	:host(:not([size])) {
+		border-radius: var(--semantics-controls-md-corner-radius);
+		padding-inline: var(--primitives-space-2);
+	}
+
+	:host([size='sm']) {
+		border-radius: var(--semantics-controls-sm-corner-radius);
+		padding-inline: var(--primitives-space-2);
+	}
+
+
+	/* # Focus */
+
+	::slotted(nldd-segmented-control-item:focus-within) {
+		position: relative;
+		z-index: 1;
+	}
+`;
+export const segmentedControlItemStyles = css `
+
+
+	/* # Host */
+
+	:host {
+		display: flex;
+		min-width: 0;
+		position: relative;
+		--_segmented-control-md-inset-size: var(--primitives-space-4);
+		--_segmented-control-md-gap-size: var(--primitives-space-4);
+		--_segmented-control-md-item-icon-size: var(--primitives-space-24);
+		--_segmented-control-sm-inset-size: var(--primitives-space-3);
+		--_segmented-control-sm-gap-size: var(--primitives-space-2);
+		--_segmented-control-sm-item-icon-size: var(--primitives-space-20);
+		-webkit-tap-highlight-color: transparent;
+	}
+
+	:host([hidden]) {
+		display: none;
+	}
+
+
+	/* # Input */
+
+	.segmented-control__item-input {
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		margin: 0;
+		opacity: 0;
+		z-index: 1;
+	}
+
+
+	/* # Label */
+
+	.segmented-control__item-label {
+		position: relative;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 100%;
+		box-sizing: border-box;
+		color: var(--semantics-buttons-neutral-tinted-content-color);
+		cursor: default;
+	}
+
+	:host([size='md']) .segmented-control__item-label,
+	:host(:not([size])) .segmented-control__item-label {
+		height: var(--semantics-controls-md-min-size);
+		padding-inline: calc(var(--_segmented-control-md-inset-size) / 2 + var(--primitives-space-12));
+		font: var(--semantics-buttons-md-font);
+	}
+
+	:host([size='sm']) .segmented-control__item-label {
+		height: var(--semantics-controls-sm-min-size);
+		padding-inline: calc(var(--_segmented-control-sm-inset-size) / 2 + var(--primitives-space-8));
+		font: var(--semantics-buttons-sm-font);
+	}
+
+	:host([variant='icon'][size='md']) .segmented-control__item-label,
+	:host([variant='icon']:not([size])) .segmented-control__item-label {
+		padding-inline: calc((var(--semantics-controls-md-min-size) - var(--_segmented-control-md-item-icon-size) - var(--_segmented-control-md-inset-size) * 2 + var(--_segmented-control-md-gap-size)) / 2);
+	}
+
+	:host([variant='icon'][size='sm']) .segmented-control__item-label {
+		padding-inline: calc((var(--semantics-controls-sm-min-size) - var(--_segmented-control-sm-item-icon-size) - var(--_segmented-control-sm-inset-size) * 2 + var(--_segmented-control-sm-gap-size)) / 2);
+	}
+
+	:host([selected]) .segmented-control__item-label {
+		color: var(--semantics-buttons-neutral-tinted-is-selected-content-color);
+	}
+
+	:host([disabled]) .segmented-control__item-label {
+		opacity: var(--primitives-opacity-disabled);
+	}
+
+
+	/* # Text */
+
+	.segmented-control__item-text {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		z-index: 2;
+		pointer-events: none;
+	}
+
+
+	/* # Icon slot */
+
+	.segmented-control__item-icon {
+		display: flex;
+		flex-shrink: 0;
+		align-items: center;
+		justify-content: center;
+		z-index: 2;
+		pointer-events: none;
+	}
+
+	:host([size='md']) .segmented-control__item-icon,
+	:host(:not([size])) .segmented-control__item-icon {
+		width: var(--_segmented-control-md-item-icon-size);
+		height: var(--_segmented-control-md-item-icon-size);
+	}
+
+	:host([size='sm']) .segmented-control__item-icon {
+		width: var(--_segmented-control-sm-item-icon-size);
+		height: var(--_segmented-control-sm-item-icon-size);
+	}
+
+	::slotted(nldd-icon) {
+		display: block;
+		width: 100%;
+		height: 100%;
+	}
+
+
+	/* # Slot visibility */
+
+	:host([variant='text']) .segmented-control__item-icon {
+		display: none;
+	}
+
+	:host([variant='icon']) .segmented-control__item-text {
+		display: none;
+	}
+
+
+	/* # Indicator */
+
+	.segmented-control__item-label::before {
+		content: '';
+		position: absolute;
+		inset: 0;
+		pointer-events: none;
+		background-color: transparent;
+	}
+
+	:host([size='md']) .segmented-control__item-label::before,
+	:host(:not([size])) .segmented-control__item-label::before {
+		inset-block: var(--_segmented-control-md-inset-size);
+		inset-inline: calc(var(--_segmented-control-md-gap-size) / 2);
+		border-radius: calc(var(--semantics-controls-md-corner-radius) - (var(--_segmented-control-md-inset-size) / 2));
+	}
+
+	:host([size='sm']) .segmented-control__item-label::before {
+		inset-block: var(--_segmented-control-sm-inset-size);
+		inset-inline: calc(var(--_segmented-control-sm-gap-size) / 2);
+		border-radius: calc(var(--semantics-controls-sm-corner-radius) - (var(--_segmented-control-sm-inset-size) / 2));
+	}
+
+	:host([selected]) .segmented-control__item-label::before {
+		background-color: var(--semantics-buttons-neutral-tinted-is-selected-background-color);
+	}
+
+	:host(:not([selected])) .segmented-control__item-label:hover::before {
+		background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
+	}
+
+
+	/* # Focus */
+
+	.segmented-control__item-label:has(:focus-visible)::before {
+		outline: var(--semantics-focus-ring-outline);
+		outline-offset: var(--semantics-focus-ring-outline-offset);
+		box-shadow: var(--semantics-focus-ring-box-shadow);
+	}
+`;
+//# sourceMappingURL=segmented-control.styles.js.map

package/dist/components/inputs/segmented-control/segmented-control.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/segmented-control/segmented-control.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CxC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0K5C,CAAC"}

package/dist/components/inputs/segmented-control/segmented-control.template.d.ts

@@ -0,0 +1,6 @@
+import { TemplateResult } from 'lit';
+import type { NLDDSegmentedControl, NLDDSegmentedControlItem } from './segmented-control.js';
+import '../../content/tooltip/tooltip.js';
+export declare function segmentedControlTemplate(component: NLDDSegmentedControl): TemplateResult;
+export declare function segmentedControlItemTemplate(component: NLDDSegmentedControlItem): TemplateResult;
+//# sourceMappingURL=segmented-control.template.d.ts.map

package/dist/components/inputs/segmented-control/segmented-control.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/segmented-control/segmented-control.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAC7F,OAAO,kCAAkC,CAAC;AAE1C,wBAAgB,wBAAwB,CAAC,SAAS,EAAE,oBAAoB,GAAG,cAAc,CAExF;AAED,wBAAgB,4BAA4B,CAAC,SAAS,EAAE,wBAAwB,GAAG,cAAc,CAiChG"}

package/dist/components/inputs/segmented-control/segmented-control.template.js

@@ -0,0 +1,38 @@
+import { html, nothing } from 'lit';
+import '../../content/tooltip/tooltip.js';
+export function segmentedControlTemplate(component) {
+    return html `<slot @slotchange=${component._onSlotChange}></slot>`;
+}
+export function segmentedControlItemTemplate(component) {
+    const isIcon = component.variant === 'icon';
+    const labelText = component.text || nothing;
+    const label = html `
+		<label class="segmented-control__item-label">
+			<input class="segmented-control__item-input"
+				type=${component.inputType}
+				name=${component.groupName || nothing}
+				value=${component.value}
+				.checked=${component.selected}
+				?disabled=${component.disabled}
+				aria-label=${isIcon ? labelText : nothing}
+				@change=${component._handleChange}
+			>
+			<span class="segmented-control__item-icon"
+				aria-hidden=${component.variant === 'icon' ? nothing : 'true'}
+			>
+				${component.icon
+        ? html `<nldd-icon name=${component.icon}></nldd-icon>`
+        : html `<slot name="icon"></slot>`}
+			</span>
+			<span class="segmented-control__item-text"
+				aria-hidden=${component.variant === 'text' ? nothing : 'true'}
+			>
+				${component.text}
+			</span>
+		</label>`;
+    if (isIcon && labelText) {
+        return html `<nldd-tooltip text=${labelText}>${label}</nldd-tooltip>`;
+    }
+    return label;
+}
+//# sourceMappingURL=segmented-control.template.js.map

package/dist/components/inputs/segmented-control/segmented-control.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/segmented-control/segmented-control.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,kCAAkC,CAAC;AAE1C,MAAM,UAAU,wBAAwB,CAAC,SAA+B;IACvE,OAAO,IAAI,CAAA,qBAAqB,SAAS,CAAC,aAAa,UAAU,CAAC;AACnE,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAC,SAAmC;IAC/E,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,KAAK,MAAM,CAAC;IAC5C,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,IAAI,OAAO,CAAC;IAE5C,MAAM,KAAK,GAAG,IAAI,CAAA;;;WAGR,SAAS,CAAC,SAAS;WACnB,SAAS,CAAC,SAAS,IAAI,OAAO;YAC7B,SAAS,CAAC,KAAK;eACZ,SAAS,CAAC,QAAQ;gBACjB,SAAS,CAAC,QAAQ;iBACjB,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;cAC/B,SAAS,CAAC,aAAa;;;kBAGnB,SAAS,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;MAE3D,SAAS,CAAC,IAAI;QACf,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,IAAI,eAAe;QACtD,CAAC,CAAC,IAAI,CAAA,2BAA2B;;;kBAGpB,SAAS,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;MAE3D,SAAS,CAAC,IAAI;;WAET,CAAC;IAEX,IAAI,MAAM,IAAI,SAAS,EAAE,CAAC;QACzB,OAAO,IAAI,CAAA,sBAAsB,SAAS,IAAI,KAAK,iBAAiB,CAAC;IACtE,CAAC;IACD,OAAO,KAAK,CAAC;AACd,CAAC"}