@shoper/phoenix_design_system 0.25.0 → 0.27.0

package/build/cjs/packages/phoenix/src/components/form/input/input_icon.js

@@ -10,26 +10,21 @@ var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_el
 var input_constants = require('./input_constants.js');
 var icon_constants = require('../../icon/icon_constants.js');
 
-var HInputIcon_1;
-exports.HInputIcon = HInputIcon_1 = class HInputIcon extends phoenix_light_lit_element.PhoenixLightLitElement {
+exports.HInputIcon = class HInputIcon extends phoenix_light_lit_element.PhoenixLightLitElement {
     connectedCallback() {
         super.connectedCallback();
         this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.inputIcon, icon_constants.ICON_CSS_CLASSES.icon);
     }
     render() {
         super.render();
-        return lit.html `
-            <svg>
-                <use xlink:href="${HInputIcon_1.src}#${this.iconName}"></use>
-            </svg>
-        `;
+        return lit.html ` <h-icon icon-name=${this.iconName}></h-icon> `;
     }
 };
 tslib_es6.__decorate([
-    decorators.property({ type: String }),
+    decorators.property({ type: String, attribute: 'icon-name' }),
     tslib_es6.__metadata("design:type", String)
 ], exports.HInputIcon.prototype, "iconName", void 0);
-exports.HInputIcon = HInputIcon_1 = tslib_es6.__decorate([
+exports.HInputIcon = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-input-icon')
 ], exports.HInputIcon);
 //# sourceMappingURL=input_icon.js.map

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

@@ -1 +1 @@
-{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js

@@ -2,9 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+const iconBaseClass = 'icon';
 const ICON_CSS_CLASSES = {
-    icon: 'icon'
+    icon: iconBaseClass,
+    iconFilled: `${iconBaseClass}_filled`,
+    iconNoStroke: `${iconBaseClass}_no-stroke`,
+    iconSizeL: `${iconBaseClass}_l`,
+    iconSizeXl: `${iconBaseClass}_xl`,
+    iconSizeXxl: `${iconBaseClass}_xxl`,
+    iconClickable: `${iconBaseClass}_clickable`
+};
+const ICON_SIZES_CSS_CLASS_MAP = {
+    l: ICON_CSS_CLASSES.iconSizeL,
+    xl: ICON_CSS_CLASSES.iconSizeXl,
+    xxl: ICON_CSS_CLASSES.iconSizeXxl
 };
 
 exports.ICON_CSS_CLASSES = ICON_CSS_CLASSES;
+exports.ICON_SIZES_CSS_CLASS_MAP = ICON_SIZES_CSS_CLASS_MAP;
 //# sourceMappingURL=icon_constants.js.map

package/build/cjs/packages/phoenix/src/components/icon/icon_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;"}

package/build/cjs/packages/phoenix/src/components/tag/tag_constants.js

@@ -10,8 +10,8 @@ const TAG_CSS_CLASSES = {
 };
 const TAG_REMOVE_ICON_SLOT_NAME = 'remove-icon';
 const TAG_EVENT_NAMES = {
-    click: 'click',
-    remove: 'remove'
+    click: 'tag.click',
+    remove: 'tag.remove'
 };
 
 exports.TAG_CSS_CLASSES = TAG_CSS_CLASSES;

package/build/cjs/packages/phoenix/src/index.js

@@ -75,6 +75,9 @@ var hint = require('./components/messages/hints/hint.js');
 var hint_content = require('./components/messages/hints/hint_content.js');
 var tooltip = require('./components/messages/tooltips/tooltip.js');
 var tooltip_content = require('./components/messages/tooltips/tooltip_content.js');
+var icon = require('./components/icon/icon.js');
+var tag = require('./components/tag/tag.js');
+var tag_remove_button = require('./components/tag/tag_remove_button.js');
 
 
 
@@ -430,4 +433,22 @@ Object.defineProperty(exports, 'HTooltipContent', {
 		return tooltip_content.HTooltipContent;
 	}
 });
+Object.defineProperty(exports, 'HIcon', {
+	enumerable: true,
+	get: function () {
+		return icon.HIcon;
+	}
+});
+Object.defineProperty(exports, 'HTag', {
+	enumerable: true,
+	get: function () {
+		return tag.HTag;
+	}
+});
+Object.defineProperty(exports, 'HTagRemoveButton', {
+	enumerable: true,
+	get: function () {
+		return tag_remove_button.HTagRemoveButton;
+	}
+});
 //# sourceMappingURL=index.js.map

