npm - @shoper/phoenix_design_system - Versions diffs - 0.22.5-0 → 0.22.5-1 - Mend

@shoper/phoenix_design_system 0.22.5-0 → 0.22.5-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item.js ADDED Viewed

@@ -0,0 +1,69 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var btn_controller = require('../../../controllers/btn_controller.js');
+var color_item_constants = require('./color_item_constants.js');
+var color_swatches_constants = require('../color_swatches_constants.js');
+exports.HColorItem = class HColorItem extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this.disabled = false;
+        this.selected = false;
+        this._dispatchClickedEvent = () => {
+            this.dispatchEvent(new Event(color_item_constants.COLOR_ITEM_EVENT_NAMES.selected, {
+                bubbles: true
+            }));
+        };
+        this._btnController = new btn_controller.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_constants.COLOR_SWATCHES_CSS_CLASSES.colorItem);
+    }
+    attributeChangedCallback(name, value, newValue) {
+        super.attributeChangedCallback(name, value, newValue);
+        switch (name) {
+            case color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE: {
+                this._syncAriaPressed();
+                break;
+            }
+        }
+    }
+    _syncAriaPressed() {
+        this.selected ? this.setAttribute('aria-pressed', '') : this.removeAttribute('aria-pressed');
+    }
+    setupEvents() {
+        this.addEventListener('click', this._dispatchClickedEvent);
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HColorItem.prototype, "color", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HColorItem.prototype, "label", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean, attribute: true }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HColorItem.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean, attribute: true }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HColorItem.prototype, "selected", void 0);
+exports.HColorItem = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-color-item'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HColorItem);
+//# sourceMappingURL=color_item.js.map

package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item.js.map ADDED Viewed

@@ -0,0 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.js ADDED Viewed

@@ -0,0 +1,12 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const COLOR_ITEM_EVENT_NAMES = {
+    selected: 'colorItemSelected'
+};
+const COLOR_ITEM_SELECTED_ATTRIBUTE = 'selected';
+exports.COLOR_ITEM_EVENT_NAMES = COLOR_ITEM_EVENT_NAMES;
+exports.COLOR_ITEM_SELECTED_ATTRIBUTE = COLOR_ITEM_SELECTED_ATTRIBUTE;
+//# sourceMappingURL=color_item_constants.js.map

package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.js.map ADDED Viewed

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

package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js ADDED Viewed

@@ -0,0 +1,85 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var color_item_constants = require('./color_item/color_item_constants.js');
+var color_swatches_constants = require('./color_swatches_constants.js');
+exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.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_constants.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_constants.COLOR_SWATCHES_CSS_CLASSES.colorSwatchesItem));
+        this.classList.add(color_swatches_constants.COLOR_SWATCHES_CSS_CLASSES.colorSwatches);
+    }
+    _setupEvents() {
+        this.addEventListener(color_item_constants.COLOR_ITEM_EVENT_NAMES.selected, this._handleColorClicked);
+    }
+    _handleColorClickedForMultipleMode($colorItem) {
+        if (!this._isColorAlreadyAdded($colorItem)) {
+            this.selectedColors = [...this.selectedColors, $colorItem];
+        }
+        $colorItem.hasAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE)
+            ? $colorItem.removeAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE)
+            : $colorItem.setAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE, '');
+        this._dispatchColorSelectEvent();
+    }
+    _handleColorClickedForSingleMode($colorItem) {
+        const $previouslySelected = this.selectedColors[0];
+        $colorItem.hasAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE)
+            ? $colorItem.removeAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE)
+            : $colorItem.setAttribute(color_item_constants.COLOR_ITEM_SELECTED_ATTRIBUTE, '');
+        if ($previouslySelected && $previouslySelected !== $colorItem)
+            $previouslySelected.removeAttribute(color_item_constants.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);
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HColorSwatches.prototype, "inline", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HColorSwatches.prototype, "multiple", void 0);
+tslib_es6.__decorate([
+    decorators.state(),
+    tslib_es6.__metadata("design:type", Array)
+], exports.HColorSwatches.prototype, "selectedColors", void 0);
+exports.HColorSwatches = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-color-swatches')
+], exports.HColorSwatches);
+//# sourceMappingURL=color_swatches.js.map

package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js ADDED Viewed

@@ -0,0 +1,17 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const baseCssClass = 'color-swatches';
+const COLOR_SWATCHES_CSS_CLASSES = {
+    colorItem: 'color-item',
+    colorSwatches: baseCssClass,
+    colorSwatchesItem: `${baseCssClass}__color-item`
+};
+const COLOR_SWATCHES_EVENT_NAMES = {
+    selected: 'colorSwatchesSelected'
+};
+exports.COLOR_SWATCHES_CSS_CLASSES = COLOR_SWATCHES_CSS_CLASSES;
+exports.COLOR_SWATCHES_EVENT_NAMES = COLOR_SWATCHES_EVENT_NAMES;
+//# sourceMappingURL=color_swatches_constants.js.map

