@shoper/phoenix_design_system 1.6.10 → 1.6.12

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

@@ -22,6 +22,19 @@ exports.HCheckbox = class HCheckbox extends phoenix_light_lit_element.PhoenixLig
     connectedCallback() {
         super.connectedCallback();
         this.classList.add(checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkbox);
+        this._updateCssClassesBasedOnProps();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        this._updateCssClassesBasedOnProps();
+    }
+    _updateCssClassesBasedOnProps() {
+        const classes = [
+            checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxDisabled,
+            checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxError,
+            checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxReadonly
+        ];
+        this.classList.remove(...classes);
         const cssClasses = index['default']({
             [checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxDisabled]: this.disabled,
             [checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxError]: this.error,

package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/checkbox/checkbox_content.js

@@ -8,8 +8,8 @@ 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 ifDefined_js = require('lit-html/directives/if-defined.js');
-var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
 var checkbox_constants = require('./checkbox_constants.js');
+var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
 var label_constants = require('../label/label_constants.js');
 
 exports.HCheckboxContent = class HCheckboxContent extends phoenix_light_lit_element.PhoenixLightLitElement {

package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_control.js

@@ -10,8 +10,8 @@ var index = require('../../../../external/classnames/index.js');
 var litHtml = require('lit-html');
 var ref_js = require('lit-html/directives/ref.js');
 var ifDefined_js = require('lit-html/directives/if-defined.js');
-var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
 var checkbox_constants = require('./checkbox_constants.js');
+var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
 
 exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
@@ -51,7 +51,7 @@ exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_elem
                 ?required="${this.required}"
                 ?readonly="${this.readonly}"
                 ?hidden="${this.hidden}"
-                ?checked="${this.checked}"
+                .checked="${this.checked}"
                 @change="${this._handleChangeEvent}"
             />
 

package/build/cjs/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_consumer_controller.js

@@ -19,7 +19,7 @@ class ControlPropsSyncConsumerController {
         this._syncProps = (props) => {
             Object.entries(props).forEach(([key, value]) => {
                 // eslint-disable-next-line no-prototype-builtins
-                if (key in tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f") && tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")[key] === undefined) {
+                if (key in tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f") && tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")[key] !== value) {
                     tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")[key] = value;
                 }
             });

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

@@ -21,17 +21,26 @@ exports.HInput = class HInput extends phoenix_light_lit_element.PhoenixLightLitE
         });
     }
     connectedCallback() {
-        var _a;
         super.connectedCallback();
         if (this.type !== input_constants.INPUT_CONTROL_TYPES.hidden) {
             this.classList.add(input_constants.INPUT_CONTROL_CSS_CLASSES.input);
         }
+        this._updateCssClassesBasedOnProps();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        this._updateCssClassesBasedOnProps();
+    }
+    _updateCssClassesBasedOnProps() {
+        var _a;
+        const classes = [input_constants.INPUT_CONTROL_CSS_CLASSES.inputDisabled, input_constants.INPUT_CONTROL_CSS_CLASSES.inputError];
+        this.classList.remove(...classes);
         const cssClasses = index['default']({
             [input_constants.INPUT_CONTROL_CSS_CLASSES.inputDisabled]: this.disabled,
             [input_constants.INPUT_CONTROL_CSS_CLASSES.inputError]: this.error
         }, input_constants.INPUT_CONTROL_CSS_CLASSES[(_a = this.size) !== null && _a !== void 0 ? _a : '']);
         if (cssClasses)
-            this.classList.add(...cssClasses.split(' '));
+            this.classList.add(cssClasses);
     }
 };
 tslib_es6.__decorate([

package/build/cjs/packages/phoenix/src/components/form/input/input.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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/input/input_control.js

@@ -118,7 +118,7 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
                 id="${ifDefined_js.ifDefined(this.controlId)}"
                 name="${ifDefined_js.ifDefined(this.controlName)}"
                 type="${ifDefined_js.ifDefined(this.type)}"
-                value="${ifDefined_js.ifDefined(this.value)}"
+                .value="${ifDefined_js.ifDefined(this.value)}"
                 placeholder="${ifDefined_js.ifDefined(this.placeholder)}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"

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

@@ -23,6 +23,19 @@ exports.HRadio = class HRadio extends phoenix_light_lit_element.PhoenixLightLitE
     connectedCallback() {
         super.connectedCallback();
         this.classList.add(radio_constants.RADIO_CONTROL_CSS_CLASSES.radio);
+        this._updateCssClassesBasedOnProps();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        this._updateCssClassesBasedOnProps();
+    }
+    _updateCssClassesBasedOnProps() {
+        const classes = [
+            radio_constants.RADIO_CONTROL_CSS_CLASSES.radioDisabled,
+            radio_constants.RADIO_CONTROL_CSS_CLASSES.radioReadonly,
+            radio_constants.RADIO_CONTROL_CSS_CLASSES.radioError
+        ];
+        this.classList.remove(...classes);
         const cssClasses = index['default']({
             [radio_constants.RADIO_CONTROL_CSS_CLASSES.radioDisabled]: this.disabled,
             [radio_constants.RADIO_CONTROL_CSS_CLASSES.radioReadonly]: this.readonly,

package/build/cjs/packages/phoenix/src/components/form/radio/radio.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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/radio/radio_control.js

@@ -41,7 +41,7 @@ exports.HRadioControl = class HRadioControl extends phoenix_light_lit_element.Ph
                 ?required="${this.required}"
                 ?readonly="${this.readonly}"
                 ?hidden="${this.hidden}"
-                ?checked="${this.checked}"
+                .checked="${this.checked}"
                 @change="${this._handleChangeEvent}"
             />
 

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

@@ -41,12 +41,12 @@ var control_content = require('./components/form/control/control_content.js');
 var control_element = require('./components/form/control/control_element.js');
 var control_label = require('./components/form/control/control_label.js');
 var control_additional_content = require('./components/form/control/control_additional_content.js');
+var checkbox_constants = require('./components/form/checkbox/checkbox_constants.js');
 var input = require('./components/form/input/input.js');
 var input_mask_controller = require('./controllers/input_mask_controller/input_mask_controller.js');
 var input_control = require('./components/form/input/input_control.js');
 var input_icon = require('./components/form/input/input_icon.js');
 var input_unit = require('./components/form/input/input_unit.js');
-var checkbox_constants = require('./components/form/checkbox/checkbox_constants.js');
 var checkbox = require('./components/form/checkbox/checkbox.js');
 var label_constants = require('./components/form/label/label_constants.js');
 var checkbox_content = require('./components/form/checkbox/checkbox_content.js');
@@ -290,6 +290,10 @@ Object.defineProperty(exports, 'HControlAdditionalContent', {
 		return control_additional_content.HControlAdditionalContent;
 	}
 });
+exports.CHECKBOX_CONTROL_CSS_CLASSES = checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES;
+exports.CHECKBOX_CONTROL_EVENTS = checkbox_constants.CHECKBOX_CONTROL_EVENTS;
+exports.CHECKBOX_PROPS_TO_SYNC = checkbox_constants.CHECKBOX_PROPS_TO_SYNC;
+exports.CHECKBOX_SLOTS = checkbox_constants.CHECKBOX_SLOTS;
 Object.defineProperty(exports, 'HInput', {
 	enumerable: true,
 	get: function () {
@@ -315,10 +319,6 @@ Object.defineProperty(exports, 'HInputUnit', {
 		return input_unit.HInputUnit;
 	}
 });
-exports.CHECKBOX_CONTROL_CSS_CLASSES = checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES;
-exports.CHECKBOX_CONTROL_EVENTS = checkbox_constants.CHECKBOX_CONTROL_EVENTS;
-exports.CHECKBOX_PROPS_TO_SYNC = checkbox_constants.CHECKBOX_PROPS_TO_SYNC;
-exports.CHECKBOX_SLOTS = checkbox_constants.CHECKBOX_SLOTS;
 Object.defineProperty(exports, 'HCheckbox', {
 	enumerable: true,
 	get: function () {

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

@@ -12,4 +12,6 @@ export declare class HCheckbox extends PhoenixLightLitElement {
     value: string;
     constructor();
     connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _updateCssClassesBasedOnProps;
 }

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

@@ -18,6 +18,19 @@ let HCheckbox = class HCheckbox extends PhoenixLightLitElement {
     connectedCallback() {
         super.connectedCallback();
         this.classList.add(CHECKBOX_CONTROL_CSS_CLASSES.checkbox);
+        this._updateCssClassesBasedOnProps();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        this._updateCssClassesBasedOnProps();
+    }
+    _updateCssClassesBasedOnProps() {
+        const classes = [
+            CHECKBOX_CONTROL_CSS_CLASSES.checkboxDisabled,
+            CHECKBOX_CONTROL_CSS_CLASSES.checkboxError,
+            CHECKBOX_CONTROL_CSS_CLASSES.checkboxReadonly
+        ];
+        this.classList.remove(...classes);
         const cssClasses = classnames({
             [CHECKBOX_CONTROL_CSS_CLASSES.checkboxDisabled]: this.disabled,
             [CHECKBOX_CONTROL_CSS_CLASSES.checkboxError]: this.error,

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/checkbox/checkbox_content.js

@@ -4,8 +4,8 @@ import { property } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
-import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
 import { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_SLOTS } from './checkbox_constants.js';
+import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
 import { LABEL_CSS_CLASSES } from '../label/label_constants.js';
 
 let HCheckboxContent = class HCheckboxContent extends PhoenixLightLitElement {

package/build/esm/packages/phoenix/src/components/form/checkbox/checkbox_control.js

@@ -6,8 +6,8 @@ import classnames from '../../../../external/classnames/index.js';
 import { html } from 'lit-html';
 import { createRef, ref } from 'lit-html/directives/ref.js';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
-import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
 import { CHECKBOX_CONTROL_EVENTS, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
+import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
 
 let HCheckboxControl = class HCheckboxControl extends PhoenixLightLitElement {
     constructor() {
@@ -47,7 +47,7 @@ let HCheckboxControl = class HCheckboxControl extends PhoenixLightLitElement {
                 ?required="${this.required}"
                 ?readonly="${this.readonly}"
                 ?hidden="${this.hidden}"
-                ?checked="${this.checked}"
+                .checked="${this.checked}"
                 @change="${this._handleChangeEvent}"
             />
 

package/build/esm/packages/phoenix/src/components/form/controllers/props_synchronizing/control_props_sync_consumer_controller.js

@@ -15,7 +15,7 @@ class ControlPropsSyncConsumerController {
         this._syncProps = (props) => {
             Object.entries(props).forEach(([key, value]) => {
                 // eslint-disable-next-line no-prototype-builtins
-                if (key in __classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f") && __classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")[key] === undefined) {
+                if (key in __classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f") && __classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")[key] !== value) {
                     __classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")[key] = value;
                 }
             });

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

@@ -16,4 +16,6 @@ export declare class HInput extends PhoenixLightLitElement {
     value: string;
     constructor();
     connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _updateCssClassesBasedOnProps;
 }

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

@@ -17,17 +17,26 @@ let HInput = class HInput extends PhoenixLightLitElement {
         });
     }
     connectedCallback() {
-        var _a;
         super.connectedCallback();
         if (this.type !== INPUT_CONTROL_TYPES.hidden) {
             this.classList.add(INPUT_CONTROL_CSS_CLASSES.input);
         }
+        this._updateCssClassesBasedOnProps();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        this._updateCssClassesBasedOnProps();
+    }
+    _updateCssClassesBasedOnProps() {
+        var _a;
+        const classes = [INPUT_CONTROL_CSS_CLASSES.inputDisabled, INPUT_CONTROL_CSS_CLASSES.inputError];
+        this.classList.remove(...classes);
         const cssClasses = classnames({
             [INPUT_CONTROL_CSS_CLASSES.inputDisabled]: this.disabled,
             [INPUT_CONTROL_CSS_CLASSES.inputError]: this.error
         }, INPUT_CONTROL_CSS_CLASSES[(_a = this.size) !== null && _a !== void 0 ? _a : '']);
         if (cssClasses)
-            this.classList.add(...cssClasses.split(' '));
+            this.classList.add(cssClasses);
     }
 };
 __decorate([

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

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

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

@@ -114,7 +114,7 @@ let HInputControl = class HInputControl extends PhoenixLightLitElement {
                 id="${ifDefined(this.controlId)}"
                 name="${ifDefined(this.controlName)}"
                 type="${ifDefined(this.type)}"
-                value="${ifDefined(this.value)}"
+                .value="${ifDefined(this.value)}"
                 placeholder="${ifDefined(this.placeholder)}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"

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

@@ -11,4 +11,6 @@ export declare class HRadio extends PhoenixLightLitElement {
     value: string;
     constructor();
     connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private _updateCssClassesBasedOnProps;
 }

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

@@ -19,6 +19,19 @@ let HRadio = class HRadio extends PhoenixLightLitElement {
     connectedCallback() {
         super.connectedCallback();
         this.classList.add(RADIO_CONTROL_CSS_CLASSES.radio);
+        this._updateCssClassesBasedOnProps();
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        this._updateCssClassesBasedOnProps();
+    }
+    _updateCssClassesBasedOnProps() {
+        const classes = [
+            RADIO_CONTROL_CSS_CLASSES.radioDisabled,
+            RADIO_CONTROL_CSS_CLASSES.radioReadonly,
+            RADIO_CONTROL_CSS_CLASSES.radioError
+        ];
+        this.classList.remove(...classes);
         const cssClasses = classnames({
             [RADIO_CONTROL_CSS_CLASSES.radioDisabled]: this.disabled,
             [RADIO_CONTROL_CSS_CLASSES.radioReadonly]: this.readonly,

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uBAAuB,0CAA8C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/radio/radio_control.js

@@ -37,7 +37,7 @@ let HRadioControl = class HRadioControl extends PhoenixLightLitElement {
                 ?required="${this.required}"
                 ?readonly="${this.readonly}"
                 ?hidden="${this.hidden}"
-                ?checked="${this.checked}"
+                .checked="${this.checked}"
                 @change="${this._handleChangeEvent}"
             />
 

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

@@ -0,0 +1,15 @@
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSearch extends PhoenixLightLitElement {
+    private _searchContextConsumer;
+    private _searchContext$;
+    private _searchContextObserver;
+    private _shouldShowHistory;
+    private _searchResults;
+    private _searchHistory;
+    connectedCallback(): Promise<void>;
+    private _setupListeners;
+    private _displaySuggester;
+    private _displayHistorySuggestions;
+    private _displayResults;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,94 @@
+import { __decorate, __metadata } from "tslib";
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { ContextConsumerController } from '@phoenixRoot/core/context/context_consumer_controller';
+import '@phoenixRoot/core/classes/behavior_subject/behavior_subject';
+import { Observer } from '@phoenixRoot/core/classes/observer/observer';
+import { state } from 'lit/decorators';
+import { html } from 'lit/development';
+import './search_history';
+import './search_results';
+import { when } from 'lit/directives/when.js';
+let HSearch = class HSearch extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this._shouldShowHistory = false;
+        // przykladowe dane - to powinno przyjsc z contextu
+        this._searchResults = {
+            test: 'test'
+        };
+        // przykladowe dane to powinno przyjsc z contextu
+        this._searchHistory = ['test, dupa, dwa'];
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        try {
+            this._searchContextConsumer = new ContextConsumerController(this);
+            this._searchContext$ = await this._searchContextConsumer.consumeAsync('searchContext');
+            this._searchContextObserver = new Observer((searchData) => {
+                this._searchResults = searchData.results;
+                this._searchHistory = searchData.history;
+            });
+            this._searchContext$.subscribe(this._searchContextObserver);
+        }
+        catch (_a) {
+            console.error('Search context is not provided');
+        }
+        this._setupListeners();
+    }
+    _setupListeners() {
+        this.addEventListener('focusin', (ev) => {
+            const isSearchInput = ev.target instanceof HTMLInputElement && ev.target.type === 'search';
+            if (isSearchInput) {
+                const $searchInput = ev.target;
+                this._displaySuggester($searchInput.value);
+            }
+        });
+        this.addEventListener('keyup', (ev) => {
+            const isSearchInput = ev.target instanceof HTMLInputElement && ev.target.type === 'search';
+            if (isSearchInput) {
+                const $searchInput = ev.target;
+                this._displaySuggester($searchInput.value);
+            }
+        });
+    }
+    _displaySuggester(searchPhrase) {
+        if (searchPhrase === '') {
+            this._displayHistorySuggestions();
+        }
+        else {
+            this._displayResults();
+        }
+    }
+    _displayHistorySuggestions() {
+        // oczywiscie ta logika moze powinna byc bardziej skomplikowana ;)
+        this._shouldShowHistory = true;
+    }
+    _displayResults() {
+        // oczywiscie ta logika moze powinna byc bardziej skomplikowana ;)
+        this._shouldShowHistory = false;
+    }
+    render() {
+        // tutaj tez oczywiscie ta logika jets bledna i bardzo uproszczona - chodzi o sam zamysl i poukladanie teog.
+        return html `
+            ${when(this._shouldShowHistory, () => html `<h-search-history .history="${this._searchHistory}"></h-search-history>`, () => html `<h-search-results .results="${this._searchResults}"></h-search-results>`)}
+        `;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Boolean)
+], HSearch.prototype, "_shouldShowHistory", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], HSearch.prototype, "_searchResults", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], HSearch.prototype, "_searchHistory", void 0);
+HSearch = __decorate([
+    phoenixCustomElement('h-search')
+], HSearch);
+export { HSearch };
+//# sourceMappingURL=search.js.map

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

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

package/build/esm/packages/phoenix/src/components/search/search_history.d.ts

@@ -0,0 +1,5 @@
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSearchHistory extends PhoenixLightLitElement {
+    history: string[];
+    render(): import("lit-html").TemplateResult<1>;
+}

package/build/esm/packages/phoenix/src/components/search/search_history.js

@@ -0,0 +1,23 @@
+import { __decorate, __metadata } from "tslib";
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { property } from 'lit/decorators';
+import { html } from 'lit/development';
+let HSearchHistory = class HSearchHistory extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.history = [];
+    }
+    render() {
+        return html ` ${this.history} `;
+    }
+};
+__decorate([
+    property({ type: Array, attribute: 'result-data' }),
+    __metadata("design:type", Array)
+], HSearchHistory.prototype, "history", void 0);
+HSearchHistory = __decorate([
+    phoenixCustomElement('h-search-history')
+], HSearchHistory);
+export { HSearchHistory };
+//# sourceMappingURL=search_history.js.map

package/build/esm/packages/phoenix/src/components/search/search_history.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search_history.js","sourceRoot":"","sources":["../../../../../../../src/components/search/search_history.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,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAGvC,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,sBAAsB;IAA1D;;QAEI,YAAO,GAAa,EAAE,CAAC;IAK3B,CAAC;IAHU,MAAM;QACT,OAAO,IAAI,CAAA,IAAI,IAAI,CAAC,OAAO,GAAG,CAAC;IACnC,CAAC;CACJ,CAAA;AALG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;;+CAC7B;AAFd,cAAc;IAD1B,oBAAoB,CAAC,kBAAkB,CAAC;GAC5B,cAAc,CAO1B;SAPY,cAAc"}

package/build/esm/packages/phoenix/src/components/search/search_input.d.ts

@@ -0,0 +1,7 @@
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSearch extends PhoenixLightLitElement {
+    private _searchContextConsumer;
+    private _searchContext$;
+    private _searchContextObserver;
+    connectedCallback(): Promise<void>;
+}

package/build/esm/packages/phoenix/src/components/search/search_input.js

@@ -0,0 +1,39 @@
+import { __decorate, __metadata } from "tslib";
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { ContextConsumerController } from '@phoenixRoot/core/context/context_consumer_controller';
+import '@phoenixRoot/core/classes/behavior_subject/behavior_subject';
+import { Observer } from '@phoenixRoot/core/classes/observer/observer';
+import { state } from 'lit/decorators';
+let HSearch = class HSearch extends PhoenixLightLitElement {
+    async connectedCallback() {
+        super.connectedCallback();
+        try {
+            this._searchContextConsumer = new ContextConsumerController(this);
+            this._searchContext$ = await this._searchContextConsumer.consumeAsync('searchContext');
+            this._searchContextObserver = new Observer((searchData) => {
+                if (searchData.searchPhrase === '') {
+                    const $input = this.querySelector('input[type="search"]');
+                    if ($input) {
+                        $input.value = '';
+                    }
+                }
+            });
+            this._searchContext$.subscribe(this._searchContextObserver);
+        }
+        catch (_a) {
+            console.error('Search context is not provided');
+        }
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Promise)
+], HSearch.prototype, "connectedCallback", null);
+HSearch = __decorate([
+    phoenixCustomElement('h-search-input')
+], HSearch);
+export { HSearch };
+//# sourceMappingURL=search_input.js.map

package/build/esm/packages/phoenix/src/components/search/search_input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search_input.js","sourceRoot":"","sources":["../../../../../../../src/components/search/search_input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAgC,6DAA6D,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAE,MAAM,6CAA6C,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AASvC,IAAa,OAAO,GAApB,MAAa,OAAQ,SAAQ,sBAAsB;IAMxC,KAAK,CAAC,iBAAiB;QAC1B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI;YACA,IAAI,CAAC,sBAAsB,GAAG,IAAI,yBAAyB,CAAC,IAAI,CAAC,CAAC;YAClE,IAAI,CAAC,eAAe,GAAG,MAAM,IAAI,CAAC,sBAAsB,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;YAEvF,IAAI,CAAC,sBAAsB,GAAG,IAAI,QAAQ,CAAC,CAAC,UAAuB,EAAE,EAAE;gBACnE,IAAI,UAAU,CAAC,YAAY,KAAK,EAAE,EAAE;oBAChC,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAmB,sBAAsB,CAAC,CAAC;oBAC5E,IAAI,MAAM,EAAE;wBACR,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;qBACrB;iBACJ;YACL,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;SAC/D;QAAC,WAAM;YACJ,OAAO,CAAC,KAAK,CAAC,gCAAgC,CAAC,CAAC;SACnD;IACL,CAAC;CACJ,CAAA;AArBG;IADC,KAAK,EAAE;;;;gDAqBP;AA1BQ,OAAO;IADnB,oBAAoB,CAAC,gBAAgB,CAAC;GAC1B,OAAO,CA2BnB;SA3BY,OAAO"}

package/build/esm/packages/phoenix/src/components/search/search_results.d.ts

@@ -0,0 +1,5 @@
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
+export declare class HSearchResults extends PhoenixLightLitElement {
+    results: Record<any, any>;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/build/esm/packages/phoenix/src/components/search/search_results.js

@@ -0,0 +1,24 @@
+import { __decorate, __metadata } from "tslib";
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { property } from 'lit/decorators';
+import { html } from 'lit/development';
+import { repeat } from 'lit/directives/repeat.js';
+let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.results = {};
+    }
+    render() {
+        return html ` ${repeat(Object.keys(this.results), (key) => key, (key) => html ` ${this.results[key]} `)}`;
+    }
+};
+__decorate([
+    property({ type: Object, attribute: 'result-data' }),
+    __metadata("design:type", Object)
+], HSearchResults.prototype, "results", void 0);
+HSearchResults = __decorate([
+    phoenixCustomElement('h-search-results')
+], HSearchResults);
+export { HSearchResults };
+//# sourceMappingURL=search_results.js.map

package/build/esm/packages/phoenix/src/components/search/search_results.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search_results.js","sourceRoot":"","sources":["../../../../../../../src/components/search/search_results.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,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,sBAAsB;IAA1D;;QAEI,YAAO,GAAqB,EAAE,CAAC;IASnC,CAAC;IAPU,MAAM;QACT,OAAO,IAAI,CAAA,IAAI,MAAM,CACjB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EACzB,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EACZ,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAA,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CACxC,EAAE,CAAC;IACR,CAAC;CACJ,CAAA;AATG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;;+CACtB;AAFtB,cAAc;IAD1B,oBAAoB,CAAC,kBAAkB,CAAC;GAC5B,cAAc,CAW1B;SAXY,cAAc"}

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

@@ -37,12 +37,12 @@ export { HControlContent } from './components/form/control/control_content.js';
 export { HControlElement } from './components/form/control/control_element.js';
 export { HControlLabel } from './components/form/control/control_label.js';
 export { HControlAdditionalContent } from './components/form/control/control_additional_content.js';
+export { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_CONTROL_EVENTS, CHECKBOX_PROPS_TO_SYNC, CHECKBOX_SLOTS } from './components/form/checkbox/checkbox_constants.js';
 export { HInput } from './components/form/input/input.js';
 export { InputMaskController } from './controllers/input_mask_controller/input_mask_controller.js';
 export { HInputControl } from './components/form/input/input_control.js';
 export { HInputIcon } from './components/form/input/input_icon.js';
 export { HInputUnit } from './components/form/input/input_unit.js';
-export { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_CONTROL_EVENTS, CHECKBOX_PROPS_TO_SYNC, CHECKBOX_SLOTS } from './components/form/checkbox/checkbox_constants.js';
 export { HCheckbox } from './components/form/checkbox/checkbox.js';
 export { LABEL_CSS_CLASSES } from './components/form/label/label_constants.js';
 export { HCheckboxContent } from './components/form/checkbox/checkbox_content.js';

package/package.json

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