@shoper/phoenix_design_system 1.3.0 → 1.3.2

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

@@ -1,20 +1,20 @@
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-import { PropertyValues } from '@lit/reactive-element';
-export declare class HOption extends PhoenixLightLitElement {
-    value: string;
-    selected: boolean;
-    disabled: boolean;
-    hidden: boolean;
-    inactive: boolean;
-    clickable: boolean;
-    private _btnController;
-    private _$checkedIcon?;
-    connectedCallback(): void;
-    private _setupEvents;
-    private _dispatchClickedEvent;
-    updated(changedProperties: PropertyValues): void;
-    private _dispatchSelectUpdated;
-    private _dispatchEvent;
-    private _addSelectedIcon;
-    private _removeSelectedIcon;
-}
+import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { PropertyValues } from '@lit/reactive-element';
+export declare class HOption extends PhoenixLightLitElement {
+    value: string;
+    selected: boolean;
+    disabled: boolean;
+    hidden: boolean;
+    inactive: boolean;
+    clickable: boolean;
+    private _btnController;
+    private _$checkedIcon?;
+    connectedCallback(): void;
+    private _setupEvents;
+    private _dispatchClickedEvent;
+    updated(changedProperties: PropertyValues): void;
+    private _dispatchSelectUpdated;
+    private _dispatchEvent;
+    private _addSelectedIcon;
+    private _removeSelectedIcon;
+}

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

@@ -1,89 +1,90 @@
-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 { __decorate, __metadata } 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 { property } from '@lit/reactive-element/decorators.js';
-import { SELECT_OPTION_EVENT_NAMES, SELECT_RELATED_COMPONENTS_NAMES } from '@phoenixRoot/components/form/select/components/select_components_constatns';
-import { BtnController } from '@phoenixRoot/controllers/btn_controller/btn_controller';
-import { SELECT_OPTION_CSS_CLASSES } from '@phoenixRoot/components/form/select/components/option/select_option_constants';
-import '@phoenixRoot/components/icon/icon';
+import { SELECT_OPTION_EVENT_NAMES, SELECT_RELATED_COMPONENTS_NAMES } from '../select_components_constatns.js';
+import { BtnController } from '../../../../../controllers/btn_controller/btn_controller.js';
+import { SELECT_OPTION_CSS_CLASSES } from './select_option_constants.js';
 import '@lit/reactive-element';
-let HOption = class HOption extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this._dispatchClickedEvent = () => {
-            if (this.disabled && !this.clickable)
-                return;
-            this._dispatchEvent(SELECT_OPTION_EVENT_NAMES.clicked);
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (!this._btnController)
-            this._btnController = new BtnController(this, this._dispatchClickedEvent, {
-                isNavigable: false
-            });
-        this.classList.add(SELECT_OPTION_CSS_CLASSES.selectOption);
-        this.setAttribute('role', 'option');
-        this._setupEvents();
-    }
-    _setupEvents() {
-        this.addEventListener('click', this._dispatchClickedEvent);
-    }
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        if (changedProperties.has('selected'))
-            this.selected ? this._addSelectedIcon() : this._removeSelectedIcon();
-        if (changedProperties.has('inactive') || changedProperties.has('hidden') || changedProperties.has('disabled'))
-            this._dispatchSelectUpdated();
-    }
-    _dispatchSelectUpdated() {
-        this._dispatchEvent(SELECT_OPTION_EVENT_NAMES.updated);
-    }
-    _dispatchEvent(eventName) {
-        this.dispatchEvent(new CustomEvent(eventName, {
-            bubbles: true,
-            detail: {
-                $option: this
-            }
-        }));
-    }
-    _addSelectedIcon() {
-        this._$checkedIcon = document.createElement('h-icon');
-        this._$checkedIcon.setAttribute('icon-name', 'icon-check');
-        this.append(this._$checkedIcon);
-    }
-    _removeSelectedIcon() {
-        var _a;
-        (_a = this._$checkedIcon) === null || _a === void 0 ? void 0 : _a.remove();
-        this._$checkedIcon = undefined;
-    }
-};
-__decorate([
-    property({ type: String, reflect: true }),
-    __metadata("design:type", String)
-], HOption.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
-], HOption.prototype, "selected", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
-], HOption.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
-], HOption.prototype, "hidden", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
-], HOption.prototype, "inactive", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true }),
-    __metadata("design:type", Boolean)
-], HOption.prototype, "clickable", void 0);
-HOption = __decorate([
-    phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.option)
+
+let HOption = class HOption extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this._dispatchClickedEvent = () => {
+            if (this.disabled && !this.clickable)
+                return;
+            this._dispatchEvent(SELECT_OPTION_EVENT_NAMES.clicked);
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this._btnController)
+            this._btnController = new BtnController(this, this._dispatchClickedEvent, {
+                isNavigable: false
+            });
+        this.classList.add(SELECT_OPTION_CSS_CLASSES.selectOption);
+        this.setAttribute('role', 'option');
+        this._setupEvents();
+    }
+    _setupEvents() {
+        this.addEventListener('click', this._dispatchClickedEvent);
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('selected'))
+            this.selected ? this._addSelectedIcon() : this._removeSelectedIcon();
+        if (changedProperties.has('inactive') || changedProperties.has('hidden') || changedProperties.has('disabled'))
+            this._dispatchSelectUpdated();
+    }
+    _dispatchSelectUpdated() {
+        this._dispatchEvent(SELECT_OPTION_EVENT_NAMES.updated);
+    }
+    _dispatchEvent(eventName) {
+        this.dispatchEvent(new CustomEvent(eventName, {
+            bubbles: true,
+            detail: {
+                $option: this
+            }
+        }));
+    }
+    _addSelectedIcon() {
+        this._$checkedIcon = document.createElement('h-icon');
+        this._$checkedIcon.setAttribute('icon-name', 'icon-check');
+        this.append(this._$checkedIcon);
+    }
+    _removeSelectedIcon() {
+        var _a;
+        (_a = this._$checkedIcon) === null || _a === void 0 ? void 0 : _a.remove();
+        this._$checkedIcon = undefined;
+    }
+};
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", String)
+], HOption.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], HOption.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], HOption.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], HOption.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], HOption.prototype, "inactive", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true }),
+    __metadata("design:type", Boolean)
+], HOption.prototype, "clickable", void 0);
+HOption = __decorate([
+    phoenixCustomElement(SELECT_RELATED_COMPONENTS_NAMES.option)
 ], HOption);