package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.js.map ADDED Viewed

	@@ -0,0 +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;"}

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

@@ -60,6 +60,8 @@ var toggle_button_group = require('./components/groups/toggle_button_group/toggl
 var toggle_button = require('./components/groups/toggle_button_group/toggle_button.js');
 var click_outside_controller_messages = require('./controllers/click_outside_controller/click_outside_controller_messages.js');
 var backdrop = require('./components/backdrop/backdrop.js');
+var color_item = require('./components/color_swatches/color_item/color_item.js');
+var color_swatches = require('./components/color_swatches/color_swatches.js');
 var visibility_controller = require('./controllers/visibility_controller/visibility_controller.js');
 var slider = require('./components/slider/slider.js');
 var tab = require('./components/tabs/tab/tab.js');
@@ -342,6 +344,18 @@ Object.defineProperty(exports, 'HBackdrop', {
 		return backdrop.HBackdrop;
 	}
 });
+Object.defineProperty(exports, 'HColorItem', {
+	enumerable: true,
+	get: function () {
+		return color_item.HColorItem;
+	}
+});
+Object.defineProperty(exports, 'HColorSwatches', {
+	enumerable: true,
+	get: function () {
+		return color_swatches.HColorSwatches;
+	}
+});
 exports.VisibilityController = visibility_controller.VisibilityController;
 Object.defineProperty(exports, 'HSlider', {
 	enumerable: true,

package/build/cjs/packages/phoenix/src/index.js.map CHANGED Viewed

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

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

@@ -1,65 +1,67 @@
-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 { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 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", [])
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import { BtnController } from '../../../controllers/btn_controller.js';
+import { COLOR_ITEM_EVENT_NAMES, COLOR_ITEM_SELECTED_ATTRIBUTE } from './color_item_constants.js';
+import { COLOR_SWATCHES_CSS_CLASSES } from '../color_swatches_constants.js';
+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
+//# sourceMappingURL=color_item.js.map

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

	@@ -1 +1 @@
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~~"}
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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/color_swatches/color_item/color_item_constants.js CHANGED Viewed

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

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

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

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

@@ -1,83 +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 { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 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')
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import { COLOR_ITEM_EVENT_NAMES, COLOR_ITEM_SELECTED_ATTRIBUTE } from './color_item/color_item_constants.js';
+import { COLOR_SWATCHES_EVENT_NAMES, COLOR_SWATCHES_CSS_CLASSES } from './color_swatches_constants.js';
+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
+//# sourceMappingURL=color_swatches.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":~~"color_swatches.js"~~,"~~sourceRoot~~":"","~~sources~~":[~~"../../../../../../../src/components/color_swatches/color_swatches.ts"~~],"names":[],"mappings":";AAAA,~~OAAO~~,~~EAAE,sBAAsB,EAAE,6BAA6B,EAAE,MAAM,wEAAwE,CAAC~~;~~AAC/I,OAAO,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,MAAM,iEAAiE,CAAC~~;~~AACzI,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC~~;~~AAEjD,OAA2B,8DAA8D,CAAC~~;~~AAC1F,OAAkC,wBAAwB,CAAC~~;~~AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC~~;~~AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC~~;~~AAG3F,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,sBAAsB~~;~~IAA1D;;QAEW,WAAM,GAAG,IAAI,CAAC~~;~~QAGd,aAAQ,GAAG,KAAK,CAAC~~;~~QAGjB,mBAAc,GAAiB,EAAE,CAAC~~;~~QAkBjC,wBAAmB,GAAG,CAAC,EAAE,MAAM,EAAS,EAAE,EAAE~~;~~YAChD,MAAM,UAAU,GAAG,MAAoB,CAAC~~;~~YAExC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,kCAAkC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,gCAAgC,CAAC,UAAU,CAAC,CAAC~~;~~QAC5H,CAAC,CAAC~~;~~QA+BM,8BAAyB,GAAG,GAAS,EAAE~~;~~YAC3C,MAAM,MAAM,GAAsB~~;~~gBAC9B,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,KAAK~~;~~aACxH,CAAC~~;~~YAEF,IAAI,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,0BAA0B,CAAC,QAAQ,EAAE~~;~~gBACjD,OAAO,EAAE,IAAI~~;~~gBACb,MAAM~~;~~aACT,CAAC,CACL,CAAC~~;~~QACN,CAAC,CAAC~~;~~IAKN,CAAC~~;~~IAnEU,iBAAiB~~;~~QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC~~;~~QAE1B,IAAI,CAAC,YAAY,EAAE,CAAC~~;~~QACpB,IAAI,CAAC,cAAc,EAAE,CAAC~~;~~IAC1B,CAAC~~;~~IAEO,cAAc~~;~~QAClB,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,iBAAiB,CAAC,CAAC,CAAC~~;~~QACtI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,0BAA0B,CAAC,aAAa,CAAC,CAAC~~;~~IACjE,CAAC~~;~~IAEO,YAAY~~;~~QAChB,IAAI,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,QAAQ,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC~~;~~IACrF,CAAC~~;~~IAQO,kCAAkC,CAAC,UAAsB~~;~~QAC7D,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,UAAU,CAAC,EAAE~~;~~YACxC,IAAI,CAAC,cAAc,GAAG,CAAC,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC~~;~~SAC9D~~;~~QAED,UAAU,CAAC,YAAY,CAAC,6BAA6B,CAAC~~;~~YAClD,CAAC,CAAC,UAAU,CAAC,eAAe,CAAC,6BAA6B,CAAC~~;~~YAC3D,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,6BAA6B,EAAE,EAAE,CAAC,CAAC~~;~~QAEjE,IAAI,CAAC,yBAAyB,EAAE,CAAC~~;~~IACrC,CAAC~~;~~IAEO,gCAAgC,CAAC,UAAsB~~;~~QAC3D,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC~~;~~QAEnD,UAAU,CAAC,YAAY,CAAC,6BAA6B,CAAC~~;~~YAClD,CAAC,CAAC,UAAU,CAAC,eAAe,CAAC,6BAA6B,CAAC~~;~~YAC3D,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,6BAA6B,EAAE,EAAE,CAAC,CAAC~~;~~QAEjE,IAAI,mBAAmB,IAAI,mBAAmB,KAAK,UAAU~~;~~YAAE,mBAAmB,CAAC,eAAe,CAAC,6BAA6B,CAAC,CAAC~~;~~QAElI,IAAI,CAAC,cAAc,GAAG,CAAC,UAAU,CAAC,CAAC~~;~~QACnC,IAAI,CAAC,yBAAyB,EAAE,CAAC~~;~~IACrC,CAAC~~;~~IAEO,oBAAoB,CAAC,UAAsB~~;~~QAC/C,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC~~;~~IAC9G,CAAC~~;~~IAeO,mBAAmB,CAAC,cAA4B~~;~~QACpD,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC~~;~~IACtE,CAAC~~;~~CACJ,CAAA~~;~~AA3EG~~;~~IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;8CACP~~;~~AAGrB~~;~~IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;gDACJ~~;~~AAGxB~~;~~IADC,KAAK,EAAE;;sDACiC~~;~~AARhC,cAAc~~;~~IAD1B,oBAAoB,CAAC,kBAAkB,CAAC~~;~~GAC5B,cAAc,CA6E1B~~;~~SA7EY,cAAc~~"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/color_swatches/color_swatches_constants.js CHANGED Viewed

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

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

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

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

@@ -65,6 +65,8 @@ export { RelativePositionController } from './controllers/relative_position_cont
 export { ToggleElementAriaController } from './controllers/toggle_element_aria_controller/toggle_element_aria_controller';
 export { HBackdrop } from './components/backdrop/backdrop';
 export { BackdropController } from "./components/backdrop/controller/backdrop_controller";
+export { HColorSwatches } from './components/color_swatches/color_swatches';
+export { HColorItem } from './components/color_swatches/color_item/color_item';
 export { VisibilityController } from './controllers/visibility_controller/visibility_controller';
 export * from './controllers/visibility_controller/visibility_controller_types';
 export { HSlider } from './components/slider/slider';

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

@@ -56,6 +56,8 @@ export { HToggleButtonGroup } from './components/groups/toggle_button_group/togg
 export { HToggleButton } from './components/groups/toggle_button_group/toggle_button.js';
 export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from './controllers/click_outside_controller/click_outside_controller_messages.js';
 export { HBackdrop } from './components/backdrop/backdrop.js';
+export { HColorItem } from './components/color_swatches/color_item/color_item.js';
+export { HColorSwatches } from './components/color_swatches/color_swatches.js';
 export { VisibilityController } from './controllers/visibility_controller/visibility_controller.js';
 export { HSlider } from './components/slider/slider.js';
 export { HTab } from './components/tabs/tab/tab.js';

package/build/esm/packages/phoenix/src/index.js.map CHANGED Viewed

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

package/package.json CHANGED Viewed

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