@shoper/phoenix_design_system 0.22.4-1 → 0.22.5-0

package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.d.ts

@@ -0,0 +1,14 @@
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HColorItem extends PhoenixLightLitElement {
+    color: string;
+    label?: string;
+    disabled: boolean;
+    selected: boolean;
+    private _btnController;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, value: string | null, newValue: string | null): void;
+    private _syncAriaPressed;
+    private setupEvents;
+    private _dispatchClickedEvent;
+}

package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.js

@@ -0,0 +1,65 @@
+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 { property } from 'lit/decorators';
+import { COLOR_ITEM_EVENT_NAMES, COLOR_ITEM_SELECTED_ATTRIBUTE } from '@phoenixRoot/components/color_swatches/color_item/color_item_constants';
+import { BtnController } from '@phoenixRoot/controllers/btn_controller';
+import { COLOR_SWATCHES_CSS_CLASSES } from '@phoenixRoot/components/color_swatches/color_swatches_constants';
+let HColorItem = class HColorItem extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.disabled = false;
+        this.selected = false;
+        this._dispatchClickedEvent = () => {
+            this.dispatchEvent(new Event(COLOR_ITEM_EVENT_NAMES.selected, {
+                bubbles: true
+            }));
+        };
+        this._btnController = new BtnController(this, this._dispatchClickedEvent);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.setupEvents();
+        this.innerHTML = this.color;
+        this._syncAriaPressed();
+        this.setAttribute('aria-label', this.label ? this.label : this.color);
+        this.classList.add(COLOR_SWATCHES_CSS_CLASSES.colorItem);
+    }
+    attributeChangedCallback(name, value, newValue) {
+        super.attributeChangedCallback(name, value, newValue);
+        switch (name) {
+            case COLOR_ITEM_SELECTED_ATTRIBUTE: {
+                this._syncAriaPressed();
+                break;
+            }
+        }
+    }
+    _syncAriaPressed() {
+        this.selected ? this.setAttribute('aria-pressed', '') : this.removeAttribute('aria-pressed');
+    }
+    setupEvents() {
+        this.addEventListener('click', this._dispatchClickedEvent);
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HColorItem.prototype, "color", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HColorItem.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, attribute: true }),
+    __metadata("design:type", Boolean)
+], HColorItem.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, attribute: true }),
+    __metadata("design:type", Boolean)
+], HColorItem.prototype, "selected", void 0);
+HColorItem = __decorate([
+    phoenixCustomElement('h-color-item'),
+    __metadata("design:paramtypes", [])
+], HColorItem);
+export { HColorItem };
+//# sourceMappingURL=color_item.js.map

package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_item.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_swatches/color_item/color_item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,6BAA6B,EAAE,MAAM,wEAAwE,CAAC;AAC/I,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iEAAiE,CAAC;AAG7G,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,sBAAsB;IAelD;QACI,KAAK,EAAE,CAAC;QARL,aAAQ,GAAY,KAAK,CAAC;QAG1B,aAAQ,GAAY,KAAK,CAAC;QA2CzB,0BAAqB,GAAG,GAAS,EAAE;YACvC,IAAI,CAAC,aAAa,CACd,IAAI,KAAK,CAAC,sBAAsB,CAAC,QAAQ,EAAE;gBACvC,OAAO,EAAE,IAAI;aAChB,CAAC,CACL,CAAC;QACN,CAAC,CAAC;QA1CE,IAAI,CAAC,cAAc,GAAG,IAAI,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC9E,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5B,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAExB,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEtE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,SAAS,CAAC,CAAC;IAC7D,CAAC;IAEM,wBAAwB,CAAC,IAAY,EAAE,KAAoB,EAAE,QAAuB;QACvF,KAAK,CAAC,wBAAwB,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;QAEtD,QAAQ,IAAI,EAAE;YACV,KAAK,6BAA6B,CAAC,CAAC;gBAChC,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACxB,MAAM;aACT;SACJ;IACL,CAAC;IAEO,gBAAgB;QACpB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;IACjG,CAAC;IAEO,WAAW;QACf,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAC/D,CAAC;CASJ,CAAA;AA3DG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;yCACN;AAGrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;yCACL;AAGtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;4CACZ;AAGjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;4CACZ;AAXxB,UAAU;IADtB,oBAAoB,CAAC,cAAc,CAAC;;GACxB,UAAU,CA6DtB;SA7DY,UAAU"}