+
 export { HOption };
-//# sourceMappingURL=select_option.js.map
+//# sourceMappingURL=select_option.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select_option.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/form/select/components/option/select_option.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/phoenix/src/components/form/select/components/option/select_option_constants.d.ts

@@ -1,4 +1,4 @@
-export declare const SELECT_OPTION_CSS_CLASSES: {
-    readonly selectOption: "select-option";
-    readonly selectOptionContent: "select-option__content";
-};
+export declare const SELECT_OPTION_CSS_CLASSES: {
+    readonly selectOption: "select-option";
+    readonly selectOptionContent: "select-option__content";
+};

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

@@ -1,6 +1,8 @@
-const selectOption = 'select-option';
-export const SELECT_OPTION_CSS_CLASSES = {
-    selectOption: selectOption,
-    selectOptionContent: `${selectOption}__content`
+const selectOption = 'select-option';
+const SELECT_OPTION_CSS_CLASSES = {
+    selectOption: selectOption,
+    selectOptionContent: `${selectOption}__content`
 };
-//# sourceMappingURL=select_option_constants.js.map
+
+export { SELECT_OPTION_CSS_CLASSES };
+//# sourceMappingURL=select_option_constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select_option_constants.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/form/select/components/option/select_option_constants.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,eAAe,CAAC;AACrC,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,YAAY,EAAE,YAAY;IAC1B,mBAAmB,EAAE,GAAG,YAAY,WAAW;CACzC,CAAC"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
-export declare class HOptionContent extends PhoenixLightLitElement {
-    connectedCallback(): void;
-}
+import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HOptionContent extends PhoenixLightLitElement {
+    connectedCallback(): void;
+}

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

@@ -1,16 +1,18 @@
-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)
+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)
 ], 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":"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;AAGxG,IAAM,cAAc,GAApB,MAAM,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"}
+{"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;"}

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

@@ -1,8 +1,8 @@
-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;
-    connectedCallback(): void;
-    private _handleInputChange;
-    protected render(): TemplateResult;
-}
+import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { TemplateResult } from 'lit';
+export declare class HSelectSearch extends PhoenixLightLitElement {
+    value: string;
+    connectedCallback(): void;
+    private _handleInputChange;
+    protected render(): TemplateResult;
+}

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

@@ -1,28 +1,29 @@
-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 { __decorate, __metadata } from '../../../../../../../../external/tslib/tslib.es6.js';
 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 { SELECT_SEARCH_CSS_CLASSES } from '@phoenixRoot/components/form/select/components/search/select_search_constants';