package/build/cjs/packages/phoenix/src/index.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/input/input_icon.d.ts

@@ -1,7 +1,6 @@
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 import { TemplateResult } from 'lit';
 export declare class HInputIcon extends PhoenixLightLitElement {
-    static src: string;
     iconName: string;
     connectedCallback(): void;
     protected render(): TemplateResult;

package/build/esm/packages/phoenix/src/components/form/input/input_icon.js

@@ -6,26 +6,21 @@ import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_el
 import { INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
 import { ICON_CSS_CLASSES } from '../../icon/icon_constants.js';
 
-var HInputIcon_1;
-let HInputIcon = HInputIcon_1 = class HInputIcon extends PhoenixLightLitElement {
+let HInputIcon = class HInputIcon extends PhoenixLightLitElement {
     connectedCallback() {
         super.connectedCallback();
         this.classList.add(INPUT_CONTROL_CSS_CLASSES.inputIcon, ICON_CSS_CLASSES.icon);
     }
     render() {
         super.render();
-        return html `
-            <svg>
-                <use xlink:href="${HInputIcon_1.src}#${this.iconName}"></use>
-            </svg>
-        `;
+        return html ` <h-icon icon-name=${this.iconName}></h-icon> `;
     }
 };
 __decorate([
-    property({ type: String }),
+    property({ type: String, attribute: 'icon-name' }),
     __metadata("design:type", String)
 ], HInputIcon.prototype, "iconName", void 0);
-HInputIcon = HInputIcon_1 = __decorate([
+HInputIcon = __decorate([
     phoenixCustomElement('h-input-icon')
 ], HInputIcon);
 

package/build/esm/packages/phoenix/src/components/form/input/input_icon.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;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":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;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/icon/icon_constants.d.ts

@@ -1,3 +1,16 @@
+import { Any } from 'ts-toolbelt';
 export declare const ICON_CSS_CLASSES: {
     readonly icon: "icon";
+    readonly iconFilled: "icon_filled";
+    readonly iconNoStroke: "icon_no-stroke";
+    readonly iconSizeL: "icon_l";
+    readonly iconSizeXl: "icon_xl";
+    readonly iconSizeXxl: "icon_xxl";
+    readonly iconClickable: "icon_clickable";
 };
+export declare const ICON_SIZES_CSS_CLASS_MAP: {
+    readonly l: "icon_l";
+    readonly xl: "icon_xl";
+    readonly xxl: "icon_xxl";
+};
+export declare type TIconSize = Any.Keys<typeof ICON_SIZES_CSS_CLASS_MAP>;

package/build/esm/packages/phoenix/src/components/icon/icon_constants.js

@@ -1,6 +1,18 @@
+const iconBaseClass = 'icon';
 const ICON_CSS_CLASSES = {
-    icon: 'icon'
+    icon: iconBaseClass,
+    iconFilled: `${iconBaseClass}_filled`,
+    iconNoStroke: `${iconBaseClass}_no-stroke`,
+    iconSizeL: `${iconBaseClass}_l`,
+    iconSizeXl: `${iconBaseClass}_xl`,
+    iconSizeXxl: `${iconBaseClass}_xxl`,
+    iconClickable: `${iconBaseClass}_clickable`
+};
+const ICON_SIZES_CSS_CLASS_MAP = {
+    l: ICON_CSS_CLASSES.iconSizeL,
+    xl: ICON_CSS_CLASSES.iconSizeXl,
+    xxl: ICON_CSS_CLASSES.iconSizeXxl
 };
 
-export { ICON_CSS_CLASSES };
+export { ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP };
 //# sourceMappingURL=icon_constants.js.map

package/build/esm/packages/phoenix/src/components/icon/icon_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
+{"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;"}

package/build/esm/packages/phoenix/src/components/messages/base_message_types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=base_message_types.js.map

package/build/esm/packages/phoenix/src/components/messages/base_message_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base_message_types.js","sourceRoot":"","sources":["../../../../../../../src/components/messages/base_message_types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,11 @@
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSelectOption extends PhoenixLightLitElement {
+    selected: boolean;
+    disabled: boolean;
+    value: string;
+    required: boolean;
+    hidden: boolean;
+    readonly: boolean;
+    connectedCallback(): void;
+    private _setupEvents;
+}

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

@@ -0,0 +1,54 @@
+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 { property } from '@lit/reactive-element/decorators.js';
+let HSelectOption = class HSelectOption extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.selected = false;
+        this.disabled = false;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'listitem');
+        this.setAttribute('tabindex', '-1');
+        this._setupEvents();
+    }
+    _setupEvents() {
+        this.addEventListener('click', () => {
+            if (this.disabled)
+                return;
+            if (!this.selected)
+                this.dispatchEvent(new CustomEvent('selectOption.selected'));
+        });
+    }
+};
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HSelectOption.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HSelectOption.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HSelectOption.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HSelectOption.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HSelectOption.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HSelectOption.prototype, "readonly", void 0);
+HSelectOption = __decorate([
+    phoenixCustomElement('h-select-option')
+], HSelectOption);
+export { HSelectOption };
+//# sourceMappingURL=select_option.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select_option.js","sourceRoot":"","sources":["../../../../../../../../src/components/select/components/select_option.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAG/D,IAAa,aAAa,GAA1B,MAAa,aAAc,SAAQ,sBAAsB;IAAzD;;QAEW,aAAQ,GAAY,KAAK,CAAC;QAG1B,aAAQ,GAAY,KAAK,CAAC;IA8BrC,CAAC;IAhBU,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACtC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;QAEpC,IAAI,CAAC,YAAY,EAAE,CAAC;IACxB,CAAC;IAEO,YAAY;QAChB,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAChC,IAAI,IAAI,CAAC,QAAQ;gBAAE,OAAO;YAE1B,IAAI,CAAC,IAAI,CAAC,QAAQ;gBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,uBAAuB,CAAC,CAAC,CAAC;QACrF,CAAC,CAAC,CAAC;IACP,CAAC;CACJ,CAAA;AAjCG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;+CACK;AAGjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;+CACK;AAGjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CACN;AAGrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;+CACH;AAGzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;6CACL;AAGvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;+CACH;AAjBhB,aAAa;IADzB,oBAAoB,CAAC,iBAAiB,CAAC;GAC3B,aAAa,CAmCzB;SAnCY,aAAa"}

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

@@ -0,0 +1,4 @@
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSelectOptions extends PhoenixLightLitElement {
+    constructor();
+}

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

@@ -0,0 +1,15 @@
+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';
+let HSelectOptions = class HSelectOptions extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.setAttribute('role', 'list');
+    }
+};
+HSelectOptions = __decorate([
+    phoenixCustomElement('h-select-options'),
+    __metadata("design:paramtypes", [])
+], HSelectOptions);
+export { HSelectOptions };
+//# sourceMappingURL=select_options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select_options.js","sourceRoot":"","sources":["../../../../../../../../src/components/select/components/select_options.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAG/G,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,sBAAsB;IACtD;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,CAAC;CACJ,CAAA;AANY,cAAc;IAD1B,oBAAoB,CAAC,kBAAkB,CAAC;;GAC5B,cAAc,CAM1B;SANY,cAAc"}

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=select_search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select_search.js","sourceRoot":"","sources":["../../../../../../../../src/components/select/components/select_search.ts"],"names":[],"mappings":""}