package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.d.ts

@@ -0,0 +1,4 @@
+export declare const COLOR_ITEM_EVENT_NAMES: {
+    readonly selected: "colorItemSelected";
+};
+export declare const COLOR_ITEM_SELECTED_ATTRIBUTE = "selected";

package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.js

@@ -0,0 +1,5 @@
+export const COLOR_ITEM_EVENT_NAMES = {
+    selected: 'colorItemSelected'
+};
+export const COLOR_ITEM_SELECTED_ATTRIBUTE = 'selected';
+//# sourceMappingURL=color_item_constants.js.map

package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_item_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_swatches/color_item/color_item_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,QAAQ,EAAE,mBAAmB;CACvB,CAAC;AAEX,MAAM,CAAC,MAAM,6BAA6B,GAAG,UAAU,CAAC"}

package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item_types.d.ts

@@ -0,0 +1,5 @@
+export declare type TColorItemConstructorOptions = {
+    color: string;
+    label: string;
+    disabled: boolean;
+};

package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item_types.js

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

package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item_types.js.map

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

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

@@ -0,0 +1,16 @@
+import { HColorItem } from "./color_item/color_item";
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HColorSwatches extends PhoenixLightLitElement {
+    inline: boolean;
+    multiple: boolean;
+    selectedColors: HColorItem[];
+    connectedCallback(): void;
+    private _addCssClasses;
+    private _setupEvents;
+    private _handleColorClicked;
+    private _handleColorClickedForMultipleMode;
+    private _handleColorClickedForSingleMode;
+    private _isColorAlreadyAdded;
+    private _dispatchColorSelectEvent;
+    private _getColorValuesOnly;
+}

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

@@ -0,0 +1,83 @@
+import { __decorate, __metadata } from "tslib";
+import { COLOR_ITEM_EVENT_NAMES, COLOR_ITEM_SELECTED_ATTRIBUTE } from '@phoenixRoot/components/color_swatches/color_item/color_item_constants';
+import { COLOR_SWATCHES_CSS_CLASSES, COLOR_SWATCHES_EVENT_NAMES } from '@phoenixRoot/components/color_swatches/color_swatches_constants';
+import { property, state } from 'lit/decorators';
+import '@phoenixRoot/components/color_swatches/color_item/color_item';
+import './color_swatches_types';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.inline = true;
+        this.multiple = false;
+        this.selectedColors = [];
+        this._handleColorClicked = ({ target }) => {
+            const $colorItem = target;
+            this.multiple ? this._handleColorClickedForMultipleMode($colorItem) : this._handleColorClickedForSingleMode($colorItem);
+        };
+        this._dispatchColorSelectEvent = () => {
+            const detail = {
+                colors: this.selectedColors.length > 1 ? this._getColorValuesOnly(this.selectedColors) : this.selectedColors[0].color
+            };
+            this.dispatchEvent(new CustomEvent(COLOR_SWATCHES_EVENT_NAMES.selected, {
+                bubbles: true,
+                detail
+            }));
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._setupEvents();
+        this._addCssClasses();
+    }
+    _addCssClasses() {
+        this.querySelectorAll('h-color-item').forEach(($colorItem) => $colorItem.classList.add(COLOR_SWATCHES_CSS_CLASSES.colorSwatchesItem));
+        this.classList.add(COLOR_SWATCHES_CSS_CLASSES.colorSwatches);
+    }
+    _setupEvents() {
+        this.addEventListener(COLOR_ITEM_EVENT_NAMES.selected, this._handleColorClicked);
+    }
+    _handleColorClickedForMultipleMode($colorItem) {
+        if (!this._isColorAlreadyAdded($colorItem)) {
+            this.selectedColors = [...this.selectedColors, $colorItem];
+        }
+        $colorItem.hasAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE)
+            ? $colorItem.removeAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE)
+            : $colorItem.setAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE, '');
+        this._dispatchColorSelectEvent();
+    }
+    _handleColorClickedForSingleMode($colorItem) {
+        const $previouslySelected = this.selectedColors[0];
+        $colorItem.hasAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE)
+            ? $colorItem.removeAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE)
+            : $colorItem.setAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE, '');
+        if ($previouslySelected && $previouslySelected !== $colorItem)
+            $previouslySelected.removeAttribute(COLOR_ITEM_SELECTED_ATTRIBUTE);
+        this.selectedColors = [$colorItem];
+        this._dispatchColorSelectEvent();
+    }
+    _isColorAlreadyAdded($colorItem) {
+        return this.selectedColors.filter((selectedColor) => selectedColor.color === $colorItem.color).length > 0;
+    }
+    _getColorValuesOnly(selectedColors) {
+        return selectedColors.map((selectedColor) => selectedColor.color);
+    }
+};
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HColorSwatches.prototype, "inline", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], HColorSwatches.prototype, "multiple", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], HColorSwatches.prototype, "selectedColors", void 0);
+HColorSwatches = __decorate([
+    phoenixCustomElement('h-color-swatches')
+], HColorSwatches);
+export { HColorSwatches };
+//# sourceMappingURL=color_swatches.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"color_swatches.js","sourceRoot":"","sources":["../../../../../../../src/components/color_swatches/color_swatches.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.d.ts