-let HSelectSearch = class HSelectSearch extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.value = '';
-        this._handleInputChange = debounce(({ target }) => {
-            this.value = target.value;
-            this.dispatchEvent(new CustomEvent(SELECT_SEARCH_EVENT_NAMES.search, {
-                bubbles: true,
-                detail: target.value
-            }));
-        }, 200);
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(SELECT_SEARCH_CSS_CLASSES.selectSearch);
-    }
-    render() {
+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 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._handleInputChange = debounce_1(({ target }) => {
+            this.value = target.value;
+            this.dispatchEvent(new CustomEvent(SELECT_SEARCH_EVENT_NAMES.search, {
+                bubbles: true,
+                detail: target.value
+            }));
+        }, 200);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(SELECT_SEARCH_CSS_CLASSES.selectSearch);
+    }
+    render() {
         return html `
             <h-icon icon-name="icon-search" class=${SELECT_SEARCH_CSS_CLASSES.selectSearchIcon}></h-icon>
             <input
@@ -35,15 +36,16 @@ let HSelectSearch = class HSelectSearch extends PhoenixLightLitElement {
                 placeholder="Szukaj"
                 @input=${this._handleInputChange}
             />
-        `;
-    }
-};
-__decorate([
-    property({ type: String, reflect: true }),
-    __metadata("design:type", String)
-], HSelectSearch.prototype, "value", 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);
+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":"select_search.js","sourceRoot":"","sources":["../../../../../../../../../../src/components/form/select/components/search/select_search.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EACH,+BAA+B,EAC/B,yBAAyB,EAC5B,MAAM,4EAA4E,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,yBAAyB,EAAE,MAAM,+EAA+E,CAAC;AAGnH,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,sBAAsB;IAAlD;;QAEI,UAAK,GAAW,EAAE,CAAC;QAQlB,uBAAkB,GAAG,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAc,EAAE,EAAE;YAC7D,IAAI,CAAC,KAAK,GAAI,MAA2B,CAAC,KAAK,CAAC;YAEhD,IAAI,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,yBAAyB,CAAC,MAAM,EAAE;gBAC9C,OAAO,EAAE,IAAI;gBACb,MAAM,EAAG,MAA2B,CAAC,KAAK;aAC7C,CAAC,CACL,CAAC;QACN,CAAC,EAAE,GAAG,CAAC,CAAC;IAiBZ,CAAC;IAhCU,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,YAAY,CAAC,CAAC;IAC/D,CAAC;IAaS,MAAM;QACZ,OAAO,IAAI,CAAA;oDACiC,yBAAyB,CAAC,gBAAgB;;wBAEtE,yBAAyB,CAAC,iBAAiB;;;yBAG1C,IAAI,CAAC,KAAK;;;;yBAIV,IAAI,CAAC,kBAAkB;;SAEvC,CAAC;IACN,CAAC;CACJ,CAAA;AAnCG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;;4CAChB;AAFjB,aAAa;IADzB,oBAAoB,CAAC,+BAA+B,CAAC,MAAM,CAAC;GAChD,aAAa,CAoCzB;SApCY,aAAa"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;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;"}

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,7 +1,9 @@
-const baseClass = 'select-search';
-export const SELECT_SEARCH_CSS_CLASSES = {
-    selectSearch: baseClass,
-    selectSearchIcon: `${baseClass}__icon`,
-    selectSearchInput: `${baseClass}__input`
+const baseClass = 'select-search';
+const SELECT_SEARCH_CSS_CLASSES = {
+    selectSearch: baseClass,
+    selectSearchIcon: `${baseClass}__icon`,
+    selectSearchInput: `${baseClass}__input`
 };
-//# sourceMappingURL=select_search_constants.js.map
+
+export { SELECT_SEARCH_CSS_CLASSES };
+//# 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":"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"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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 '@phoenixRoot/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 "../../../../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,36 @@
-import { __decorate } from "tslib";
-import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+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 { html } from 'lit-html';
-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.dispatchEvent(new CustomEvent(SELECT_CLOSE_BTN_EVENT_NAMES.close, {
-                bubbles: true
-            }));
-        };
-    }
-    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)
+
+let HSelectCloseBtn = class HSelectCloseBtn extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this._dispatchCloseEvent = () => {
+            this.dispatchEvent(new CustomEvent(SELECT_CLOSE_BTN_EVENT_NAMES.close, {
+                bubbles: true
+            }));
+        };
+    }
+    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":"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;AAGnE,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,sBAAsB;IAApD;;QAaK,wBAAmB,GAAG,GAAG,EAAE;YAC/B,IAAI,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,4BAA4B,CAAC,KAAK,EAAE;gBAChD,OAAO,EAAE,IAAI;aAChB,CAAC,CACL,CAAC;QACN,CAAC,CAAC;IAON,CAAC;IAvBU,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;IAUM,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;AA1BY,eAAe;IAD3B,oBAAoB,CAAC,+BAA+B,CAAC,QAAQ,CAAC;GAClD,eAAe,CA0B3B;SA1BY,eAAe"}
+{"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;AACA;AACA;"}

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: "selectOption.clicked";
-    readonly updated: "selectOption.updated";
-};
-export declare const SELECT_OPTIONS_EVENT_NAMES: {
-    readonly clicked: "selectOptions.clicked";
-    readonly updated: "selectOptions.updated";
-};
-export declare const SELECT_SEARCH_EVENT_NAMES: {
-    readonly search: "selectSearch.search";
-};
-export declare const SELECT_CLOSE_BTN_EVENT_NAMES: {
-    readonly close: "selectCloseBtn.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: "selectOption.clicked";
+    readonly updated: "selectOption.updated";
+};
+export declare const SELECT_OPTIONS_EVENT_NAMES: {
+    readonly clicked: "selectOptions.clicked";
+    readonly updated: "selectOptions.updated";
+};
+export declare const SELECT_SEARCH_EVENT_NAMES: {
+    readonly search: "selectSearch.search";
+};
+export declare const SELECT_CLOSE_BTN_EVENT_NAMES: {
+    readonly close: "selectCloseBtn.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";