package/build/esm/packages/phoenix/src/components/select/controlers/multi_select_controler.d.ts

@@ -0,0 +1 @@
+export {};

package/build/esm/packages/phoenix/src/components/select/controlers/multi_select_controler.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=multi_select_controler.js.map

package/build/esm/packages/phoenix/src/components/select/controlers/multi_select_controler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi_select_controler.js","sourceRoot":"","sources":["../../../../../../../../src/components/select/controlers/multi_select_controler.ts"],"names":[],"mappings":""}

package/build/esm/packages/phoenix/src/components/select/controlers/select_controler.d.ts

@@ -0,0 +1,11 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+import { HSelect } from "../select";
+declare type SelectControllerConstructorOptions = {
+    host: HSelect & ReactiveControllerHost;
+};
+export declare class SelectController implements ReactiveController {
+    #private;
+    constructor({ host }: SelectControllerConstructorOptions);
+    hostConnected(): void;
+}
+export {};

package/build/esm/packages/phoenix/src/components/select/controlers/select_controler.js

@@ -0,0 +1,14 @@
+var _SelectController_host;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
+import 'lit';
+import '@phoenixRoot/components/select/select';
+export class SelectController {
+    constructor({ host }) {
+        _SelectController_host.set(this, void 0);
+        __classPrivateFieldSet(this, _SelectController_host, host, "f");
+        __classPrivateFieldGet(this, _SelectController_host, "f").addController(this);
+    }
+    hostConnected() { }
+}
+_SelectController_host = new WeakMap();
+//# sourceMappingURL=select_controler.js.map