@@ -0,0 +1,8 @@
+export declare const COLOR_SWATCHES_CSS_CLASSES: {
+    readonly colorItem: "color-item";
+    readonly colorSwatches: "color-swatches";
+    readonly colorSwatchesItem: "color-swatches__color-item";
+};
+export declare const COLOR_SWATCHES_EVENT_NAMES: {
+    readonly selected: "colorSwatchesSelected";
+};

package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js

@@ -0,0 +1,10 @@
+const baseCssClass = 'color-swatches';
+export const COLOR_SWATCHES_CSS_CLASSES = {
+    colorItem: 'color-item',
+    colorSwatches: baseCssClass,
+    colorSwatchesItem: `${baseCssClass}__color-item`
+};
+export const COLOR_SWATCHES_EVENT_NAMES = {
+    selected: 'colorSwatchesSelected'
+};
+//# sourceMappingURL=color_swatches_constants.js.map

package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_swatches_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/color_swatches/color_swatches_constants.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,gBAAgB,CAAC;AAEtC,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACtC,SAAS,EAAE,YAAY;IACvB,aAAa,EAAE,YAAY;IAC3B,iBAAiB,EAAE,GAAG,YAAY,cAAc;CAC1C,CAAC;AAEX,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACtC,QAAQ,EAAE,uBAAuB;CAC3B,CAAC"}

package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_types.d.ts

@@ -0,0 +1,3 @@
+export interface IColorSelectValue {
+    colors: string | string[];
+}

package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_types.js

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

package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_types.js.map

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

package/build/esm/packages/phoenix/src/components/form/color_swatches/color_swatches_control.d.ts

@@ -0,0 +1,5 @@
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HColorSwatchesControl extends PhoenixLightLitElement {
+    name: string;
+    error: boolean;
+}

package/build/esm/packages/phoenix/src/components/form/color_swatches/color_swatches_control.js

@@ -0,0 +1,19 @@
+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 { property } from 'lit/decorators';
+let HColorSwatchesControl = class HColorSwatchesControl extends PhoenixLightLitElement {
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HColorSwatchesControl.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HColorSwatchesControl.prototype, "error", void 0);
+HColorSwatchesControl = __decorate([
+    phoenixCustomElement('h-color-swatches-control')
+], HColorSwatchesControl);
+export { HColorSwatchesControl };
+//# sourceMappingURL=color_swatches_control.js.map

package/build/esm/packages/phoenix/src/components/form/color_swatches/color_swatches_control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color_swatches_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/color_swatches/color_swatches_control.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,IAAa,qBAAqB,GAAlC,MAAa,qBAAsB,SAAQ,sBAAsB;CAMhE,CAAA;AAJG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mDACP;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;oDACN;AALb,qBAAqB;IADjC,oBAAoB,CAAC,0BAA0B,CAAC;GACpC,qBAAqB,CAMjC;SANY,qBAAqB"}

package/package.json

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