@shoper/phoenix_design_system 1.18.1 → 1.18.2

package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option_content.js

@@ -1,18 +1,16 @@
-import { __decorate } from '../../../../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
-import { SELECT_RELATED_COMPONENTS_NAMES } from '../select_components_constatns.js';
-import { SELECT_OPTION_CSS_CLASSES } from './select_option_constants.js';
-
-let HOptionContent = class HOptionContent extends PhoenixLightLitElement {
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(SELECT_OPTION_CSS_CLASSES.selectOptionContent);
-    }
-};
-HOptionContent = __decorate([
-    phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.optionContent)
+import { __decorate } from "tslib";
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { SELECT_RELATED_COMPONENTS_NAMES } from '@phoenixRoot/components/form/select/components/select_components_constatns';
+import { SELECT_OPTION_CSS_CLASSES } from '@phoenixRoot/components/form/select/components/option/select_option_constants';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+let HOptionContent = class HOptionContent extends PhoenixLightLitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(SELECT_OPTION_CSS_CLASSES.selectOptionContent);
+    }
+};
+HOptionContent = __decorate([
+    phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.optionContent)
 ], HOptionContent);
-
 export { HOptionContent };
-//# sourceMappingURL=select_option_content.js.map
+//# sourceMappingURL=select_option_content.js.map

package/build/esm/packages/phoenix/src/components/form/select/components/option/select_option_content.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,qDAAyD;AACpF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"select_option_content.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/form/select/components/option/select_option_content.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,+BAA+B,EAAE,MAAM,4EAA4E,CAAC;AAC7H,OAAO,EAAE,yBAAyB,EAAE,MAAM,+EAA+E,CAAC;AAC1H,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAG/G,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,sBAAsB;IAC/C,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,mBAAmB,CAAC,CAAC;IACtE,CAAC;CACJ,CAAA;AANY,cAAc;IAD1B,oBAAoB,CAAC,+BAA+B,CAAC,aAAa,CAAC;GACvD,cAAc,CAM1B;SANY,cAAc"}

package/build/esm/packages/phoenix/src/components/form/select/components/search/select_search.d.ts

@@ -1,13 +1,13 @@
-import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { TemplateResult } from 'lit';
-export declare class HSelectSearch extends PhoenixLightLitElement {
-    value: string;
-    placeholder: string;
-    private _$selectOptions;
-    connectedCallback(): void;
-    private _handleSearchKeydown;
-    private _handleDispatchEventOnOptionsList;
-    private _handleFocusOptionOnArrowNavigation;
-    private _handleInputChange;
-    protected render(): TemplateResult;
-}
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { TemplateResult } from 'lit';
+export declare class HSelectSearch extends PhoenixLightLitElement {
+    value: string;
+    placeholder: string;
+    private _$selectOptions;
+    connectedCallback(): void;
+    private _handleSearchKeydown;
+    private _handleDispatchEventOnOptionsList;
+    private _handleFocusOptionOnArrowNavigation;
+    private _handleInputChange;
+    protected render(): TemplateResult;
+}

package/build/esm/packages/phoenix/src/components/form/select/components/search/select_search.js

@@ -1,58 +1,59 @@
-import { __decorate, __metadata } from '../../../../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
 import { html } from 'lit';
