@shoper/phoenix_design_system 1.18.1 → 1.18.2

package/build/cjs/packages/phoenix/src/components/form/select/select.js

@@ -1,540 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
-var lit = require('lit');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var decorators_js = require('@lit/reactive-element/decorators.js');
-var select_components_constatns = require('./components/select_components_constatns.js');
-var observer = require('../../../core/classes/observer/observer.js');
-var icon = require('../../icon/icon.js');
-var select_option$1 = require('./components/option/select_option.js');
-var select_option = require('./model/select_option.js');
-var select_constants = require('./select_constants.js');
-var observable_directive = require('../../../directives/observable_directive.js');
-var select_toggler = require('./components/toggler/select_toggler.js');
-var ref_js = require('lit-html/directives/ref.js');
-var context_provider_controller = require('../../../core/context/context_provider_controller.js');
-var v4 = require('../../../../../../external/uuid/dist/esm-browser/v4.js');
-var dropdown_content = require('../../dropdown/dropdown_content.js');
-var dropdown_toggler = require('../../dropdown/dropdown_toggler.js');
-var dropdown = require('../../dropdown/dropdown.js');
-var select_close_btn = require('./components/select_close_btn.js');
-var select_search = require('./components/search/select_search.js');
-var list_box_keyboard_controller = require('../../../controllers/list_box_controller/list_box_keyboard_controller.js');
-var multi_select_controller = require('./controllers/multi_select_controller.js');
-var select_utils = require('./select_utils.js');
-var select_controller = require('./controllers/select_controller.js');
-var select_option_mapper = require('./model/select_option_mapper.js');
-var repeat = require('lit/directives/repeat');
-var select_toggler_keyboard_controller = require('./controllers/select_toggler_keyboard_controller/select_toggler_keyboard_controller.js');
-
-exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        var _a;
-        super();
-        this.multiple = false;
-        this.opened = false;
-        this.offset = 2;
-        this.searchDisabled = false;
-        this.type = select_constants.SELECT_TYPES.select;
-        this.noDeselect = false;
-        this.assistiveTitleId = '';
-        this.translations = {};
-        this._selectOptionsId = v4['default']();
-        this._searchValue = '';
-        this._$options = new Map();
-        this.$dropdown = ref_js.createRef();
-        this.$search = ref_js.createRef();
-        this._$optionsList = ref_js.createRef();
-        this._$dropdownContent = ref_js.createRef();
-        this.$dropdownToggler = ref_js.createRef();
-        this._selectContext = new context_provider_controller.ContextProviderController(this);
-        this._updateOptions = () => {
-            const $options = this._getOptions();
-            this._$options = $options.reduce((acc, $option) => {
-                const value = $option.getAttribute('value');
-                if (!value)
-                    throw Error('Select option must hava a value');
-                if (acc.has(value))
-                    throw Error('Select options must hava a unique values.');
-                return acc.set(value, $option);
-            }, new Map());
-            const options = $options.map(select_option_mapper.SelectOptionMapper.toModel);
-            this._selectController.options$.notify(options);
-            if (options.length)
-                this._selectController.selectedOptions$.notify(options.filter((option) => option.selected));
-        };
-        this._getOptions = () => {
-            let $options;
-            if (this.optionsList) {
-                $options = this.optionsList.map((option) => {
-                    return select_utils.SelectControlUtils.createHTMLOption(select_option.SelectOption.create(option));
-                });
-            }
-            else {
-                $options = this.hasSlot(select_constants.SELECT_SLOT_NAMES.content)
-                    ? this.getSlot(select_constants.SELECT_SLOT_NAMES.content)
-                        .map((litElement) => litElement.values[0])
-                        .filter((element) => element instanceof select_option$1.HOption)
-                    : Array.from(this.querySelectorAll(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option));
-            }
-            return $options;
-        };
-        this._handleOptionDeselect = (event) => {
-            const selectedOption = this._selectController.getOption(event.detail);
-            if (!selectedOption)
-                return;
-            this._selectController.deselect(selectedOption);
-            this._dispatchChangeEvent();
-        };
-        this._updateOptionsView = (options) => {
-            if (options.length < Array.from(this._$options.keys()).length)
-                this._removeHTMLOptions(options.map((option) => option.value));
-            options
-                .filter((option) => !option.inactive)
-                .forEach((option, index) => {
-                const { selected, value } = option;
-                const $option = this._$options.get(value);
-                if (!$option) {
-                    this._appendNewHTMLOption(option, index + 1);
-                    return;
-                }
-                select_utils.SelectControlUtils.syncHTMLOptionWithModel(option, $option);
-                if (!selected)
-                    return;
-                this.updateOptionAriaAttribute($option);
-            });
-        };
-        this._updateLabelAria = (options) => {
-            var _a, _b;
-            if (!this.$searchLabel)
-                return;
-            (_a = this.$searchLabel.querySelector(`[id="value-label"]`)) === null || _a === void 0 ? void 0 : _a.remove();
-            this.$searchLabel.innerHTML = `
-            ${(_b = this.$searchLabel) === null || _b === void 0 ? void 0 : _b.innerHTML}
-            <span id="value-label" class="sr-only">
-                ${options.reduce((totalSelectedContent, currentOption) => (totalSelectedContent += currentOption.content), '')}
-            </span>
-        `;
-        };
-        this._handleOptionClicked = ({ detail }) => {
-            if (!(detail === null || detail === void 0 ? void 0 : detail.$option))
-                return;
-            this._selectOption(detail.$option.value);
-        };
-        this._handleOptionUpdated = ({ detail }) => {
-            if (!(detail === null || detail === void 0 ? void 0 : detail.$option))
-                return;
-            const $option = detail.$option;
-            this._selectController.updateOption($option.value, {
-                inactive: $option.inactive,
-                hidden: $option.hidden
-            });
-        };
-        this._handleDropdownHidden = () => {
-            var _a, _b, _c;
-            this._searchValue = '';
-            this.opened = false;
-            (_a = this.$dropdownToggler.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-activedescendant', '');
-            const isBodyActive = document.activeElement === document.body;
-            const isInnerElementActive = (_b = this._$dropdownContent.value) === null || _b === void 0 ? void 0 : _b.contains(document.activeElement);
-            if (isInnerElementActive || isBodyActive) {
-                (_c = this.$dropdownToggler.value) === null || _c === void 0 ? void 0 : _c.focus();
-            }
-        };
-        this._manageSelectFocusAria = (ev) => {
-            var _a;
-            const $target = ev.target;
-            if (!$target)
-                return;
-            const optionId = $target.id;
-            if (optionId) {
-                (_a = this.$dropdownToggler.value) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-activedescendant', optionId);
-            }
-        };
-        this._closeSelect = () => {
-            var _a;
-            if (!this.opened)
-                return;
-            (_a = this.$dropdown.value) === null || _a === void 0 ? void 0 : _a.hide();
-        };
-        this._clearOptions = () => {
-            this._selectController.deselectAll();
-            this._dispatchChangeEvent();
-        };
-        this._dispatchChangeEvent = () => {
-            this.emitEvent('change');
-        };
-        const $options = Array.from(this.querySelectorAll(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option));
-        $options.forEach(($option) => $option.setAttribute('slot', select_constants.SELECT_SLOT_NAMES.content));
-        this.$placeholder = (_a = this.querySelector(`[slot="${select_components_constatns.SELECT_INPUT_PLACEHOLDER_SLOT_NAME}"]`)) !== null && _a !== void 0 ? _a : 'Select';
-        if (this.multiple)
-            this.type = select_constants.SELECT_TYPES.multiple;
-    }
-    get selectedIndex() {
-        const selectedOptions = this._selectController.selectedOptions$.getValue();
-        if (!selectedOptions || selectedOptions.length === 0)
-            return -1;
-        const htmlOptions = Array.from(this._$options.values());
-        return this.multiple
-            ? select_utils.SelectControlUtils.getFirstIndexSelectedOption(htmlOptions)
-            : select_utils.SelectControlUtils.getLastIndexOfSelectedOption(htmlOptions);
-    }
-    set selectedIndex(index) {
-        const option = Array.from(this._$options.values()).filter(($option) => !$option.hidden)[index];
-        option ? this._selectOption(option.value) : this._selectController.deselectAll();
-        Array.from(this._$options.values()).forEach(($option) => this.updateOptionAriaAttribute($option));
-    }
-    get selectedOptions() {
-        var _a;
-        const selectedOptions = (_a = this._selectController.selectedOptions$.getValue()) !== null && _a !== void 0 ? _a : [];
-        return selectedOptions.filter((option) => option.selected).map((option) => this._$options.get(option.value));
-    }
-    get name() {
-        return this.controlName;
-    }
-    get id() {
-        return this.controlId;
-    }
-    get options() {
-        return Array.from(this._$options.values());
-    }
-    updated(changedProperties) {
-        var _a, _b;
-        super.updated(changedProperties);
-        if (changedProperties.has('opened')) {
-            if (this.opened) {
-                this.classList.add(select_constants.SELECT_CSS_CLASSES.selectOpened);
-                this._focusElementAfterSelectOpened();
-            }
-            else {
-                this.classList.remove(select_constants.SELECT_CSS_CLASSES.selectOpened);
-            }
-        }
-        if (changedProperties.has('optionsList')) {
-            this._updateOptions();
-        }
-        if (this._$optionsList.value) {
-            (_a = this.listBoxController) === null || _a === void 0 ? void 0 : _a.hostDisconnected();
-            this.listBoxController = new list_box_keyboard_controller.ListBoxKeyboardController({
-                host: this,
-                $list: this._$optionsList.value
-            });
-        }
-        if (this.listBoxController) {
-            this.listBoxController.calculateSelectedOptionIndex();
-        }
-        if (this._$optionsList.value && this.$dropdownToggler.value) {
-            (_b = this._selectTogglerKeyboardController) === null || _b === void 0 ? void 0 : _b.hostDisconnected();
-            this._selectTogglerKeyboardController = new select_toggler_keyboard_controller.SelectTogglerKeyboardController({
-                host: this,
-                $toggler: this.$dropdownToggler.value,
-                $list: this._$optionsList.value
-            });
-        }
-    }
-    _focusElementAfterSelectOpened() {
-        var _a;
-        const $searchInput = (_a = this.$search.value) === null || _a === void 0 ? void 0 : _a.querySelector('[role="search"]');
-        const $options = this._$optionsList.value ? [...this._$optionsList.value.querySelectorAll('h-option')] : [];
-        const $firstOption = $options.find(($option) => {
-            return !$option.getAttribute('inactive') && !$option.getAttribute('disabled') && !$option.getAttribute('hidden');
-        });
-        const $selectedOption = this.selectedOptions[0];
-        const $optionToFocus = $selectedOption || $firstOption;
-        $searchInput ? $searchInput.focus() : $optionToFocus === null || $optionToFocus === void 0 ? void 0 : $optionToFocus.focus();
-    }
-    connectedCallback() {
-        var _a;
-        super.connectedCallback();
-        this.classList.add(select_constants.SELECT_CSS_CLASSES.select);
-        if (!this.searchDisabled) {
-            this.classList.add(select_constants.SELECT_CSS_CLASSES.selectWithSearch);
-        }
-        this.$searchLabel = document.querySelector(`[id="${this.assistiveTitleId}"]`);
-        (_a = this.$searchLabel) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-hidden', 'true');
-        this._selectController = this.multiple ? new multi_select_controller.MultiSelectController({ host: this }) : new select_controller.SelectController({ host: this });
-        this._selectContext.provide(select_constants.SELECT_CONTEXTS.selectedOptions$, this._selectController.selectedOptions$);
-        this._selectContext.provide(select_constants.SELECT_CONTEXTS.isMultiselect, this.multiple);
-        this._optionsObserver = new observer.Observer((selectedOptions) => this._updateOptionsView(selectedOptions));
-        this._selectController.options$.subscribe(this._optionsObserver);
-        this._selectedOptionsAriaObserver = new observer.Observer((selectedOptions) => this._updateLabelAria(selectedOptions));
-        this._selectController.selectedOptions$.subscribe(this._selectedOptionsAriaObserver);
-        this._updateOptions();
-        this._setupEvents();
-    }
-    attributeChangedCallback(name, _old, value) {
-        super.attributeChangedCallback(name, _old, value);
-        switch (name) {
-            case 'error':
-                this.error ? this.classList.add(select_constants.SELECT_CSS_CLASSES.selectError) : this.classList.remove(select_constants.SELECT_CSS_CLASSES.selectError);
-                break;
-            case 'disabled':
-                this.disabled ? this.classList.add(select_constants.SELECT_CSS_CLASSES.selectDisabled) : this.classList.remove(select_constants.SELECT_CSS_CLASSES.selectDisabled);
-        }
-    }
-    _setupEvents() {
-        this.addEventListener(select_constants.SELECT_EVENT_NAMES.deselectOption, this._handleOptionDeselect);
-        this.addEventListener(select_components_constatns.SELECT_CLOSE_BTN_EVENT_NAMES.close, this._closeSelect);
-    }
-    _appendNewHTMLOption(option, position) {
-        const $list = this._$optionsList.value;
-        if (!$list)
-            return;
-        const { value, selected } = option;
-        const $option = select_utils.SelectControlUtils.createHTMLOption(option);
-        if (selected)
-            this.updateOptionAriaAttribute($option);
-        this._$options.set(value, $option);
-        select_utils.SelectControlUtils.appendHTMLOption($option, $list, position);
-    }
-    updateOptionAriaAttribute($option) {
-        if (!this.multiple) {
-            const $options = this._$optionsList.value ? [...this._$optionsList.value.querySelectorAll('h-option')] : [];
-            $options.forEach(($option) => $option.removeAttribute('aria-selected'));
-        }
-        $option.setAttribute(this.multiple ? 'aria-checked' : 'aria-selected', String($option.selected));
-    }
-    _removeHTMLOptions(optionsValues) {
-        this._$options = select_utils.SelectControlUtils.removeHTMLOptions(Array.from(this._$options.values()), optionsValues);
-    }
-    _selectOption(value) {
-        const option = this._selectController.getOption(value);
-        if (!option)
-            return;
-        const $selectedOption = this._$options.get(option.value);
-        const $selectedOptionLink = $selectedOption === null || $selectedOption === void 0 ? void 0 : $selectedOption.querySelector('a');
-        if ($selectedOptionLink) {
-            $selectedOptionLink.click();
-            return;
-        }
-        this.noDeselect ? this._selectController.select(option) : this._selectController.toggle(option);
-        if (!this.multiple)
-            this._closeSelect();
-        this._dispatchChangeEvent();
-    }
-    _handleSearch({ detail }) {
-        this._searchValue = detail;
-    }
-    update(changedProperties) {
-        super.update(changedProperties);
-        if (changedProperties.has('_searchValue'))
-            this._selectController.filter(this._searchValue);
-    }
-    add(option, position) {
-        this._selectController.add(option, position);
-    }
-    removeOption(optionValue) {
-        this._selectController.remove(optionValue);
-    }
-    replace(options) {
-        this._selectController.replace(options);
-    }
-    getOption(value) {
-        return this._selectController.getOption(value);
-    }
-    select(option) {
-        this._selectController.select(option);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this._selectController.options$.unsubscribe(this._optionsObserver);
-        this._$options.clear();
-    }
-    _getClonedPlaceholderElement() {
-        return this.$placeholder instanceof HTMLElement ? this.$placeholder.cloneNode(true) : this.$placeholder;
-    }
-    _searchNoResult() {
-        return Boolean(!this._selectController.visibleOptionsCount && Array.from(this._$options.keys()).length);
-    }
-    _renderOption(option) {
-        const fragment = document.createDocumentFragment();
-        fragment.appendChild(option);
-        return fragment;
-    }
-    render() {
-        var _a, _b, _c, _d, _e;
-        const options = (_a = this._selectController.options$.getValue()) !== null && _a !== void 0 ? _a : [];
-        const isSearchEnabled = !this.searchDisabled && options.length > select_constants.MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH;
-        return lit.html `
-            <h-dropdown
-                ${ref_js.ref(this.$dropdown)}
-                @showed=${() => (this.opened = true)}
-                @hidden=${this._handleDropdownHidden}
-                name="${this.controlName}"
-                offset=${this.offset}
-                content-width="full"
-                prevent-focus-trap
-                no-autofocus
-            >
-                <h-dropdown-toggler
-                    ${ref_js.ref(this.$dropdownToggler)}
-                    name="${this.controlName}"
-                    validation-container
-                    aria-haspopup="listbox"
-                    role="combobox"
-                    aria-required="${this.required ? 'true' : 'false'}"
-                    aria-activedescendant
-                    role="combobox"
-                    aria-controls="${this._selectOptionsId}"
-                >
-                    ${this.getSlot(select_constants.SELECT_SLOT_NAMES.toggler)}
-                </h-dropdown-toggler>
-
-                <h-dropdown-content
-                    class="${select_constants.SELECT_CSS_CLASSES.selectContent} ${this.error ? select_constants.SELECT_CSS_CLASSES.selectContentError : ''}"
-                    ${ref_js.ref(this._$dropdownContent)}
-                    name="${this.controlName}"
-                    @focusin="${this._manageSelectFocusAria}"
-                >
-                    <h-select-close-btn class="${select_constants.SELECT_CSS_CLASSES.selectCloseMobileButton}" @close=${this._closeSelect}></h-select-close-btn>
-
-                    <div class=${select_constants.SELECT_CSS_CLASSES.selectLabel}>${lit.html `${this._getClonedPlaceholderElement()}`}</div>
-
-                    ${isSearchEnabled
-            ? lit.html ` <h-select-search
-                              class=${select_constants.SELECT_CSS_CLASSES.selectSearch}
-                              ${ref_js.ref(this.$search)}
-                              .value=${this._searchValue}
-                              placeholder=${((_b = this.translations) === null || _b === void 0 ? void 0 : _b.search) || select_constants.SELECT_DEFAULT_TRANSLATIONS.SEARCH}
-                              @search=${this._handleSearch}
-                          ></h-select-search>`
-            : lit.nothing}
-
-                    <h-options
-                        class="${select_constants.SELECT_CSS_CLASSES.selectOptions} ${this._searchNoResult() ? select_constants.SELECT_CSS_CLASSES.selectOptionsEmpty : ''}"
-                        aria-labelledby="${this.assistiveTitleId}"
-                        id="${this._selectOptionsId}"
-                        ${ref_js.ref(this._$optionsList)}
-                        @optionClicked=${this._handleOptionClicked}
-                        @optionUpdated=${this._handleOptionUpdated}
-                    >
-                        ${Array.from(this._$options.entries()).length > 0
-            ? repeat.repeat(Array.from(this._$options.values()), (option) => option.value, (option) => this._renderOption(option))
-            : lit.nothing}
-                    </h-options>
-
-                    ${this._searchNoResult()
-            ? lit.html ` <div>
-                              <p class=${select_constants.SELECT_CSS_CLASSES.selectNoResult}>
-                                  ${((_c = this.translations) === null || _c === void 0 ? void 0 : _c.noResultsFor) || select_constants.SELECT_DEFAULT_TRANSLATIONS.NO_RESULTS_FOR}:
-                                  <em class=${select_constants.SELECT_CSS_CLASSES.selectSearchedPhrase}>"${this._searchValue}"</em>
-                              </p>
-                          </div>`
-            : lit.nothing}
-                    ${this.multiple && this._selectController.selectedOptionsCount >= 1
-            ? lit.html `
-                              <section class=${select_constants.SELECT_CSS_CLASSES.selectFooter}>
-                                  <button class="${select_constants.SELECT_CSS_CLASSES.selectClearButton}" @click=${this._clearOptions}>
-                                      ${((_d = this.translations) === null || _d === void 0 ? void 0 : _d.reset) || select_constants.SELECT_DEFAULT_TRANSLATIONS.RESET}
-                                  </button>
-                                  <h-select-close-btn class="${select_constants.SELECT_CSS_CLASSES.selectCloseButton}" @close=${this._closeSelect}
-                                      ><span slot=${select_components_constatns.SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME}
-                                          >${((_e = this.translations) === null || _e === void 0 ? void 0 : _e.choose) || select_constants.SELECT_DEFAULT_TRANSLATIONS.CHOOSE}</span
-                                      >
-                                  </h-select-close-btn>
-                              </section>
-                          `
-            : lit.nothing}
-                </h-dropdown-content>
-            </h-dropdown>
-
-            ${observable_directive.observe(this._selectController.selectedOptions$, (selectOptions) => selectOptions.map((option) => lit.html `<input type="hidden" name=${this.controlName} value=${option.value} />`))}
-        `;
-    }
-};
-exports.HSelect._components = {
-    search: select_search.HSelectSearch,
-    icon: icon.HIcon,
-    closeBtn: select_close_btn.HSelectCloseBtn,
-    toggler: select_toggler.HSelectToggler,
-    dropdown: dropdown.HDropdown,
-    dropdownContent: dropdown_content.HDropdownContent,
-    dropdownToggler: dropdown_toggler.HDropdownToggler
-};
-tslib_es6.__decorate([
-    decorators_js.property({ type: String, attribute: 'control-name' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HSelect.prototype, "controlName", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: String, attribute: 'control-id' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HSelect.prototype, "controlId", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HSelect.prototype, "multiple", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean, reflect: true }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HSelect.prototype, "opened", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Number }),
-    tslib_es6.__metadata("design:type", Number)
-], exports.HSelect.prototype, "offset", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HSelect.prototype, "error", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HSelect.prototype, "disabled", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean, attribute: 'search-disabled' }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HSelect.prototype, "searchDisabled", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HSelect.prototype, "type", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HSelect.prototype, "required", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Array }),
-    tslib_es6.__metadata("design:type", Array)
-], exports.HSelect.prototype, "optionsList", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: Boolean, attribute: 'no-deselect' }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HSelect.prototype, "noDeselect", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({ type: String, attribute: 'assistive-title-id' }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HSelect.prototype, "assistiveTitleId", void 0);
-tslib_es6.__decorate([
-    decorators_js.property({
-        converter: {
-            fromAttribute(value) {
-                if (!value)
-                    return select_constants.SELECT_DEFAULT_TRANSLATIONS;
-                try {
-                    const parsed = JSON.parse(value);
-                    if (typeof parsed !== 'object' || Array.isArray(parsed) || parsed === null) {
-                        return select_constants.SELECT_DEFAULT_TRANSLATIONS;
-                    }
-                    return { ...select_constants.SELECT_DEFAULT_TRANSLATIONS, ...parsed };
-                }
-                catch (_a) {
-                    return select_constants.SELECT_DEFAULT_TRANSLATIONS;
-                }
-            }
-        }
-    }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HSelect.prototype, "translations", void 0);
-tslib_es6.__decorate([
-    decorators.state(),
-    tslib_es6.__metadata("design:type", String)
-], exports.HSelect.prototype, "_searchValue", void 0);
-exports.HSelect = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-select'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HSelect);
-//# sourceMappingURL=select.js.map

package/build/cjs/packages/phoenix/src/components/form/select/select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,wDAA4D;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/select/select_constants.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const SELECT_CONTEXTS = {
-    isMultiselect: 'isMultiselect',
-    selectedOptions$: 'selectedOptions$'
-};
-const SELECT_SLOT_NAMES = {
-    content: 'content',
-    toggler: 'toggler'
-};
-const SELECT_TYPES = {
-    select: 'select-one',
-    multiple: 'select-multiple'
-};
-const SELECT_EVENT_NAMES = {
-    selectOption: 'select',
-    deselectOption: 'deselect'
-};
-const MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH = 6;
-const baseSelectClass = 'select';
-const SELECT_CSS_CLASSES = {
-    select: baseSelectClass,
-    selectOpened: `${baseSelectClass}_opened`,
-    selectError: `${baseSelectClass}_error`,
-    selectDisabled: `${baseSelectClass}_disabled`,
-    selectWithSearch: `${baseSelectClass}_with-search`,
-    selectSearch: `${baseSelectClass}__search`,
-    selectOptions: `${baseSelectClass}__options`,
-    selectOptionsEmpty: `${baseSelectClass}__options_empty`,
-    selectContent: `${baseSelectClass}__content`,
-    selectContentError: `${baseSelectClass}__content_error`,
-    selectFooter: `${baseSelectClass}__footer`,
-    selectNoResult: `${baseSelectClass}__no-result`,
-    selectSearchedPhrase: `${baseSelectClass}__searched-phrase`,
-    selectCloseMobileButton: `${baseSelectClass}__close-mobile-btn`,
-    selectClearButton: `${baseSelectClass}__clear-btn`,
-    selectCloseButton: `${baseSelectClass}__close-btn`,
-    selectLabel: `${baseSelectClass}__label`
-};
-const SELECT_DEFAULT_TRANSLATIONS = {
-    NO_RESULTS_FOR: 'Brak wyników dla',
-    RESET: 'Reset',
-    CHOOSE: 'Choose',
-    SEARCH: 'Szukaj'
-};
-
-exports.MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH = MIN_NUMBER_OF_OPTIONS_TO_SHOW_SEARCH;
-exports.SELECT_CONTEXTS = SELECT_CONTEXTS;
-exports.SELECT_CSS_CLASSES = SELECT_CSS_CLASSES;
-exports.SELECT_DEFAULT_TRANSLATIONS = SELECT_DEFAULT_TRANSLATIONS;
-exports.SELECT_EVENT_NAMES = SELECT_EVENT_NAMES;
-exports.SELECT_SLOT_NAMES = SELECT_SLOT_NAMES;
-exports.SELECT_TYPES = SELECT_TYPES;
-//# sourceMappingURL=select_constants.js.map

package/build/cjs/packages/phoenix/src/components/form/select/select_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/form/select/select_utils.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var select_components_constatns = require('./components/select_components_constatns.js');
-
-class SelectControlUtils {
-    static createHTMLOption(option) {
-        const { selected, value, disabled, hidden, content } = option;
-        const $option = document.createElement(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option);
-        $option.setAttribute('value', String(value));
-        const $optionContent = document.createElement(select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.optionContent);
-        $optionContent.innerText = content;
-        $option.append($optionContent);
-        if (selected)
-            $option.setAttribute('selected', '');
-        if (disabled)
-            $option.setAttribute('disabled', '');
-        if (hidden)
-            $option.setAttribute('hidden', '');
-        return $option;
-    }
-    static syncHTMLOptionWithModel(option, $option) {
-        const { selected, value, disabled, hidden } = option;
-        $option.selected = selected;
-        $option.value = value;
-        $option.disabled = disabled;
-        $option.hidden = hidden;
-    }
-    static removeHTMLOptions($options, optionsValuesThatExists) {
-        return $options.reduce((acc, $option) => {
-            if (optionsValuesThatExists.includes($option.value))
-                return acc.set($option.value, $option);
-            $option.remove();
-            return acc;
-        }, new Map());
-    }
-    static appendHTMLOption($option, $list, position) {
-        if (position !== undefined) {
-            const $nextOption = $list.querySelector(`${select_components_constatns.SELECT_RELATED_COMPONENTS_NAMES.option}:nth-child(${position})`);
-            $nextOption ? $nextOption.insertAdjacentElement('beforebegin', $option) : $list.append($option);
-            return;
-        }
-        $list.append($option);
-    }
-    static getFirstIndexSelectedOption(options) {
-        return options.findIndex((option) => option.selected);
-    }
-    static getLastIndexOfSelectedOption(options) {
-        const firstIndexInReversed = [...options].reverse().findIndex((option) => option.selected);
-        return options.length - firstIndexInReversed - 1;
-    }
-}
-
-exports.SelectControlUtils = SelectControlUtils;
-//# sourceMappingURL=select_utils.js.map

package/build/cjs/packages/phoenix/src/components/form/select/select_utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}