@shoper/phoenix_design_system 1.2.13-9 → 1.2.14

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

@@ -8,7 +8,6 @@ var utilities = require('@dreamcommerce/utilities');
 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/btn_controller.js');
-var color_swatches_constants = require('../color_swatches_constants.js');
 var color_item_constants = require('./color_item_constants.js');
 
 exports.HColorItem = class HColorItem extends phoenix_light_lit_element.PhoenixLightLitElement {
@@ -16,7 +15,6 @@ exports.HColorItem = class HColorItem extends phoenix_light_lit_element.PhoenixL
         super();
         this.disabled = false;
         this.selected = false;
-        this.small = false;
         this.unclickable = false;
         this._dispatchClickedEvent = () => {
             this.dispatchEvent(new Event(color_item_constants.COLOR_ITEM_EVENT_NAMES.selected, {
@@ -32,10 +30,11 @@ exports.HColorItem = class HColorItem extends phoenix_light_lit_element.PhoenixL
         this._syncAriaPressed();
         this.setAttribute('aria-label', this.label ? this.label : this.color);
         this.unclickable && this.removeAttribute('tabindex');
-        this.classList.add(color_swatches_constants.COLOR_SWATCHES_CSS_CLASSES.colorItem);
+        this.classList.add(color_item_constants.COLOR_ITEM_CSS_CLASSES.colorItem);
         if (!this.value)
             this.value = this.color;
-        this.small && this.classList.add(color_swatches_constants.COLOR_SWATCHES_CSS_CLASSES.colorItemSmall);
+        if (this.size)
+            this.classList.add(color_item_constants.COLOR_ITEM_CSS_CLASSES[this.size]);
     }
     attributeChangedCallback(name, value, newValue) {
         super.attributeChangedCallback(name, value, newValue);
@@ -77,9 +76,9 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:type", Boolean)
 ], exports.HColorItem.prototype, "selected", void 0);
 tslib_es6.__decorate([
-    decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HColorItem.prototype, "small", void 0);
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HColorItem.prototype, "size", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
     tslib_es6.__metadata("design:type", Boolean)

package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -2,11 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+const colorItemBaseCssClass = 'color-item';
 const COLOR_ITEM_EVENT_NAMES = {
     selected: 'colorItemSelected'
 };
+const COLOR_ITEM_SIZES = {
+    s: 's',
+    xs: 'xs'
+};
+const COLOR_ITEM_CSS_CLASSES = {
+    colorItem: colorItemBaseCssClass,
+    [COLOR_ITEM_SIZES.s]: `${colorItemBaseCssClass}_s`,
+    [COLOR_ITEM_SIZES.xs]: `${colorItemBaseCssClass}_xs`
+};
 const COLOR_ITEM_SELECTED_ATTRIBUTE = 'selected';
 
+exports.COLOR_ITEM_CSS_CLASSES = COLOR_ITEM_CSS_CLASSES;
 exports.COLOR_ITEM_EVENT_NAMES = COLOR_ITEM_EVENT_NAMES;
 exports.COLOR_ITEM_SELECTED_ATTRIBUTE = COLOR_ITEM_SELECTED_ATTRIBUTE;
+exports.COLOR_ITEM_SIZES = COLOR_ITEM_SIZES;
 //# sourceMappingURL=color_item_constants.js.map

package/build/cjs/packages/phoenix/src/components/color_swatches/color_item/color_item_constants.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;"}
+{"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;"}

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

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var lit = require('lit');
 var decorators = require('lit/decorators');
 var utilities = require('@dreamcommerce/utilities');
 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');
+require('lit-html');
 var color_swatches_constants = require('./color_swatches_constants.js');
 var color_item_constants = require('./color_item/color_item_constants.js');
 var show_more_constants = require('./show-more/show_more_constants.js');
@@ -16,13 +18,14 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
         super(...arguments);
         this.multiple = false;
         this.selectedColors = [];
+        this.showMoreBtnText = 'Pokaż wszystkie kolory';
         this._handleColorClicked = ({ target }) => {
             const $colorItem = target;
             this._toggleColorItem($colorItem);
-            this._dispatchColorChangeEvent();
+            this._dispatchColorChangeEvent($colorItem);
         };
-        this._dispatchColorChangeEvent = () => {
-            const detail = this.selectedColors.reduce(({ colors: colorsSoFar, values: valuesSoFar }, color) => {
+        this._dispatchColorChangeEvent = ($colorItem) => {
+            const colorsDetails = this.selectedColors.reduce(({ colors: colorsSoFar, values: valuesSoFar }, color) => {
                 return {
                     colors: [...colorsSoFar, color.color],
                     values: [...colorsSoFar, color.value]
@@ -33,7 +36,10 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
             });
             this.dispatchEvent(new CustomEvent(color_swatches_constants.COLOR_SWATCHES_EVENT_NAMES.change, {
                 bubbles: true,
-                detail
+                detail: {
+                    ...colorsDetails,
+                    $colorItem
+                }
             }));
         };
     }
@@ -110,6 +116,13 @@ exports.HColorSwatches = class HColorSwatches extends phoenix_light_lit_element.
         const indexOfAlreadyExistingColor = this.selectedColors.indexOf($colorItem);
         this.selectedColors.splice(indexOfAlreadyExistingColor, 1);
     }
+    render() {
+        return lit.html `
+            ${this.getSlot('default')}
+            ${this._$colors.length > this.numberOfVisibleColors &&
+            lit.html `<h-color-swatches-show-more>${this.showMoreBtnText}</h-color-swatches-show-more>`}
+        `;
+    }
 };
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
@@ -123,6 +136,10 @@ tslib_es6.__decorate([
     decorators.property(),
     tslib_es6.__metadata("design:type", Array)
 ], exports.HColorSwatches.prototype, "selectedColors", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String, attribute: 'show-more-btn-text' }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HColorSwatches.prototype, "showMoreBtnText", void 0);
 exports.HColorSwatches = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-color-swatches')
 ], exports.HColorSwatches);

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

@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -3,11 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const colorSwatchesBaseCssClass = 'color-swatches';
-const colorItemBaseCssClass = 'color-item';
 const COLOR_ITEM_TAG_NAME = 'h-color-item';
 const COLOR_SWATCHES_CSS_CLASSES = {
-    colorItem: colorItemBaseCssClass,
-    colorItemSmall: `${colorItemBaseCssClass}_small`,
     colorSwatches: colorSwatchesBaseCssClass,
     colorSwatchesItem: `${colorSwatchesBaseCssClass}__color-item`
 };

package/build/cjs/packages/phoenix/src/components/color_swatches/color_swatches_constants.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;"}
+{"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;"}

package/build/cjs/packages/phoenix/src/components/form/radio/radio_constants.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const baseRadioControlClass = 'radio';
+const baseRadioBoxControlClass = 'radio-box';
 const RADIO_CONTROL_CSS_CLASSES = {
     radio: baseRadioControlClass,
     radioError: `${baseRadioControlClass}_error`,
@@ -12,7 +13,13 @@ const RADIO_CONTROL_CSS_CLASSES = {
     radioDescription: `${baseRadioControlClass}__description`,
     radioControl: `${baseRadioControlClass}__control`,
     radioInput: `${baseRadioControlClass}__input`,
-    radioLabel: `${baseRadioControlClass}__label`
+    radioLabel: `${baseRadioControlClass}__label`,
+    radioBox: baseRadioBoxControlClass,
+    radioBoxDisabled: `${baseRadioBoxControlClass}_disabled`
+};
+const RADIO_CONTROL_VARIANTS = {
+    classic: 'classic',
+    box: 'box'
 };
 const RADIO_SLOTS = {
     label: 'label',
@@ -24,5 +31,6 @@ const RADIO_CONTROL_EVENTS = {
 
 exports.RADIO_CONTROL_CSS_CLASSES = RADIO_CONTROL_CSS_CLASSES;
 exports.RADIO_CONTROL_EVENTS = RADIO_CONTROL_EVENTS;
+exports.RADIO_CONTROL_VARIANTS = RADIO_CONTROL_VARIANTS;
 exports.RADIO_SLOTS = RADIO_SLOTS;
 //# sourceMappingURL=radio_constants.js.map

package/build/cjs/packages/phoenix/src/components/form/radio/radio_constants.js.map

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

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

@@ -17,12 +17,7 @@ exports.HOption = class HOption extends phoenix_light_lit_element.PhoenixLightLi
         this._dispatchClickedEvent = () => {
             if (this.disabled && !this.clickable)
                 return;
-            this.dispatchEvent(new CustomEvent(select_components_constatns.SELECT_OPTION_EVENT_NAMES.clicked, {
-                bubbles: true,
-                detail: {
-                    $option: this
-                }
-            }));
+            this._dispatchEvent(select_components_constatns.SELECT_OPTION_EVENT_NAMES.clicked);
         };
     }
     connectedCallback() {
@@ -42,6 +37,19 @@ exports.HOption = class HOption extends phoenix_light_lit_element.PhoenixLightLi
         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_components_constatns.SELECT_OPTION_EVENT_NAMES.updated);
+    }
+    _dispatchEvent(eventName) {
+        this.dispatchEvent(new CustomEvent(eventName, {
+            bubbles: true,
+            detail: {
+                $option: this
+            }
+        }));
     }
     _addSelectedIcon() {
         this._$checkedIcon = document.createElement('h-icon');
@@ -70,6 +78,10 @@ tslib_es6.__decorate([
     decorators_js.property({ type: Boolean, reflect: true }),
     tslib_es6.__metadata("design:type", Boolean)
 ], exports.HOption.prototype, "hidden", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: Boolean, reflect: true }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HOption.prototype, "inactive", void 0);
 tslib_es6.__decorate([
     decorators_js.property({ type: Boolean, reflect: true }),
     tslib_es6.__metadata("design:type", Boolean)

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,qDAAyD;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/form/select/components/select_components_constatns.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const SELECT_OPTION_EVENT_NAMES = {
-    clicked: 'selectOption.clicked'
+    clicked: 'selectOption.clicked',
+    updated: 'selectOption.updated'
 };
 const SELECT_OPTIONS_EVENT_NAMES = {
-    clicked: 'selectOptions.clicked'
+    clicked: 'selectOptions.clicked',
+    updated: 'selectOptions.updated'
 };
 const SELECT_SEARCH_EVENT_NAMES = {
     search: 'selectSearch.search'

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

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

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

@@ -12,16 +12,23 @@ exports.HOptions = class HOptions extends phoenix_light_lit_element.PhoenixLight
     constructor() {
         super();
         this._dispatchClickedEvent = ({ detail }) => {
-            this.dispatchEvent(new CustomEvent(select_components_constatns.SELECT_OPTIONS_EVENT_NAMES.clicked, {
+            this._dispatchEvent(select_components_constatns.SELECT_OPTIONS_EVENT_NAMES.clicked, detail.$option);
+        };
+        this._dispatchUpdatedEvent = ({ detail }) => {
+            this._dispatchEvent(select_components_constatns.SELECT_OPTIONS_EVENT_NAMES.updated, detail.$option);
+        };
+        this._dispatchEvent = (eventName, $option) => {
+            this.dispatchEvent(new CustomEvent(eventName, {
                 bubbles: true,
                 detail: {
-                    $option: detail.$option
+                    $option
                 }
             }));
         };
         this.setAttribute('role', 'listbox');
         utilities.UiDomUtils.makeNavigable(this);
         this.addEventListener(select_components_constatns.SELECT_OPTION_EVENT_NAMES.clicked, this._dispatchClickedEvent);
+        this.addEventListener(select_components_constatns.SELECT_OPTION_EVENT_NAMES.updated, this._dispatchUpdatedEvent);
     }
 };
 exports.HOptions = tslib_es6.__decorate([

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,kDAAsD;AAC9E;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,kDAAsD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/form/select/controllers/base_select_controller.js

@@ -63,8 +63,18 @@ class BaseSelectController {
         this.selectedOptions$.notify([]);
         this.requestUpdate();
     }
+    updateOption(value, newOptions) {
+        const option = this.getOption(value);
+        if (!option)
+            return;
+        Object.entries(newOptions).forEach(([key, value]) => {
+            option[key] = value;
+        });
+        this.requestUpdate();
+    }
     filter(value) {
-        const selectOptions = this.options$.getValue();
+        var _a;
+        const selectOptions = (_a = this.options$.getValue()) === null || _a === void 0 ? void 0 : _a.filter((option) => !option.inactive);
         if (!selectOptions)
             return;
         const filtered = utilities.SearchingUtils.fuzzySearch(value, selectOptions, 'content');

package/build/cjs/packages/phoenix/src/components/form/select/controllers/base_select_controller.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;"}
+{"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;"}

package/build/cjs/packages/phoenix/src/components/form/select/model/select_option.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 class SelectOption {
-    constructor({ selected = false, hidden = false, disabled = false, value, content }) {
+    constructor({ selected = false, hidden = false, disabled = false, value, content, inactive = false }) {
         this.value = value;
         this.selected = selected;
         this.hidden = hidden;
         this.disabled = disabled;
         this.content = content;
+        this.inactive = inactive;
     }
     static create(options) {
         return new SelectOption(options);

package/build/cjs/packages/phoenix/src/components/form/select/model/select_option.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;"}
+{"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;"}

package/build/cjs/packages/phoenix/src/components/form/select/model/select_option_mapper.js

@@ -15,6 +15,7 @@ class SelectOptionMapper {
             value: $option.value,
             disabled: $option.disabled,
             hidden: $option.hidden,
+            inactive: $option.inactive,
             content: optionContent,
             selected: $option.selected
         });

package/build/cjs/packages/phoenix/src/components/form/select/model/select_option_mapper.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;"}
+{"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;"}

package/build/cjs/packages/phoenix/src/components/form/select/select.js

@@ -53,7 +53,9 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
         this._updateOptionsView = (options) => {
             if (options.length < Object.keys(this._$options).length)
                 this._removeHTMLOptions(options.map((option) => option.value));
-            options.forEach((option, index) => {
+            options
+                .filter((option) => !option.inactive)
+                .forEach((option, index) => {
                 const { selected, value } = option;
                 const $option = this._$options[value];
                 if (!$option) {
@@ -69,6 +71,13 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
         this._handleOptionClicked = (event) => {
             this._selectOption(event.detail.$option.value);
         };
+        this._handleOptionUpdated = ({ detail }) => {
+            const $option = detail.$option;
+            this._selectController.updateOption($option.value, {
+                inactive: $option.inactive,
+                hidden: $option.hidden
+            });
+        };
         this._handleDropdownHidden = () => {
             this._searchValue = '';
             this.opened = false;
@@ -284,6 +293,7 @@ exports.HSelect = class HSelect extends phoenix_light_lit_element.PhoenixLightLi
                 : ''}"
                                   ${ref_js.ref(this._$optionsList)}
                                   @selectOptions.clicked=${this._handleOptionClicked}
+                                  @selectOptions.updated=${this._handleOptionUpdated}
                               >
                                   ${this.getSlot(select_constants.SELECT_SLOT_NAMES.content)}
                               </h-options>

package/build/cjs/packages/phoenix/src/components/form/select/select.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,uBAAuB,+CAAmD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,+CAAmD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.js

@@ -341,6 +341,7 @@ Object.defineProperty(exports, 'HSwitchControl', {
 });
 exports.RADIO_CONTROL_CSS_CLASSES = radio_constants.RADIO_CONTROL_CSS_CLASSES;
 exports.RADIO_CONTROL_EVENTS = radio_constants.RADIO_CONTROL_EVENTS;
+exports.RADIO_CONTROL_VARIANTS = radio_constants.RADIO_CONTROL_VARIANTS;
 exports.RADIO_SLOTS = radio_constants.RADIO_SLOTS;
 Object.defineProperty(exports, 'HRadio', {
 	enumerable: true,

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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.d.ts

@@ -1,11 +1,12 @@
 import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import type { TColorItemSize } from "./color_item_types";
 export declare class HColorItem extends PhoenixLightLitElement {
     color: string;
     value: string;
     label?: string;
     disabled: boolean;
     selected: boolean;
-    small: boolean;
+    size?: TColorItemSize;
     unclickable: boolean;
     private _btnController;
     constructor();

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

@@ -4,15 +4,13 @@ import { ColorUtils } from '@dreamcommerce/utilities';
 import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { BtnController } from '../../../controllers/btn_controller/btn_controller.js';
-import { COLOR_SWATCHES_CSS_CLASSES } from '../color_swatches_constants.js';
-import { COLOR_ITEM_EVENT_NAMES, COLOR_ITEM_SELECTED_ATTRIBUTE } from './color_item_constants.js';
+import { COLOR_ITEM_EVENT_NAMES, COLOR_ITEM_CSS_CLASSES, COLOR_ITEM_SELECTED_ATTRIBUTE } from './color_item_constants.js';
 
 let HColorItem = class HColorItem extends PhoenixLightLitElement {
     constructor() {
         super();
         this.disabled = false;
         this.selected = false;
-        this.small = false;
         this.unclickable = false;
         this._dispatchClickedEvent = () => {
             this.dispatchEvent(new Event(COLOR_ITEM_EVENT_NAMES.selected, {
@@ -28,10 +26,11 @@ let HColorItem = class HColorItem extends PhoenixLightLitElement {
         this._syncAriaPressed();
         this.setAttribute('aria-label', this.label ? this.label : this.color);
         this.unclickable && this.removeAttribute('tabindex');
-        this.classList.add(COLOR_SWATCHES_CSS_CLASSES.colorItem);
+        this.classList.add(COLOR_ITEM_CSS_CLASSES.colorItem);
         if (!this.value)
             this.value = this.color;
-        this.small && this.classList.add(COLOR_SWATCHES_CSS_CLASSES.colorItemSmall);
+        if (this.size)
+            this.classList.add(COLOR_ITEM_CSS_CLASSES[this.size]);
     }
     attributeChangedCallback(name, value, newValue) {
         super.attributeChangedCallback(name, value, newValue);
@@ -73,9 +72,9 @@ __decorate([
     __metadata("design:type", Boolean)
 ], HColorItem.prototype, "selected", void 0);
 __decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HColorItem.prototype, "small", void 0);
+    property({ type: String }),
+    __metadata("design:type", String)
+], HColorItem.prototype, "size", void 0);
 __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Boolean)

package/build/esm/packages/phoenix/src/components/color_swatches/color_item/color_item.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.d.ts

@@ -1,4 +1,13 @@
 export declare const COLOR_ITEM_EVENT_NAMES: {
     readonly selected: "colorItemSelected";
 };
+export declare const COLOR_ITEM_SIZES: {
+    readonly s: "s";
+    readonly xs: "xs";
+};
+export declare const COLOR_ITEM_CSS_CLASSES: {
+    readonly colorItem: "color-item";
+    readonly s: "color-item_s";
+    readonly xs: "color-item_xs";
+};
 export declare const COLOR_ITEM_SELECTED_ATTRIBUTE = "selected";

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

@@ -1,7 +1,17 @@
+const colorItemBaseCssClass = 'color-item';
 const COLOR_ITEM_EVENT_NAMES = {
     selected: 'colorItemSelected'
 };
+const COLOR_ITEM_SIZES = {
+    s: 's',
+    xs: 'xs'
+};
+const COLOR_ITEM_CSS_CLASSES = {
+    colorItem: colorItemBaseCssClass,
+    [COLOR_ITEM_SIZES.s]: `${colorItemBaseCssClass}_s`,
+    [COLOR_ITEM_SIZES.xs]: `${colorItemBaseCssClass}_xs`
+};
 const COLOR_ITEM_SELECTED_ATTRIBUTE = 'selected';
 
-export { COLOR_ITEM_EVENT_NAMES, COLOR_ITEM_SELECTED_ATTRIBUTE };
+export { COLOR_ITEM_CSS_CLASSES, COLOR_ITEM_EVENT_NAMES, COLOR_ITEM_SELECTED_ATTRIBUTE, COLOR_ITEM_SIZES };
 //# sourceMappingURL=color_item_constants.js.map

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

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

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

@@ -1,5 +1,3 @@
-export declare type TColorItemConstructorOptions = {
-    color: string;
-    label: string;
-    disabled: boolean;
-};
+import { Any } from 'ts-toolbelt';
+import { COLOR_ITEM_SIZES } from "./color_item_constants";
+export declare type TColorItemSize = Any.Keys<typeof COLOR_ITEM_SIZES>;

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

@@ -1,2 +1,3 @@
-export {};
+import 'ts-toolbelt';
+import '@phoenixRoot/components/color_swatches/color_item/color_item_constants';
 //# sourceMappingURL=color_item_types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"color_item_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_swatches/color_item/color_item_types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"color_item_types.js","sourceRoot":"","sources":["../../../../../../../../src/components/color_swatches/color_item/color_item_types.ts"],"names":[],"mappings":"AAAA,OAAoB,aAAa,CAAC;AAClC,OAAiC,wEAAwE,CAAC"}

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

@@ -1,9 +1,11 @@
 import { HColorItem } from "./color_item/color_item";
 import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+import { TemplateResult } from 'lit-html';
 export declare class HColorSwatches extends PhoenixLightLitElement {
     multiple: boolean;
     numberOfVisibleColors: number;
     selectedColors: HColorItem[];
+    showMoreBtnText: string;
     private _$colors;
     selectColors($colors: HColorItem[] | HColorItem): void;
     clearAllColors(): void;
@@ -20,4 +22,5 @@ export declare class HColorSwatches extends PhoenixLightLitElement {
     private _isColorAlreadyExistInArray;
     private _removeExistingColorFromArray;
     private _dispatchColorChangeEvent;
+    protected render(): TemplateResult;
 }

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

@@ -1,8 +1,10 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
+import { html } from 'lit';
 import { property } from 'lit/decorators';
 import { ArrayUtils } from '@dreamcommerce/utilities';
 import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
+import 'lit-html';
 import { COLOR_SWATCHES_EVENT_NAMES, COLOR_ITEM_TAG_NAME, COLOR_SWATCHES_CSS_CLASSES, COLOR_SWATCHES_HIDDEN_ATTRIBUTE } from './color_swatches_constants.js';
 import { COLOR_ITEM_EVENT_NAMES, COLOR_ITEM_SELECTED_ATTRIBUTE } from './color_item/color_item_constants.js';
 import { SHOW_MORE_EVENT_NAMES } from './show-more/show_more_constants.js';
@@ -12,13 +14,14 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
         super(...arguments);
         this.multiple = false;
         this.selectedColors = [];
+        this.showMoreBtnText = 'Pokaż wszystkie kolory';
         this._handleColorClicked = ({ target }) => {
             const $colorItem = target;
             this._toggleColorItem($colorItem);
-            this._dispatchColorChangeEvent();
+            this._dispatchColorChangeEvent($colorItem);
         };
-        this._dispatchColorChangeEvent = () => {
-            const detail = this.selectedColors.reduce(({ colors: colorsSoFar, values: valuesSoFar }, color) => {
+        this._dispatchColorChangeEvent = ($colorItem) => {
+            const colorsDetails = this.selectedColors.reduce(({ colors: colorsSoFar, values: valuesSoFar }, color) => {
                 return {
                     colors: [...colorsSoFar, color.color],
                     values: [...colorsSoFar, color.value]
@@ -29,7 +32,10 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
             });
             this.dispatchEvent(new CustomEvent(COLOR_SWATCHES_EVENT_NAMES.change, {
                 bubbles: true,
-                detail
+                detail: {
+                    ...colorsDetails,
+                    $colorItem
+                }
             }));
         };
     }
@@ -106,6 +112,13 @@ let HColorSwatches = class HColorSwatches extends PhoenixLightLitElement {
         const indexOfAlreadyExistingColor = this.selectedColors.indexOf($colorItem);
         this.selectedColors.splice(indexOfAlreadyExistingColor, 1);
     }
+    render() {
+        return html `
+            ${this.getSlot('default')}
+            ${this._$colors.length > this.numberOfVisibleColors &&
+            html `<h-color-swatches-show-more>${this.showMoreBtnText}</h-color-swatches-show-more>`}
+        `;
+    }
 };
 __decorate([
     property({ type: Boolean }),
@@ -119,6 +132,10 @@ __decorate([
     property(),
     __metadata("design:type", Array)
 ], HColorSwatches.prototype, "selectedColors", void 0);
+__decorate([
+    property({ type: String, attribute: 'show-more-btn-text' }),
+    __metadata("design:type", Object)
+], HColorSwatches.prototype, "showMoreBtnText", void 0);
 HColorSwatches = __decorate([
     phoenixCustomElement('h-color-swatches')
 ], HColorSwatches);

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

@@ -1 +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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.d.ts

@@ -1,7 +1,5 @@
 export declare const COLOR_ITEM_TAG_NAME = "h-color-item";
 export declare const COLOR_SWATCHES_CSS_CLASSES: {
-    readonly colorItem: "color-item";
-    readonly colorItemSmall: "color-item_small";
     readonly colorSwatches: "color-swatches";
     readonly colorSwatchesItem: "color-swatches__color-item";
 };

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

@@ -1,9 +1,6 @@
 const colorSwatchesBaseCssClass = 'color-swatches';
-const colorItemBaseCssClass = 'color-item';
 const COLOR_ITEM_TAG_NAME = 'h-color-item';
 const COLOR_SWATCHES_CSS_CLASSES = {
-    colorItem: colorItemBaseCssClass,
-    colorItemSmall: `${colorItemBaseCssClass}_small`,
     colorSwatches: colorSwatchesBaseCssClass,
     colorSwatchesItem: `${colorSwatchesBaseCssClass}__color-item`
 };

package/build/esm/packages/phoenix/src/components/color_swatches/color_swatches_constants.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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,4 +1,8 @@
+import { HColorItem } from "./color_item/color_item";
 export declare type TSelectedColorsObject = {
     colors: string[];
     values: string[];
 };
+export declare type TColorSwatchesControlChangeEventDetail = TSelectedColorsObject & {
+    $colorItem: HColorItem;
+};

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

@@ -1,2 +1,2 @@
-export {};
+import '@phoenixRoot/components/color_swatches/color_item/color_item';
 //# sourceMappingURL=color_swatches_types.js.map

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

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

package/build/esm/packages/phoenix/src/components/form/radio/radio_constants.d.ts

@@ -8,6 +8,12 @@ export declare const RADIO_CONTROL_CSS_CLASSES: {
     readonly radioControl: "radio__control";
     readonly radioInput: "radio__input";
     readonly radioLabel: "radio__label";
+    readonly radioBox: "radio-box";
+    readonly radioBoxDisabled: "radio-box_disabled";
+};
+export declare const RADIO_CONTROL_VARIANTS: {
+    readonly classic: "classic";
+    readonly box: "box";
 };
 export declare const RADIO_SLOTS: {
     readonly label: "label";

package/build/esm/packages/phoenix/src/components/form/radio/radio_constants.js

@@ -1,4 +1,5 @@
 const baseRadioControlClass = 'radio';
+const baseRadioBoxControlClass = 'radio-box';
 const RADIO_CONTROL_CSS_CLASSES = {
     radio: baseRadioControlClass,
     radioError: `${baseRadioControlClass}_error`,
@@ -8,7 +9,13 @@ const RADIO_CONTROL_CSS_CLASSES = {
     radioDescription: `${baseRadioControlClass}__description`,
     radioControl: `${baseRadioControlClass}__control`,
     radioInput: `${baseRadioControlClass}__input`,
-    radioLabel: `${baseRadioControlClass}__label`
+    radioLabel: `${baseRadioControlClass}__label`,
+    radioBox: baseRadioBoxControlClass,
+    radioBoxDisabled: `${baseRadioBoxControlClass}_disabled`
+};
+const RADIO_CONTROL_VARIANTS = {
+    classic: 'classic',
+    box: 'box'
 };
 const RADIO_SLOTS = {
     label: 'label',
@@ -18,5 +25,5 @@ const RADIO_CONTROL_EVENTS = {
     change: 'change'
 };
 
-export { RADIO_CONTROL_CSS_CLASSES, RADIO_CONTROL_EVENTS, RADIO_SLOTS };
+export { RADIO_CONTROL_CSS_CLASSES, RADIO_CONTROL_EVENTS, RADIO_CONTROL_VARIANTS, RADIO_SLOTS };
 //# sourceMappingURL=radio_constants.js.map

package/build/esm/packages/phoenix/src/components/form/radio/radio_constants.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;"}
+{"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;"}

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

@@ -5,6 +5,7 @@ export declare class HOption extends PhoenixLightLitElement {
     selected: boolean;
     disabled: boolean;
     hidden: boolean;
+    inactive: boolean;
     clickable: boolean;
     private _btnController;
     private _$checkedIcon?;
@@ -12,6 +13,8 @@ export declare class HOption extends PhoenixLightLitElement {
     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

@@ -13,12 +13,7 @@ let HOption = class HOption extends PhoenixLightLitElement {
         this._dispatchClickedEvent = () => {
             if (this.disabled && !this.clickable)
                 return;
-            this.dispatchEvent(new CustomEvent(SELECT_OPTION_EVENT_NAMES.clicked, {
-                bubbles: true,
-                detail: {
-                    $option: this
-                }
-            }));
+            this._dispatchEvent(SELECT_OPTION_EVENT_NAMES.clicked);
         };
     }
     connectedCallback() {
@@ -38,6 +33,19 @@ let HOption = class HOption extends PhoenixLightLitElement {
         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');
@@ -66,6 +74,10 @@ __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)

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

@@ -1 +1 @@
-{"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;"}
+{"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/select_components_constatns.d.ts

@@ -1,8 +1,10 @@
 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";

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

@@ -1,8 +1,10 @@
 const SELECT_OPTION_EVENT_NAMES = {
-    clicked: 'selectOption.clicked'
+    clicked: 'selectOption.clicked',
+    updated: 'selectOption.updated'
 };
 const SELECT_OPTIONS_EVENT_NAMES = {
-    clicked: 'selectOptions.clicked'
+    clicked: 'selectOptions.clicked',
+    updated: 'selectOptions.updated'
 };
 const SELECT_SEARCH_EVENT_NAMES = {
     search: 'selectSearch.search'

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

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

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

@@ -2,4 +2,6 @@ import { PhoenixLightLitElement } from "../../../../core/phoenix_light_lit_eleme
 export declare class HOptions extends PhoenixLightLitElement {
     constructor();
     private _dispatchClickedEvent;
+    private _dispatchUpdatedEvent;
+    private _dispatchEvent;
 }

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

@@ -8,16 +8,23 @@ let HOptions = class HOptions extends PhoenixLightLitElement {
     constructor() {
         super();
         this._dispatchClickedEvent = ({ detail }) => {
-            this.dispatchEvent(new CustomEvent(SELECT_OPTIONS_EVENT_NAMES.clicked, {
+            this._dispatchEvent(SELECT_OPTIONS_EVENT_NAMES.clicked, detail.$option);
+        };
+        this._dispatchUpdatedEvent = ({ detail }) => {
+            this._dispatchEvent(SELECT_OPTIONS_EVENT_NAMES.updated, detail.$option);
+        };
+        this._dispatchEvent = (eventName, $option) => {
+            this.dispatchEvent(new CustomEvent(eventName, {
                 bubbles: true,
                 detail: {
-                    $option: detail.$option
+                    $option
                 }
             }));
         };
         this.setAttribute('role', 'listbox');
         UiDomUtils.makeNavigable(this);
         this.addEventListener(SELECT_OPTION_EVENT_NAMES.clicked, this._dispatchClickedEvent);
+        this.addEventListener(SELECT_OPTION_EVENT_NAMES.updated, this._dispatchUpdatedEvent);
     }
 };
 HOptions = __decorate([

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

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

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

@@ -20,6 +20,7 @@ export declare abstract class BaseSelectController implements ISelectController,
     replace(options: SelectOption[]): void;
     deselectAll(): void;
     deselect(option: SelectOption): void;
+    updateOption(value: string, newOptions: Partial<SelectOption>): void;
     filter(value: string): void;
     protected requestUpdate(): void;
     getOption(selectValue: string): SelectOption | undefined;

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

@@ -59,8 +59,18 @@ class BaseSelectController {
         this.selectedOptions$.notify([]);
         this.requestUpdate();
     }
+    updateOption(value, newOptions) {
+        const option = this.getOption(value);
+        if (!option)
+            return;
+        Object.entries(newOptions).forEach(([key, value]) => {
+            option[key] = value;
+        });
+        this.requestUpdate();
+    }
     filter(value) {
-        const selectOptions = this.options$.getValue();
+        var _a;
+        const selectOptions = (_a = this.options$.getValue()) === null || _a === void 0 ? void 0 : _a.filter((option) => !option.inactive);
         if (!selectOptions)
             return;
         const filtered = SearchingUtils.fuzzySearch(value, selectOptions, 'content');

package/build/esm/packages/phoenix/src/components/form/select/controllers/base_select_controller.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;"}
+{"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;"}

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

@@ -19,4 +19,5 @@ export interface ISelectController {
     remove(optionValue: string): void;
     add(option: SelectOption, position?: number): void;
     replace(options: SelectOption[]): void;
+    updateOption(value: string, newOptions: Partial<SelectOption>): void;
 }

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

@@ -3,6 +3,7 @@ export declare class SelectOption {
     selected: boolean;
     disabled: boolean;
     value: string;
+    inactive: boolean;
     hidden: boolean;
     content: string;
     private constructor();

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

@@ -1,10 +1,11 @@
 class SelectOption {
-    constructor({ selected = false, hidden = false, disabled = false, value, content }) {
+    constructor({ selected = false, hidden = false, disabled = false, value, content, inactive = false }) {
         this.value = value;
         this.selected = selected;
         this.hidden = hidden;
         this.disabled = disabled;
         this.content = content;
+        this.inactive = inactive;
     }
     static create(options) {
         return new SelectOption(options);

package/build/esm/packages/phoenix/src/components/form/select/model/select_option.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;"}
+{"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;"}

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

@@ -4,4 +4,5 @@ export declare type TSelectOptionConstructorOptions = {
     selected?: boolean;
     disabled?: boolean;
     hidden?: boolean;
+    inactive?: boolean;
 };

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

@@ -11,6 +11,7 @@ class SelectOptionMapper {
             value: $option.value,
             disabled: $option.disabled,
             hidden: $option.hidden,
+            inactive: $option.inactive,
             content: optionContent,
             selected: $option.selected
         });

package/build/esm/packages/phoenix/src/components/form/select/model/select_option_mapper.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;"}
+{"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;"}

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

@@ -43,6 +43,7 @@ export declare class HSelect extends PhoenixLightLitElement {
     updateOptionAriaAttribute($option: HOption): void;
     private _removeHTMLOptions;
     private _handleOptionClicked;
+    private _handleOptionUpdated;
     private _selectOption;
     private _handleSearch;
     private _handleDropdownHidden;

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

@@ -49,7 +49,9 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
         this._updateOptionsView = (options) => {
             if (options.length < Object.keys(this._$options).length)
                 this._removeHTMLOptions(options.map((option) => option.value));
-            options.forEach((option, index) => {
+            options
+                .filter((option) => !option.inactive)
+                .forEach((option, index) => {
                 const { selected, value } = option;
                 const $option = this._$options[value];
                 if (!$option) {
@@ -65,6 +67,13 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
         this._handleOptionClicked = (event) => {
             this._selectOption(event.detail.$option.value);
         };
+        this._handleOptionUpdated = ({ detail }) => {
+            const $option = detail.$option;
+            this._selectController.updateOption($option.value, {
+                inactive: $option.inactive,
+                hidden: $option.hidden
+            });
+        };
         this._handleDropdownHidden = () => {
             this._searchValue = '';
             this.opened = false;
@@ -280,6 +289,7 @@ let HSelect = class HSelect extends PhoenixLightLitElement {
                 : ''}"
                                   ${ref(this._$optionsList)}
                                   @selectOptions.clicked=${this._handleOptionClicked}
+                                  @selectOptions.updated=${this._handleOptionUpdated}
                               >
                                   ${this.getSlot(SELECT_SLOT_NAMES.content)}
                               </h-options>

package/build/esm/packages/phoenix/src/components/form/select/select.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,uBAAuB,+CAAmD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,+CAAmD;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.d.ts

@@ -48,6 +48,7 @@ export { HRadioContent } from './components/form/radio/radio_content';
 export { HRadioControl } from './components/form/radio/radio_control';
 export * from './components/form/radio/radio_types';
 export * from './components/form/radio/radio_constants';
+export { RADIO_CONTROL_VARIANTS, RADIO_CONTROL_CSS_CLASSES } from "./components/form/radio/radio_constants";
 export { HTextarea } from './components/form/textarea/textarea';
 export { HTextareaControl } from './components/form/textarea/textarea_control';
 export * from './components/form/textarea/textarea_types';
@@ -77,7 +78,7 @@ export { HColorSwatchesControl } from './components/form/color_swatches_control/
 export { HColorSwatches } from './components/color_swatches/color_swatches';
 export { HColorItem } from './components/color_swatches/color_item/color_item';
 export { HColorSwatchesShowMore } from './components/color_swatches/show-more/show_more';
-export { TSelectedColorsObject } from "./components/color_swatches/color_swatches_types";
+export { TColorSwatchesControlChangeEventDetail } from "./components/color_swatches/color_swatches_types";
 export { COLOR_SWATCHES_CONTROL_EVENT_NAMES } from "./components/form/color_swatches_control/color_swatches_control_constants";
 export { VisibilityController } from './controllers/visibility_controller/visibility_controller';
 export * from './controllers/visibility_controller/visibility_controller_types';

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

@@ -49,7 +49,7 @@ export { SWITCH_CONTROL_CSS_CLASSES, SWITCH_CONTROL_EVENTS, SWITCH_SLOTS } from
 export { HSwitch } from './components/form/switch/switch.js';
 export { HSwitchContent } from './components/form/switch/switch_content.js';
 export { HSwitchControl } from './components/form/switch/switch_control.js';
-export { RADIO_CONTROL_CSS_CLASSES, RADIO_CONTROL_EVENTS, RADIO_SLOTS } from './components/form/radio/radio_constants.js';
+export { RADIO_CONTROL_CSS_CLASSES, RADIO_CONTROL_EVENTS, RADIO_CONTROL_VARIANTS, RADIO_SLOTS } from './components/form/radio/radio_constants.js';
 export { HRadio } from './components/form/radio/radio.js';
 export { HRadioContent } from './components/form/radio/radio_content.js';
 export { HRadioControl } from './components/form/radio/radio_control.js';

package/package.json

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