@siemens/ix 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627114851

package/components/p-B3NgetSU.js

@@ -1,765 +0,0 @@
-import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-DzKDFBWC.js';
-import { L as iconPlus, e as iconClear, v as iconChevronDownSmall } from './p-CGwHQeMX.js';
-import { a as a11yBoolean } from './p-Bb7pDeaQ.js';
-import { A as ArrowFocusController, d as defineCustomElement$a } from './p-CLe5n0eR.js';
-import { H as HookValidationLifecycle } from './p-t-aQDKhy.js';
-import { O as OnListener } from './p-DBZZBDKR.js';
-import { m as makeRef } from './p-bcj7UEIC.js';
-import { c as createMutationObserver } from './p-CX81WQtk.js';
-import { d as defineCustomElement$9 } from './p-CI771zjd.js';
-import { d as defineCustomElement$8 } from './p-COgaNG0r.js';
-import { d as defineCustomElement$7 } from './p-CdH-wF59.js';
-import { d as defineCustomElement$6 } from './p-BW7O4gSR.js';
-import { d as defineCustomElement$5 } from './p-BXGAr1UD.js';
-import { d as defineCustomElement$4 } from './p-CdhP3eo7.js';
-import { d as defineCustomElement$3 } from './p-BOARJXlu.js';
-import { d as defineCustomElement$2 } from './p-mLgD4b4D.js';
-import { d as defineCustomElement$1 } from './p-C9zujPO0.js';
-
-const selectCss = ":host{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--border-radius)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .display-none{display:none}:host .select{position:relative;display:flex;align-items:center;width:100%;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}:host .select:not(.disabled):not(:disabled){cursor:pointer}:host .select:not(.disabled):not(:disabled):hover,:host .select:not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}:host .select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff;outline-offset:var(--theme-input--focus--outline-offset)}:host .select.readonly,:host .select.disabled{box-shadow:none !important;border:none;border-radius:0;cursor:pointer}:host .select.readonly,:host .select.readonly:hover,:host .select.readonly:active,:host .select.disabled,:host .select.disabled:hover,:host .select.disabled:active{background-color:transparent !important}:host .select.readonly:focus,:host .select.readonly:focus-within,:host .select.readonly:focus-visible,:host .select.disabled:focus,:host .select.disabled:focus-within,:host .select.disabled:focus-visible{outline:none}:host .select.readonly input:focus,:host .select.readonly input:focus-visible,:host .select.disabled input:focus,:host .select.disabled input:focus-visible{outline:none}:host .select.disabled{border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-weak-bdr)}:host .select.disabled input{color:var(--theme-color-weak-text)}:host .select.readonly{border-bottom:var(--theme-input--border-thickness) solid var(--theme-color-soft-bdr)}:host .select.readonly input{color:var(--theme-color-std-text)}:host .hidden{display:none !important}:host .trigger{display:flex;align-items:center;flex-grow:1;height:100%}:host .input-container{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}:host .input-container .chips{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}:host .input-container .chips>ix-filter-chip{margin:0.1rem}:host .input-container ix-icon-button{height:1.875rem;width:1.875rem;min-height:1.875rem;min-width:1.875rem}:host .input-container input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);background:transparent;height:1.75rem;width:100%}:host .input-container input,:host .input-container input:hover,:host .input-container input:focus-visible{border:none;outline:none}:host .input-container input::-moz-placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input::placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input.hide-placeholder::-moz-placeholder{opacity:0}:host .input-container input.hide-placeholder::placeholder{opacity:0}:host ix-dropdown{max-width:100%}:host .dropdown-visible{--ix-icon-button-color:var(--theme-color-dynamic--hover)}:host .add-item{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}:host .select-list-header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) .select:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select{border-color:var(--theme-input--border-color--warning)}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select:hover{border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) .select:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select{border-color:var(--theme-input--border-color--invalid);background-color:var(--theme-input--background--invalid);box-shadow:none}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) .select:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) .select:active{border-color:var(--theme-input--border-color--invalid--active) !important}";
-
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var __decorate = (undefined && undefined.__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;
-};
-const Select = /*@__PURE__*/ proxyCustomElement(class Select extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.valueChange = createEvent(this, "valueChange", 7);
-        this.inputChange = createEvent(this, "inputChange", 7);
-        this.addItem = createEvent(this, "addItem", 7);
-        this.ixBlur = createEvent(this, "ixBlur", 7);
-        this.formInternals = this.attachInternals();
-        /**
-         * A Boolean attribute indicating that an option with a non-empty string value must be selected
-         */
-        this.required = false;
-        /**
-         * Current selected value.
-         * This corresponds to the value property of ix-select-items
-         */
-        this.value = [];
-        /**
-         * Show clear button
-         */
-        this.allowClear = false;
-        /**
-         * Selection mode
-         */
-        this.mode = 'single';
-        /**
-         * Select is extendable
-         */
-        this.editable = false;
-        /**
-         * If true the select will be in disabled state
-         */
-        this.disabled = false;
-        /**
-         * If true the select will be in readonly mode
-         */
-        this.readonly = false;
-        /**
-         * Input field placeholder
-         */
-        this.i18nPlaceholder = 'Select an option';
-        /**
-         * Input field placeholder for editable select
-         */
-        this.i18nPlaceholderEditable = 'Type of select option';
-        /**
-         * Select list header
-         */
-        this.i18nSelectListHeader = 'Select an option';
-        /**
-         * Information inside of dropdown if no items where found with current filter text
-         */
-        this.i18nNoMatches = 'No matches';
-        /**
-         * Hide list header
-         */
-        this.hideListHeader = false;
-        this.dropdownShow = false;
-        this.selectedLabels = [];
-        this.isDropdownEmpty = false;
-        this.inputFilterText = '';
-        this.inputValue = '';
-        this.isInvalid = false;
-        this.isValid = false;
-        this.isInfo = false;
-        this.isWarning = false;
-        this.dropdownWrapperRef = makeRef();
-        this.dropdownAnchorRef = makeRef();
-        this.inputRef = makeRef();
-        this.touched = false;
-        this.itemObserver = createMutationObserver(() => {
-            if (!this.arrowFocusController) {
-                return;
-            }
-            this.arrowFocusController.items = this.visibleNonShadowItems;
-        });
-        this.focusControllerCallbackBind = this.focusDropdownItem.bind(this);
-    }
-    get nonShadowItems() {
-        return Array.from(this.hostElement.querySelectorAll('ix-select-item'));
-    }
-    get visibleNonShadowItems() {
-        return this.nonShadowItems.filter((item) => !item.classList.contains('display-none'));
-    }
-    get shadowItems() {
-        return Array.from(this.hostElement.shadowRoot.querySelectorAll('ix-select-item'));
-    }
-    get visibleShadowItems() {
-        return this.shadowItems.filter((item) => !item.classList.contains('display-none'));
-    }
-    get items() {
-        return [...this.nonShadowItems, ...this.shadowItems];
-    }
-    get visibleItems() {
-        return this.items.filter((item) => !item.classList.contains('display-none'));
-    }
-    get selectedItems() {
-        return this.items.filter((item) => item.selected);
-    }
-    get addItemButton() {
-        return this.hostElement.shadowRoot.querySelector('.add-item');
-    }
-    get isSingleMode() {
-        return this.mode === 'single';
-    }
-    get isMultipleMode() {
-        return this.mode === 'multiple';
-    }
-    get isEveryDropdownItemHidden() {
-        return this.items.every((item) => item.classList.contains('display-none'));
-    }
-    watchValue(value) {
-        this.value = value;
-        this.updateSelection();
-    }
-    watchDropdownShow(show) {
-        if (show && this.dropdownElement) {
-            this.itemObserver.observe(this.dropdownElement, {
-                childList: true,
-                subtree: true,
-            });
-        }
-        else {
-            this.cleanupResources();
-        }
-    }
-    cleanupResources() {
-        var _a, _b;
-        (_a = this.arrowFocusController) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.arrowFocusController = undefined;
-        (_b = this.itemObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
-    }
-    onItemClicked(event) {
-        const newId = event.detail;
-        this.itemClick(newId);
-    }
-    updateFormInternalValue(value) {
-        if (Array.isArray(value)) {
-            this.formInternals.setFormValue(value.join(','));
-        }
-        else {
-            this.formInternals.setFormValue(value);
-        }
-    }
-    /** @internal */
-    async hasValidValue() {
-        return this.required && !!this.hasValue();
-    }
-    hasValue() {
-        if (Array.isArray(this.value)) {
-            return !!this.value.length;
-        }
-        return !!this.value;
-    }
-    focusDropdownItem(index) {
-        var _a, _b;
-        this.navigationItem = undefined;
-        if (index < this.visibleNonShadowItems.length) {
-            const nestedDropdownItem = (_b = (_a = this.visibleNonShadowItems[index]) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('ix-dropdown-item');
-            if (!nestedDropdownItem) {
-                return;
-            }
-            requestAnimationFrame(() => {
-                var _a, _b;
-                (_b = (_a = nestedDropdownItem === null || nestedDropdownItem === void 0 ? void 0 : nestedDropdownItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button')) === null || _b === void 0 ? void 0 : _b.focus();
-            });
-        }
-    }
-    itemClick(newId) {
-        const oldValue = this.value;
-        const value = this.toggleValue(newId);
-        this.value = value;
-        const defaultPrevented = this.emitValueChange(value);
-        if (defaultPrevented) {
-            this.value = oldValue;
-            return;
-        }
-        this.updateSelection();
-    }
-    emitAddItem(value) {
-        var _a;
-        if (value === undefined || value.trim() === '') {
-            return false;
-        }
-        const { defaultPrevented } = this.addItem.emit(value);
-        if (defaultPrevented) {
-            return true;
-        }
-        const newItem = document.createElement('ix-select-item');
-        newItem.value = value;
-        newItem.label = value;
-        (_a = this.customItemsContainerElement) === null || _a === void 0 ? void 0 : _a.appendChild(newItem);
-        this.clearInput();
-        this.itemClick(value);
-        return false;
-    }
-    toggleValue(itemValue) {
-        if (!this.isMultipleMode) {
-            return itemValue;
-        }
-        if (!this.value) {
-            return [itemValue];
-        }
-        let value = this.value;
-        if (!Array.isArray(value)) {
-            value = [value];
-        }
-        if (value.includes(itemValue)) {
-            return value.filter((value) => value !== itemValue);
-        }
-        else {
-            return [...value, itemValue];
-        }
-    }
-    updateSelection() {
-        var _a, _b;
-        let ids = [];
-        if (this.value) {
-            ids = Array.isArray(this.value) ? [...this.value] : [this.value];
-        }
-        this.items.forEach((item) => {
-            item.selected = ids.some((i) => {
-                if (typeof i !== typeof item.value) {
-                    return i.toString() === item.value.toString();
-                }
-                else {
-                    return i === item.value;
-                }
-            });
-        });
-        this.selectedLabels = this.selectedItems.map((item) => item.label);
-        if (((_a = this.selectedLabels) === null || _a === void 0 ? void 0 : _a.length) && this.isSingleMode) {
-            this.inputValue = (_b = this.selectedLabels[0]) !== null && _b !== void 0 ? _b : '';
-        }
-        else {
-            this.inputValue = '';
-        }
-        this.inputElement && (this.inputElement.value = this.inputValue);
-    }
-    emitValueChange(value) {
-        const { defaultPrevented } = this.valueChange.emit(value);
-        if (defaultPrevented) {
-            return true;
-        }
-        this.updateFormInternalValue(value);
-        return false;
-    }
-    componentDidLoad() {
-        var _a;
-        (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.addEventListener('input', () => {
-            var _a;
-            this.dropdownShow = true;
-            this.inputChange.emit((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value);
-        });
-    }
-    componentWillLoad() {
-        this.updateSelection();
-        this.updateFormInternalValue(this.value);
-    }
-    componentDidRender() {
-        if (!this.dropdownShow ||
-            this.arrowFocusController ||
-            !this.dropdownElement) {
-            return;
-        }
-        this.arrowFocusController = new ArrowFocusController(this.visibleNonShadowItems, this.dropdownElement, this.focusControllerCallbackBind);
-        this.arrowFocusController.wrap =
-            !this.isAddItemVisible() && !this.visibleShadowItems.length;
-    }
-    onLabelChange(event) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-        this.updateSelection();
-    }
-    disconnectedCallback() {
-        this.cleanupResources();
-    }
-    itemExists(item) {
-        return this.items.find((i) => i.label === item);
-    }
-    dropdownVisibilityChanged(event) {
-        var _a, _b;
-        this.dropdownShow = event.detail;
-        if (event.detail) {
-            (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus();
-            (_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.select();
-            this.removeHiddenFromItems();
-            this.isDropdownEmpty = this.isEveryDropdownItemHidden;
-        }
-        else {
-            this.navigationItem = undefined;
-            this.updateSelection();
-            this.inputFilterText = '';
-        }
-    }
-    async onKeyDown(event) {
-        if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {
-            await this.onArrowNavigation(event, event.code);
-        }
-        if (!this.dropdownShow) {
-            return;
-        }
-        if (event.code === 'Enter' || event.code === 'NumpadEnter') {
-            await this.onEnterNavigation(event.target);
-        }
-        if (event.code === 'Escape') {
-            this.dropdownShow = false;
-        }
-    }
-    async onEnterNavigation(el) {
-        if (this.isMultipleMode) {
-            return;
-        }
-        const itemLabel = el === null || el === void 0 ? void 0 : el.label;
-        const item = this.itemExists(this.inputFilterText);
-        if (item) {
-            this.itemClick(item.value);
-        }
-        else if (this.editable && !this.itemExists(itemLabel)) {
-            const defaultPrevented = this.emitAddItem(this.inputFilterText);
-            if (defaultPrevented) {
-                return;
-            }
-        }
-        this.dropdownShow = false;
-        this.updateSelection();
-    }
-    async onArrowNavigation(event, key) {
-        var _a;
-        if (event.defaultPrevented) {
-            return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        this.dropdownShow = true;
-        if (!this.navigationItem && document.activeElement === this.hostElement) {
-            if (this.visibleItems.length) {
-                this.applyFocusTo(this.visibleItems.shift());
-            }
-            else if (this.isAddItemVisible()) {
-                this.focusAddItemButton();
-            }
-            return;
-        }
-        const moveUp = key === 'ArrowUp';
-        const indexNonShadow = document.activeElement
-            ? this.visibleNonShadowItems.indexOf(document.activeElement)
-            : -1;
-        // Slotted select items
-        if (indexNonShadow === 0) {
-            if (!this.visibleShadowItems.length && this.isAddItemVisible()) {
-                this.focusAddItemButton();
-            }
-            else {
-                this.applyFocusTo(this.visibleShadowItems.pop());
-            }
-            return;
-        }
-        else if (indexNonShadow !== -1 &&
-            indexNonShadow === this.visibleNonShadowItems.length - 1) {
-            if (this.visibleShadowItems.length) {
-                this.applyFocusTo(this.visibleShadowItems.shift());
-            }
-            else if (this.isAddItemVisible()) {
-                this.focusAddItemButton();
-            }
-            return;
-        }
-        if (!this.navigationItem) {
-            return;
-        }
-        if (this.isAddItemVisible() &&
-            ((_a = this.addItemElement) === null || _a === void 0 ? void 0 : _a.contains(await this.navigationItem.getDropdownItemElement()))) {
-            if (moveUp) {
-                this.applyFocusTo(this.visibleItems.pop());
-            }
-            else if (this.visibleItems.length) {
-                this.applyFocusTo(this.visibleItems.shift());
-            }
-            return;
-        }
-        // Custom select items
-        const indexShadow = this.visibleShadowItems.indexOf(this.navigationItem);
-        if (moveUp) {
-            if (indexShadow === 0) {
-                if (this.visibleNonShadowItems.length) {
-                    this.applyFocusTo(this.visibleNonShadowItems.pop());
-                }
-                else if (this.isAddItemVisible()) {
-                    this.focusAddItemButton();
-                }
-            }
-            else {
-                this.applyFocusTo(this.visibleShadowItems[indexShadow - 1]);
-            }
-        }
-        else {
-            if (indexShadow === this.visibleShadowItems.length - 1) {
-                if (this.isAddItemVisible()) {
-                    this.focusAddItemButton();
-                }
-                else {
-                    this.applyFocusTo(this.visibleItems.shift());
-                }
-            }
-            else {
-                this.applyFocusTo(this.visibleShadowItems[indexShadow + 1]);
-            }
-        }
-    }
-    applyFocusTo(element) {
-        if (!element) {
-            return;
-        }
-        this.navigationItem = element;
-        setTimeout(() => {
-            var _a, _b, _c, _d;
-            (_d = (_c = (_b = (_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ix-dropdown-item')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('button')) === null || _d === void 0 ? void 0 : _d.focus();
-        });
-    }
-    focusAddItemButton() {
-        var _a, _b;
-        if (this.addItemButton) {
-            (_b = (_a = this.addItemButton.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button')) === null || _b === void 0 ? void 0 : _b.focus();
-            this.navigationItem = this.addItemElement;
-        }
-    }
-    filterItemsWithTypeahead() {
-        var _a, _b;
-        this.inputFilterText = (_b = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value.trim()) !== null && _b !== void 0 ? _b : '';
-        if (this.isSingleMode && this.inputFilterText === this.selectedLabels[0]) {
-            return;
-        }
-        if (this.inputFilterText) {
-            this.items.forEach((item) => {
-                var _a;
-                item.classList.remove('display-none');
-                if (!((_a = item.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(this.inputFilterText.toLowerCase()))) {
-                    item.classList.add('display-none');
-                }
-            });
-        }
-        else {
-            this.removeHiddenFromItems();
-        }
-        if (this.arrowFocusController) {
-            this.arrowFocusController.items = this.visibleNonShadowItems;
-        }
-        this.isDropdownEmpty = this.isEveryDropdownItemHidden;
-    }
-    removeHiddenFromItems() {
-        this.items.forEach((item) => {
-            item.classList.remove('display-none');
-        });
-    }
-    clearInput() {
-        if (this.inputElement) {
-            this.inputElement.value = '';
-        }
-        this.inputFilterText = '';
-    }
-    clear() {
-        this.clearInput();
-        this.selectedLabels = [];
-        this.value = [];
-        this.emitValueChange([]);
-        this.dropdownShow = false;
-    }
-    onInputBlur(event) {
-        this.ixBlur.emit();
-        this.touched = true;
-        if (this.editable) {
-            return;
-        }
-        if (this.isSingleMode) {
-            return;
-        }
-        const target = event.target;
-        if (!this.dropdownShow && this.mode !== 'multiple') {
-            target.value = this.selectedLabels.toString();
-        }
-    }
-    placeholderValue() {
-        if (this.disabled) {
-            return '';
-        }
-        if (this.readonly) {
-            return '';
-        }
-        if (this.editable) {
-            return this.i18nPlaceholderEditable;
-        }
-        return this.i18nPlaceholder;
-    }
-    isAddItemVisible() {
-        return (!this.itemExists(this.inputFilterText) &&
-            this.editable &&
-            this.inputFilterText);
-    }
-    onValidationChange({ isInvalid, isInvalidByRequired, isValid, isInfo, isWarning, }) {
-        this.isInvalid = isInvalid || isInvalidByRequired;
-        this.isValid = isValid;
-        this.isWarning = isWarning;
-        this.isInfo = isInfo;
-    }
-    /** @internal */
-    async getAssociatedFormElement() {
-        return this.formInternals.form;
-    }
-    /**
-     * Returns the native input element used in the component.
-     */
-    getNativeInputElement() {
-        if (this.inputElement) {
-            return Promise.resolve(this.inputElement);
-        }
-        else {
-            return Promise.reject(new Error('Input element not found'));
-        }
-    }
-    /**
-     * Focuses the input field
-     */
-    async focusInput() {
-        const inputElement = await this.getNativeInputElement();
-        if (inputElement) {
-            inputElement.focus();
-        }
-    }
-    /**
-     * Check if the input field has been touched.
-     * @internal
-     * */
-    isTouched() {
-        return Promise.resolve(this.touched);
-    }
-    render() {
-        var _a, _b, _c, _d;
-        return (h(Host, { key: 'fdfc4962114ec9fc4cf0fe61d40787dba81f60a6', "aria-disabled": a11yBoolean(this.disabled), class: {
-                disabled: this.disabled,
-            } }, h("ix-field-wrapper", { key: '56517622c68630fd31b5b4e98fc6d7851582fc6e', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, h("div", { key: '7765a0bf460e16716f50a4f8c7624bcad927667b', class: {
-                select: true,
-                disabled: this.disabled,
-                readonly: this.readonly,
-            }, ref: (ref) => {
-                this.dropdownAnchorRef(ref);
-                if (!this.editable)
-                    this.dropdownWrapperRef(ref);
-            } }, h("div", { key: 'c2e8b90f7647b38ee8a576dc757084c62fb84179', class: "input-container" }, h("div", { key: '60a9d1b6f7118103c6999bb1f592f3a4ea48c16b', class: "chips" }, this.isMultipleMode
-            ? (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => (h("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    this.itemClick(item.value);
-                } }, item.label)))
-            : '', h("div", { key: 'eb952ef1b366f58dd6ec38801ef5b3e593199383', class: "trigger" }, h("input", { key: 'a41e364dcba508d681a6790381881175716d152d', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
-                'allow-clear': this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length),
-            }, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : '', ref: (ref) => {
-                this.inputElement = ref;
-                this.inputRef(ref);
-            }, onBlur: (e) => this.onInputBlur(e), onFocus: () => {
-                this.navigationItem = undefined;
-            }, onInput: () => this.filterItemsWithTypeahead(), onKeyDown: (e) => this.onKeyDown(e) }), this.allowClear &&
-            !this.disabled &&
-            !this.readonly &&
-            (((_d = this.selectedLabels) === null || _d === void 0 ? void 0 : _d.length) || this.inputFilterText) ? (h("ix-icon-button", { key: "clear", class: "clear", icon: iconClear, ghost: true, oval: true, size: "16", onClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                this.clear();
-            } })) : null, this.disabled || this.readonly ? null : (h("ix-icon-button", { "data-select-dropdown": true, key: "dropdown", class: { 'dropdown-visible': this.dropdownShow }, icon: iconChevronDownSmall, ghost: true, ref: (ref) => {
-                if (this.editable)
-                    this.dropdownWrapperRef(ref);
-            } }))))))), h("ix-dropdown", { key: '570a352447ec2b5ad541d9099d015cf0bd106b15', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
-                'display-none': this.disabled || this.readonly,
-            }, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
-                var _a, _b;
-                const styleOverwrites = {};
-                const minWidth = (_b = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.select')) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width;
-                if (minWidth) {
-                    styleOverwrites.minWidth = `${minWidth}px`;
-                }
-                if (this.dropdownWidth) {
-                    styleOverwrites.width = `min(${this.dropdownWidth}, 100%)`;
-                }
-                if (this.dropdownMaxWidth) {
-                    styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;
-                }
-                return styleOverwrites;
-            } }, h("div", { key: '0e36c98203e2454bb875800f624c4184e51e6363', class: {
-                'select-list-header': true,
-                hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), h("slot", { key: '6188f73b7d46ccba8bc082089c3fa3e97a93fdfc', onSlotchange: () => {
-                this.updateSelection();
-            } }), h("div", { key: 'f20e633a7b5b4add9ee28541a987f8a81eb32162', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (h("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
-                'add-item': true,
-            }, label: this.inputFilterText, onItemClick: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                this.emitAddItem(this.inputFilterText);
-            }, onFocus: () => (this.navigationItem = this.addItemElement), ref: (ref) => {
-                this.addItemElement = ref;
-            } })) : null, this.isDropdownEmpty && !this.editable ? (h("div", { class: "select-list-header" }, this.i18nNoMatches)) : (''))));
-    }
-    static get formAssociated() { return true; }
-    get hostElement() { return this; }
-    static get watchers() { return {
-        "value": ["watchValue"],
-        "dropdownShow": ["watchDropdownShow"]
-    }; }
-    static get style() { return selectCss; }
-}, [65, "ix-select", {
-        "name": [513],
-        "required": [516],
-        "label": [1],
-        "warningText": [1, "warning-text"],
-        "infoText": [1, "info-text"],
-        "invalidText": [1, "invalid-text"],
-        "validText": [1, "valid-text"],
-        "helperText": [1, "helper-text"],
-        "showTextAsTooltip": [4, "show-text-as-tooltip"],
-        "value": [1025],
-        "allowClear": [4, "allow-clear"],
-        "mode": [1],
-        "editable": [4],
-        "disabled": [4],
-        "readonly": [4],
-        "i18nPlaceholder": [1, "i-1-8n-placeholder"],
-        "i18nPlaceholderEditable": [1, "i-1-8n-placeholder-editable"],
-        "i18nSelectListHeader": [1, "i-1-8n-select-list-header"],
-        "i18nNoMatches": [1, "i-1-8n-no-matches"],
-        "hideListHeader": [4, "hide-list-header"],
-        "dropdownWidth": [1, "dropdown-width"],
-        "dropdownMaxWidth": [1, "dropdown-max-width"],
-        "dropdownShow": [32],
-        "selectedLabels": [32],
-        "isDropdownEmpty": [32],
-        "navigationItem": [32],
-        "inputFilterText": [32],
-        "inputValue": [32],
-        "isInvalid": [32],
-        "isValid": [32],
-        "isInfo": [32],
-        "isWarning": [32],
-        "hasValidValue": [64],
-        "getAssociatedFormElement": [64],
-        "getNativeInputElement": [64],
-        "focusInput": [64],
-        "isTouched": [64]
-    }, [[0, "itemClick", "onItemClicked"], [0, "ix-select-item:valueChange", "onLabelChange"], [0, "ix-select-item:labelChange", "onLabelChange"]], {
-        "value": ["watchValue"],
-        "dropdownShow": ["watchDropdownShow"]
-    }]);
-__decorate([
-    OnListener('keydown', (self) => self.dropdownShow)
-], Select.prototype, "onKeyDown", null);
-__decorate([
-    HookValidationLifecycle()
-], Select.prototype, "onValidationChange", null);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ix-select", "ix-dropdown", "ix-dropdown-item", "ix-field-label", "ix-field-wrapper", "ix-filter-chip", "ix-icon-button", "ix-select-item", "ix-spinner", "ix-tooltip", "ix-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ix-select":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Select);
-            }
-            break;
-        case "ix-dropdown":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "ix-dropdown-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "ix-field-label":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "ix-field-wrapper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "ix-filter-chip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "ix-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "ix-select-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "ix-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ix-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ix-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { Select as S, defineCustomElement as d };
-//# sourceMappingURL=p-B3NgetSU.js.map
-
-//# sourceMappingURL=p-B3NgetSU.js.map