+import { debounce } from 'lodash';
+import { SELECT_RELATED_COMPONENTS_NAMES, SELECT_SEARCH_EVENT_NAMES } from '@phoenixRoot/components/form/select/components/select_components_constatns';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../../../core/decorators/phoenix_custom_element.js';
-import { SELECT_SEARCH_EVENT_NAMES, SELECT_RELATED_COMPONENTS_NAMES } from '../select_components_constatns.js';
-import { DROPDOWN_CONTENT_NAME } from '../../../../dropdown/dropdown_constants.js';
-import debounce_1 from '../../../../../../../../external/lodash/debounce.js';
-import { SELECT_SEARCH_CSS_CLASSES } from './select_search_constants.js';
-
-let HSelectSearch = class HSelectSearch extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.value = '';
-        this._$selectOptions = null;
-        this._handleSearchKeydown = (ev) => {
-            if (ev.key !== 'ArrowDown' && ev.key !== 'ArrowUp')
-                return;
-            this._handleFocusOptionOnArrowNavigation();
-            this._handleDispatchEventOnOptionsList(ev);
-        };
-        this._handleDispatchEventOnOptionsList = (ev) => {
-            var _a;
-            const arrowNavigationEvent = new KeyboardEvent('keydown', {
-                key: ev.key
-            });
-            (_a = this._$selectOptions) === null || _a === void 0 ? void 0 : _a.dispatchEvent(arrowNavigationEvent);
-        };
-        this._handleFocusOptionOnArrowNavigation = () => {
-            const $options = this._$selectOptions ? [...this._$selectOptions.querySelectorAll('h-option')] : [];
-            const $availableOptions = $options.filter(($option) => {
-                return !$option.getAttribute('inactive') && !$option.getAttribute('disabled') && !$option.hidden;
-            });
-            const $firstOption = $availableOptions.find(($option) => {
-                return !$option.getAttribute('inactive') && !$option.getAttribute('disabled') && !$option.getAttribute('hidden');
-            });
-            const $selectedOption = $availableOptions.find(($option) => $option.getAttribute('aria-selected'));
-            const $optionToFocus = $selectedOption || $firstOption;
-            $optionToFocus === null || $optionToFocus === void 0 ? void 0 : $optionToFocus.focus();
-        };
-        this._handleInputChange = debounce_1(({ target }) => {
-            this.value = target.value;
-            this.emitCustomEvent(SELECT_SEARCH_EVENT_NAMES.search, {
-                detail: target.value
-            });
-        }, 200);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(SELECT_SEARCH_CSS_CLASSES.selectSearch);
-        const $selectOptionsContainer = this.closest(DROPDOWN_CONTENT_NAME);
-        this._$selectOptions = $selectOptionsContainer === null || $selectOptionsContainer === void 0 ? void 0 : $selectOptionsContainer.querySelector('h-options');
-        this.addEventListener('keydown', this._handleSearchKeydown);
-    }
-    render() {
+import { SELECT_SEARCH_CSS_CLASSES } from '@phoenixRoot/components/form/select/components/search/select_search_constants';
+import '../select_options';
+import { DROPDOWN_CONTENT_NAME } from '@phoenixRoot/components/dropdown/dropdown_constants';
+import '@phoenixRoot/components/dropdown/dropdown_content';
+let HSelectSearch = class HSelectSearch extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+        this._$selectOptions = null;
+        this._handleSearchKeydown = (ev) => {
+            if (ev.key !== 'ArrowDown' && ev.key !== 'ArrowUp')
+                return;
+            this._handleFocusOptionOnArrowNavigation();
+            this._handleDispatchEventOnOptionsList(ev);
+        };
+        this._handleDispatchEventOnOptionsList = (ev) => {
+            var _a;
+            const arrowNavigationEvent = new KeyboardEvent('keydown', {
+                key: ev.key
+            });
+            (_a = this._$selectOptions) === null || _a === void 0 ? void 0 : _a.dispatchEvent(arrowNavigationEvent);
+        };
+        this._handleFocusOptionOnArrowNavigation = () => {
+            const $options = this._$selectOptions ? [...this._$selectOptions.querySelectorAll('h-option')] : [];
+            const $availableOptions = $options.filter(($option) => {
+                return !$option.getAttribute('inactive') && !$option.getAttribute('disabled') && !$option.hidden;
+            });
+            const $firstOption = $availableOptions.find(($option) => {
+                return !$option.getAttribute('inactive') && !$option.getAttribute('disabled') && !$option.getAttribute('hidden');
+            });
+            const $selectedOption = $availableOptions.find(($option) => $option.getAttribute('aria-selected'));
+            const $optionToFocus = $selectedOption || $firstOption;
+            $optionToFocus === null || $optionToFocus === void 0 ? void 0 : $optionToFocus.focus();
+        };
+        this._handleInputChange = debounce(({ target }) => {
+            this.value = target.value;
+            this.emitCustomEvent(SELECT_SEARCH_EVENT_NAMES.search, {
+                detail: target.value
+            });
+        }, 200);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(SELECT_SEARCH_CSS_CLASSES.selectSearch);
+        const $selectOptionsContainer = this.closest(DROPDOWN_CONTENT_NAME);
+        this._$selectOptions = $selectOptionsContainer === null || $selectOptionsContainer === void 0 ? void 0 : $selectOptionsContainer.querySelector('h-options');
+        this.addEventListener('keydown', this._handleSearchKeydown);
+    }
+    render() {
         return html `
             <h-icon icon-name="icon-search" class=${SELECT_SEARCH_CSS_CLASSES.selectSearchIcon}></h-icon>
             <input
@@ -65,20 +66,19 @@ let HSelectSearch = class HSelectSearch extends PhoenixLightLitElement {
                 placeholder=${this.placeholder}
                 @input=${this._handleInputChange}
             />
-        `;
-    }
-};
-__decorate([
-    property({ type: String, reflect: true }),
-    __metadata("design:type", String)
-], HSelectSearch.prototype, "value", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HSelectSearch.prototype, "placeholder", void 0);
-HSelectSearch = __decorate([
-    phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.search)
+        `;
+    }
+};
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", String)
+], HSelectSearch.prototype, "value", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HSelectSearch.prototype, "placeholder", void 0);
+HSelectSearch = __decorate([
+    phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.search)
 ], HSelectSearch);
-
 export { HSelectSearch };
-//# sourceMappingURL=select_search.js.map
+//# sourceMappingURL=select_search.js.map

package/build/esm/packages/phoenix/src/components/form/select/components/search/select_search.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB,qDAAyD;AAChF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"select_search.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/form/select/components/search/select_search.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/phoenix/src/components/form/select/components/search/select_search_constants.d.ts

@@ -1,5 +1,5 @@
-export declare const SELECT_SEARCH_CSS_CLASSES: {
-    readonly selectSearch: "select-search";
-    readonly selectSearchIcon: "select-search__icon";
-    readonly selectSearchInput: "select-search__input";
-};
+export declare const SELECT_SEARCH_CSS_CLASSES: {
+    readonly selectSearch: "select-search";
+    readonly selectSearchIcon: "select-search__icon";
+    readonly selectSearchInput: "select-search__input";
+};

package/build/esm/packages/phoenix/src/components/form/select/components/search/select_search_constants.js

@@ -1,9 +1,7 @@
-const baseClass = 'select-search';
-const SELECT_SEARCH_CSS_CLASSES = {
-    selectSearch: baseClass,
-    selectSearchIcon: `${baseClass}__icon`,
-    selectSearchInput: `${baseClass}__input`
+const baseClass = 'select-search';
+export const SELECT_SEARCH_CSS_CLASSES = {
+    selectSearch: baseClass,
+    selectSearchIcon: `${baseClass}__icon`,
+    selectSearchInput: `${baseClass}__input`
 };
-
-export { SELECT_SEARCH_CSS_CLASSES };
-//# sourceMappingURL=select_search_constants.js.map
+//# sourceMappingURL=select_search_constants.js.map

package/build/esm/packages/phoenix/src/components/form/select/components/search/select_search_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"select_search_constants.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/form/select/components/search/select_search_constants.ts"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,eAAe,CAAC;AAClC,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,YAAY,EAAE,SAAS;IACvB,gBAAgB,EAAE,GAAG,SAAS,QAAQ;IACtC,iBAAiB,EAAE,GAAG,SAAS,SAAS;CAClC,CAAC"}

package/build/esm/packages/phoenix/src/components/form/select/components/select_close_btn.d.ts

@@ -1,8 +1,8 @@
-import { TemplateResult } from 'lit-html';
-import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HSelectCloseBtn extends PhoenixLightLitElement {
-    private _btnController;
-    connectedCallback(): void;
-    private _dispatchCloseEvent;
-    render(): TemplateResult;
-}
+import { TemplateResult } from 'lit-html';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+export declare class HSelectCloseBtn extends PhoenixLightLitElement {
+    private _btnController;
+    connectedCallback(): void;
+    private _dispatchCloseEvent;
+    render(): TemplateResult;
+}

package/build/esm/packages/phoenix/src/components/form/select/components/select_close_btn.js

@@ -1,34 +1,32 @@
-import { __decorate } from '../../../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../../core/decorators/phoenix_custom_element.js';
-import { SELECT_CLOSE_BTN_EVENT_NAMES, SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME, SELECT_RELATED_COMPONENTS_NAMES } from './select_components_constatns.js';
-import { BtnController } from '../../../../controllers/btn_controller/btn_controller.js';
-import { ICONS_SIZES } from '../../../icon/icon_constants.js';
+import { __decorate } from "tslib";
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
 import { html } from 'lit-html';
-
-let HSelectCloseBtn = class HSelectCloseBtn extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._dispatchCloseEvent = () => {
-            this.emitCustomEvent(SELECT_CLOSE_BTN_EVENT_NAMES.close);
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('aria-label', 'close select');
-        if (!this._btnController)
-            this._btnController = new BtnController(this, this._dispatchCloseEvent);
-        this.addEventListener('click', this._dispatchCloseEvent);
-    }
-    render() {
-        return html `${this.hasSlot(SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME)
-            ? this.getSlot(SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME)
-            : html ` <h-icon size=${ICONS_SIZES.l} icon-name="icon-x"></h-icon>`} `;
-    }
-};
-HSelectCloseBtn = __decorate([
-    phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.closeBtn)
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { SELECT_CLOSE_BTN_EVENT_NAMES, SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME, SELECT_RELATED_COMPONENTS_NAMES } from '@phoenixRoot/components/form/select/components/select_components_constatns';
+import { BtnController } from '@phoenixRoot/controllers/btn_controller/btn_controller';
+import { ICONS_SIZES } from '@phoenixRoot/components/icon/icon_constants';
+let HSelectCloseBtn = class HSelectCloseBtn extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this._dispatchCloseEvent = () => {
+            this.emitCustomEvent(SELECT_CLOSE_BTN_EVENT_NAMES.close);
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('aria-label', 'close select');
+        if (!this._btnController)
+            this._btnController = new BtnController(this, this._dispatchCloseEvent);
+        this.addEventListener('click', this._dispatchCloseEvent);
+    }
+    render() {
+        return html `${this.hasSlot(SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME)
+            ? this.getSlot(SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME)
+            : html ` <h-icon size=${ICONS_SIZES.l} icon-name="icon-x"></h-icon>`} `;
+    }
+};
+HSelectCloseBtn = __decorate([
+    phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.closeBtn)
 ], HSelectCloseBtn);
-
 export { HSelectCloseBtn };
-//# sourceMappingURL=select_close_btn.js.map
+//# sourceMappingURL=select_close_btn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,kDAAsD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"select_close_btn.js","sourceRoot":"","sources":["../../../../../../../../../src/components/form/select/components/select_close_btn.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EACH,4BAA4B,EAC5B,qCAAqC,EACrC,+BAA+B,EAClC,MAAM,4EAA4E,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,MAAM,wDAAwD,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAG1E,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,sBAAsB;IAA3D;;QAaY,wBAAmB,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,eAAe,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC;QAC7D,CAAC,CAAC;IAON,CAAC;IAnBU,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;QAEhD,IAAI,CAAC,IAAI,CAAC,cAAc;YAAE,IAAI,CAAC,cAAc,GAAG,IAAI,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAElG,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC7D,CAAC;IAMM,MAAM;QACT,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,OAAO,CAAC,qCAAqC,CAAC;YAC7D,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,qCAAqC,CAAC;YACrD,CAAC,CAAC,IAAI,CAAA,iBAAiB,WAAW,CAAC,CAAC,+BAA+B,GAAG,CAAC;IAC/E,CAAC;CACJ,CAAA;AAtBY,eAAe;IAD3B,oBAAoB,CAAC,+BAA+B,CAAC,QAAQ,CAAC;GAClD,eAAe,CAsB3B;SAtBY,eAAe"}

package/build/esm/packages/phoenix/src/components/form/select/components/select_components_constatns.d.ts

@@ -1,25 +1,25 @@
-export declare const SELECT_OPTION_EVENT_NAMES: {
-    readonly clicked: "optionClicked";
-    readonly updated: "optionUpdated";
-};
-export declare const SELECT_OPTIONS_EVENT_NAMES: {
-    readonly optionClicked: "optionsClicked";
-    readonly optionUpdated: "optionsUpdated";
-};
-export declare const SELECT_SEARCH_EVENT_NAMES: {
-    readonly search: "search";
-};
-export declare const SELECT_CLOSE_BTN_EVENT_NAMES: {
-    readonly close: "close";
-};
-export declare const SELECT_RELATED_COMPONENTS_NAMES: {
-    readonly option: "h-option";
-    readonly options: "h-options";
-    readonly optionContent: "h-option-content";
-    readonly toggler: "h-select-toggler";
-    readonly closeBtn: "h-select-close-btn";
-    readonly search: "h-select-search";
-    readonly placeholder: "h-placeholder";
-};
-export declare const SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME = "content";
-export declare const SELECT_INPUT_PLACEHOLDER_SLOT_NAME = "placeholder";
+export declare const SELECT_OPTION_EVENT_NAMES: {
+    readonly clicked: "optionClicked";
+    readonly updated: "optionUpdated";
+};
+export declare const SELECT_OPTIONS_EVENT_NAMES: {
+    readonly optionClicked: "optionsClicked";
+    readonly optionUpdated: "optionsUpdated";
+};
+export declare const SELECT_SEARCH_EVENT_NAMES: {
+    readonly search: "search";
+};
+export declare const SELECT_CLOSE_BTN_EVENT_NAMES: {
+    readonly close: "close";
+};
+export declare const SELECT_RELATED_COMPONENTS_NAMES: {
+    readonly option: "h-option";
+    readonly options: "h-options";
+    readonly optionContent: "h-option-content";
+    readonly toggler: "h-select-toggler";
+    readonly closeBtn: "h-select-close-btn";
+    readonly search: "h-select-search";
+    readonly placeholder: "h-placeholder";
+};
+export declare const SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME = "content";
+export declare const SELECT_INPUT_PLACEHOLDER_SLOT_NAME = "placeholder";

package/build/esm/packages/phoenix/src/components/form/select/components/select_components_constatns.js

@@ -1,28 +1,26 @@
-const SELECT_OPTION_EVENT_NAMES = {
-    clicked: 'optionClicked',
-    updated: `optionUpdated`
-};
-const SELECT_OPTIONS_EVENT_NAMES = {
-    optionClicked: 'optionsClicked',
-    optionUpdated: 'optionsUpdated'
-};
-const SELECT_SEARCH_EVENT_NAMES = {
-    search: 'search'
-};
-const SELECT_CLOSE_BTN_EVENT_NAMES = {
-    close: 'close'
-};
-const SELECT_RELATED_COMPONENTS_NAMES = {
-    option: 'h-option',
-    options: 'h-options',
-    optionContent: 'h-option-content',
-    toggler: 'h-select-toggler',
-    closeBtn: 'h-select-close-btn',
-    search: 'h-select-search',
-    placeholder: 'h-placeholder'
-};
-const SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME = 'content';
-const SELECT_INPUT_PLACEHOLDER_SLOT_NAME = 'placeholder';
-
-export { SELECT_CLOSE_BTN_EVENT_NAMES, SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME, SELECT_INPUT_PLACEHOLDER_SLOT_NAME, SELECT_OPTIONS_EVENT_NAMES, SELECT_OPTION_EVENT_NAMES, SELECT_RELATED_COMPONENTS_NAMES, SELECT_SEARCH_EVENT_NAMES };
-//# sourceMappingURL=select_components_constatns.js.map
+export const SELECT_OPTION_EVENT_NAMES = {
+    clicked: 'optionClicked',
+    updated: `optionUpdated`
+};
+export const SELECT_OPTIONS_EVENT_NAMES = {
+    optionClicked: 'optionsClicked',
+    optionUpdated: 'optionsUpdated'
+};
+export const SELECT_SEARCH_EVENT_NAMES = {
+    search: 'search'
+};
+export const SELECT_CLOSE_BTN_EVENT_NAMES = {
+    close: 'close'
+};
+export const SELECT_RELATED_COMPONENTS_NAMES = {
+    option: 'h-option',
+    options: 'h-options',
+    optionContent: 'h-option-content',
+    toggler: 'h-select-toggler',
+    closeBtn: 'h-select-close-btn',
+    search: 'h-select-search',
+    placeholder: 'h-placeholder'
+};
+export const SELECT_CLOSE_BUTTON_CONTENT_SLOT_NAME = 'content';
+export const SELECT_INPUT_PLACEHOLDER_SLOT_NAME = 'placeholder';
+//# sourceMappingURL=select_components_constatns.js.map

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

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"select_components_constatns.js","sourceRoot":"","sources":["../../../../../../../../../src/components/form/select/components/select_components_constatns.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,eAAe;CAClB,CAAC;AAEX,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACtC,aAAa,EAAE,gBAAgB;IAC/B,aAAa,EAAE,gBAAgB;CACzB,CAAC;AAEX,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,MAAM,EAAE,QAAQ;CACV,CAAC;AAEX,MAAM,CAAC,MAAM,4BAA4B,GAAG;IACxC,KAAK,EAAE,OAAO;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC3C,MAAM,EAAE,UAAU;IAClB,OAAO,EAAE,WAAW;IACpB,aAAa,EAAE,kBAAkB;IACjC,OAAO,EAAE,kBAAkB;IAC3B,QAAQ,EAAE,oBAAoB;IAC9B,MAAM,EAAE,iBAAiB;IACzB,WAAW,EAAE,eAAe;CACtB,CAAC;AAEX,MAAM,CAAC,MAAM,qCAAqC,GAAG,SAAS,CAAC;AAE/D,MAAM,CAAC,MAAM,kCAAkC,GAAG,aAAa,CAAC"}

package/build/esm/packages/phoenix/src/components/form/select/components/select_components_types.d.ts

@@ -1,4 +1,4 @@
-import { HOption } from "./option/select_option";
-export declare type TSelectOptionClickedEvent = CustomEvent<{
-    $option?: HOption;
-}>;
+import { HOption } from '@phoenixRoot/components/form/select/components/option/select_option';
+export declare type TSelectOptionClickedEvent = CustomEvent<{
+    $option?: HOption;
+}>;

package/build/esm/packages/phoenix/src/components/form/select/components/select_options.d.ts

@@ -1,6 +1,6 @@
-import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HOptions extends PhoenixLightLitElement {
-    constructor();
-    private _dispatchClickedEvent;
-    private _dispatchUpdatedEvent;
-}
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+export declare class HOptions extends PhoenixLightLitElement {
+    constructor();
+    private _dispatchClickedEvent;
+    private _dispatchUpdatedEvent;
+}

package/build/esm/packages/phoenix/src/components/form/select/components/select_options.js

@@ -1,35 +1,34 @@
-import { __decorate, __metadata } from '../../../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { SELECT_OPTION_EVENT_NAMES, SELECT_OPTIONS_EVENT_NAMES, SELECT_RELATED_COMPONENTS_NAMES } from '@phoenixRoot/components/form/select/components/select_components_constatns';
 import '@dreamcommerce/utilities';
-import { PhoenixLightLitElement } from '../../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../../core/decorators/phoenix_custom_element.js';
-import { SELECT_OPTIONS_EVENT_NAMES, SELECT_OPTION_EVENT_NAMES, SELECT_RELATED_COMPONENTS_NAMES } from './select_components_constatns.js';
-
-let HOptions = class HOptions extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._dispatchClickedEvent = ({ detail }) => {
-            this.emitCustomEvent(SELECT_OPTIONS_EVENT_NAMES.optionClicked, {
-                detail: {
-                    $option: detail.$option
-                }
-            });
-        };
-        this._dispatchUpdatedEvent = ({ detail }) => {
-            this.emitCustomEvent(SELECT_OPTIONS_EVENT_NAMES.optionUpdated, {
-                detail: {
-                    $option: detail.$option
-                }
-            });
-        };
-        this.setAttribute('role', 'listbox');
-        this.addEventListener(SELECT_OPTION_EVENT_NAMES.clicked, this._dispatchClickedEvent);
-        this.addEventListener(SELECT_OPTION_EVENT_NAMES.updated, this._dispatchUpdatedEvent);
-    }
-};
-HOptions = __decorate([
-    phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.options),
-    __metadata("design:paramtypes", [])
+import '@phoenixRoot/components/form/select/components/select_components_types';
+let HOptions = class HOptions extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._dispatchClickedEvent = ({ detail }) => {
+            this.emitCustomEvent(SELECT_OPTIONS_EVENT_NAMES.optionClicked, {
+                detail: {
+                    $option: detail.$option
+                }
+            });
+        };
+        this._dispatchUpdatedEvent = ({ detail }) => {
+            this.emitCustomEvent(SELECT_OPTIONS_EVENT_NAMES.optionUpdated, {
+                detail: {
+                    $option: detail.$option
+                }
+            });
+        };
+        this.setAttribute('role', 'listbox');
+        this.addEventListener(SELECT_OPTION_EVENT_NAMES.clicked, this._dispatchClickedEvent);
+        this.addEventListener(SELECT_OPTION_EVENT_NAMES.updated, this._dispatchUpdatedEvent);
+    }
+};
+HOptions = __decorate([
+    phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.options),
+    __metadata("design:paramtypes", [])
 ], HOptions);
-
 export { HOptions };
-//# sourceMappingURL=select_options.js.map
+//# sourceMappingURL=select_options.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,kDAAsD;AAC7F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"select_options.js","sourceRoot":"","sources":["../../../../../../../../../src/components/form/select/components/select_options.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EACH,yBAAyB,EACzB,0BAA0B,EAC1B,+BAA+B,EAClC,MAAM,4EAA4E,CAAC;AACpF,OAA2B,0BAA0B,CAAC;AACtD,OAA0C,wEAAwE,CAAC;AAGnH,IAAa,QAAQ,GAArB,MAAa,QAAS,SAAQ,sBAAsB;IAChD;QACI,KAAK,EAAE,CAAC;QAQJ,0BAAqB,GAAG,CAAC,EAAE,MAAM,EAA6B,EAAE,EAAE;YACtE,IAAI,CAAC,eAAe,CAAC,0BAA0B,CAAC,aAAa,EAAE;gBAC3D,MAAM,EAAE;oBACJ,OAAO,EAAE,MAAM,CAAC,OAAO;iBAC1B;aACJ,CAAC,CAAC;QACP,CAAC,CAAC;QAEM,0BAAqB,GAAG,CAAC,EAAE,MAAM,EAA6B,EAAE,EAAE;YACtE,IAAI,CAAC,eAAe,CAAC,0BAA0B,CAAC,aAAa,EAAE;gBAC3D,MAAM,EAAE;oBACJ,OAAO,EAAE,MAAM,CAAC,OAAO;iBAC1B;aACJ,CAAC,CAAC;QACP,CAAC,CAAC;QApBE,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;QAErC,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;QACrF,IAAI,CAAC,gBAAgB,CAAC,yBAAyB,CAAC,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACzF,CAAC;CAiBJ,CAAA;AAzBY,QAAQ;IADpB,oBAAoB,CAAC,+BAA+B,CAAC,OAAO,CAAC;;GACjD,QAAQ,CAyBpB;SAzBY,QAAQ"}

package/build/esm/packages/phoenix/src/components/form/select/components/toggler/select_toggler.d.ts

@@ -1,16 +1,16 @@
-import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { SelectOption } from "../../model/select_option";
-import { TemplateResult } from 'lit-html';
-import { BehaviorSubject } from "../../../../../core/classes/behavior_subject/behavior_subject";
-export declare class HSelectToggler extends PhoenixLightLitElement {
-    selectedOptions$: BehaviorSubject<SelectOption[]> | null;
-    isMultiselect: boolean;
-    private _contextConsumer;
-    private _selectedOptionsObserver;
-    connectedCallback(): void;
-    private _subscribeObserver;
-    private _handleSelectedOptionChanged;
-    private _dispatchOptionDeselect;
-    disconnectedCallback(): void;
-    render(): TemplateResult | undefined;
-}
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { SelectOption } from '@phoenixRoot/components/form/select/model/select_option';
+import { TemplateResult } from 'lit-html';
+import { BehaviorSubject } from '@phoenixRoot/core/classes/behavior_subject/behavior_subject';
+export declare class HSelectToggler extends PhoenixLightLitElement {
+    selectedOptions$: BehaviorSubject<SelectOption[]> | null;
+    isMultiselect: boolean;
+    private _contextConsumer;
+    private _selectedOptionsObserver;
+    connectedCallback(): void;
+    private _subscribeObserver;
+    private _handleSelectedOptionChanged;
+    private _dispatchOptionDeselect;
+    disconnectedCallback(): void;
+    render(): TemplateResult | undefined;
+}