package/build/esm/packages/phoenix/src/components/select/controlers/select_controler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select_controler.js","sourceRoot":"","sources":["../../../../../../../../src/components/select/controlers/select_controler.ts"],"names":[],"mappings":";;AAAA,OAA2D,KAAK,CAAC;AACjE,OAAwB,uCAAuC,CAAC;AAMhE,MAAM,OAAO,gBAAgB;IAGzB,YAAY,EAAE,IAAI,EAAsC;QAFxD,yCAAwC;QAGpC,uBAAA,IAAI,0BAAS,IAAI,MAAA,CAAC;QAElB,uBAAA,IAAI,8BAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC;IAEM,aAAa,KAAI,CAAC;CAC5B"}

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

@@ -0,0 +1,2 @@
+export declare class SelectOption {
+}

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

@@ -0,0 +1,3 @@
+export class SelectOption {
+}
+//# sourceMappingURL=option.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"option.js","sourceRoot":"","sources":["../../../../../../../../src/components/select/model/option.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,YAAY;CAAG"}

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

@@ -0,0 +1,12 @@
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { TemplateResult } from 'lit-html';
+export interface ISelectController {
+}
+export declare class HSelect extends PhoenixLightLitElement {
+    private _selectController;
+    private _options;
+    watchChildrenRendered: boolean;
+    connectedCallback(): void;
+    allChildrenRendered(): void;
+    protected render(): TemplateResult | undefined;
+}

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

@@ -0,0 +1,62 @@
+import { __decorate, __metadata } from "tslib";
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { html } from 'lit-html';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { SelectController } from '@phoenixRoot/components/select/controlers/select_controler';
+import '@phoenixRoot/components/select/components/select_option';
+import { property } from '@lit/reactive-element/decorators.js';
+let HSelect = class HSelect extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this._options = [];
+        this.watchChildrenRendered = true;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._selectController = new SelectController({ host: this });
+    }
+    allChildrenRendered() {
+        console.log('all options connected');
+        const options = Array.from(this.querySelectorAll('h-select-option')).map((option) => {
+            return {
+                value: option.value,
+                disabled: option.disabled,
+                hidden: option.hidden
+            };
+        });
+        console.log('options', options);
+        // this._options = options;
+    }
+    render() {
+        console.log('this._options.length', this.hasSlot('content'), this._options.length);
+        if (!this.hasSlot('content') && !this._options.length)
+            return;
+        return html `
+            <h-dropdown name="dropdown-1" >
+                <h-dropdown-toggler name="dropdown-1">
+                    select toggler
+                </h-dropdown-toggler>
+
+                <h-dropdown-content name="dropdown-1"">
+                    ${this._options.length &&
+            html `
+                            <h-select-options>
+                                ${this._options.map((option) => html `<h-select-option value=${option.value}>${option.value}</h-select-option>`)}
+                            </h-select-options>
+                        `}
+                
+                    ${this.hasSlot('content') && this.getSlot('content')}
+                </h-dropdown-content>
+            </h-dropdown>
+        `;
+    }
+};
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], HSelect.prototype, "_options", void 0);
+HSelect = __decorate([
+    phoenixCustomElement('h-select')
+], HSelect);
+export { HSelect };
+//# sourceMappingURL=select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../../../src/components/select/select.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,4DAA4D,CAAC;AAC9F,OAA8B,yDAAyD,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAK/D,IAAa,OAAO,GAApB,MAAa,OAAQ,SAAQ,sBAAsB;IAAnD;;QAIY,aAAQ,GAAU,EAAE,CAAC;QAEtB,0BAAqB,GAAG,IAAI,CAAC;IA8CxC,CAAC;IA7CU,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,iBAAiB,GAAG,IAAI,gBAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAClE,CAAC;IAEM,mBAAmB;QACtB,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAgB,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC/F,OAAO;gBACH,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,MAAM,EAAE,MAAM,CAAC,MAAM;aACxB,CAAC;QACN,CAAC,CAAC,CAAC;QAEH,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAChC,2BAA2B;IAC/B,CAAC;IAES,MAAM;QACZ,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACnF,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM;YAAE,OAAO;QAE9D,OAAO,IAAI,CAAA;;;;;;;sBAQK,IAAI,CAAC,QAAQ,CAAC,MAAM;YACpB,IAAI,CAAA;;kCAEM,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,CAAA,0BAA0B,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,oBAAoB,CAAC;;yBAG3H;;sBAEE,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;;;SAG/D,CAAC;IACN,CAAC;CACJ,CAAA;AAhDG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;yCACG;AAJpB,OAAO;IADnB,oBAAoB,CAAC,UAAU,CAAC;GACpB,OAAO,CAoDnB;SApDY,OAAO"}

package/build/esm/packages/phoenix/src/components/tag/tag_constants.d.ts

@@ -5,6 +5,6 @@ export declare const TAG_CSS_CLASSES: {
 };
 export declare const TAG_REMOVE_ICON_SLOT_NAME = "remove-icon";
 export declare const TAG_EVENT_NAMES: {
-    readonly click: "click";
-    readonly remove: "remove";
+    readonly click: "tag.click";
+    readonly remove: "tag.remove";
 };

package/build/esm/packages/phoenix/src/components/tag/tag_constants.js

@@ -6,8 +6,8 @@ const TAG_CSS_CLASSES = {
 };
 const TAG_REMOVE_ICON_SLOT_NAME = 'remove-icon';
 const TAG_EVENT_NAMES = {
-    click: 'click',
-    remove: 'remove'
+    click: 'tag.click',
+    remove: 'tag.remove'
 };
 
 export { TAG_CSS_CLASSES, TAG_EVENT_NAMES, TAG_REMOVE_ICON_SLOT_NAME };

package/build/esm/packages/phoenix/src/index.d.ts

@@ -83,3 +83,6 @@ export { HHint } from "./components/messages/hints/hint";
 export { HHintContent } from "./components/messages/hints/hint_content";
 export { HTooltip } from "./components/messages/tooltips/tooltip";
 export { HTooltipContent } from "./components/messages/tooltips/tooltip_content";
+export { HIcon } from "./components/icon/icon";
+export { HTag } from "./components/tag/tag";
+export { HTagRemoveButton } from "./components/tag/tag_remove_button";

package/build/esm/packages/phoenix/src/index.js

@@ -71,4 +71,7 @@ export { HHint } from './components/messages/hints/hint.js';
 export { HHintContent } from './components/messages/hints/hint_content.js';
 export { HTooltip } from './components/messages/tooltips/tooltip.js';
 export { HTooltipContent } from './components/messages/tooltips/tooltip_content.js';
+export { HIcon } from './components/icon/icon.js';
+export { HTag } from './components/tag/tag.js';
+export { HTagRemoveButton } from './components/tag/tag_remove_button.js';
 //# sourceMappingURL=index.js.map

package/build/esm/packages/phoenix/src/index.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "0.25.0",
+  "version": "0.27.0",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",

package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_constants.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const KEYSTROKE_DELAY_IN_MS = 500;
-
-exports.KEYSTROKE_DELAY_IN_MS = KEYSTROKE_DELAY_IN_MS;
-//# sourceMappingURL=keystrokes_controller_constants.js.map

package/build/cjs/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_constants.js.map

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

package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_constants.d.ts

@@ -1 +0,0 @@
-export declare const KEYSTROKE_DELAY_IN_MS = 500;

package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_constants.js

@@ -1,4 +0,0 @@
-const KEYSTROKE_DELAY_IN_MS = 500;
-
-export { KEYSTROKE_DELAY_IN_MS };
-//# sourceMappingURL=keystrokes_controller_constants.js.map

package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_constants.js.map

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