@shoper/phoenix_design_system 0.11.3-4 → 0.13.0

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

@@ -9,12 +9,15 @@ var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var input_constants = require('./input_constants.js');
 var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
-var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
 
 exports.HInputControl = class HInputControl extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super();
         this.type = input_constants.INPUT_CONTROL_TYPES.text;
+        this.disabled = false;
+        this.required = false;
+        this.hidden = false;
+        this.readonly = false;
         this._handleChangeEvent = (event) => {
             this.dispatchEvent(new CustomEvent(input_constants.INPUT_CONTROL_EVENTS.change, {
                 detail: event,
@@ -39,11 +42,10 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
         super.render();
         return lit.html `
             <input
-                id="${ifDefined.ifDefined(this.controlId)}"
-                name="${ifDefined.ifDefined(this.controlName)}"
-                type="${ifDefined.ifDefined(this.type)}"
-                value="${ifDefined.ifDefined(this.value)}"
-                placeholder="${ifDefined.ifDefined(this.placeholder)}"
+                id="${this.controlId}"
+                name="${this.controlName}"
+                type="${this.type}"
+                value="${this.value}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
                 ?readonly="${this.readonly}"
@@ -68,28 +70,24 @@ tslib_es6.__decorate([
 ], exports.HInputControl.prototype, "type", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HInputControl.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HInputControl.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HInputControl.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HInputControl.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
 ], exports.HInputControl.prototype, "value", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HInputControl.prototype, "placeholder", void 0);
 exports.HInputControl = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-input-control'),
     tslib_es6.__metadata("design:paramtypes", [])

package/build/cjs/packages/phoenix/src/components/form/input/input_control.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,wBAAwB,8DAAkE;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;"}
+{"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;AACA;AACA;AACA;AACA;"}

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

@@ -6,7 +6,7 @@ var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
 var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var index = require('../../../../external/classnames/index.js');
+var index = require('../../../../../../external/classnames/index.js');
 var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
 var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
 var checkbox_constants = require('../checkbox/checkbox_constants.js');
@@ -15,6 +15,12 @@ var radio_constants = require('./radio_constants.js');
 exports.HRadio = class HRadio extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super();
+        this.disabled = false;
+        this.required = false;
+        this.hidden = false;
+        this.readonly = false;
+        this.checked = false;
+        this.error = false;
         new control_props_sync_provider_controller.ControlPropsSyncProviderController({
             host: this,
             propsToSync: [...Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS), checkbox_constants.CHECKBOX_PROPS_TO_SYNC.checked]
@@ -42,32 +48,28 @@ tslib_es6.__decorate([
 ], exports.HRadio.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HRadio.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HRadio.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HRadio.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HRadio.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HRadio.prototype, "checked", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HRadio.prototype, "error", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HRadio.prototype, "value", void 0);
 exports.HRadio = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-radio'),
     tslib_es6.__metadata("design:paramtypes", [])

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,gDAAoD;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;"}

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

@@ -8,7 +8,6 @@ var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
-var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
 var label_constants = require('../label/label_constants.js');
 var radio_constants = require('./radio_constants.js');
 
@@ -26,7 +25,7 @@ exports.HRadioContent = class HRadioContent extends phoenix_light_lit_element.Ph
     render() {
         super.render();
         return lit.html `
-            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${ifDefined.ifDefined(this.controlId)}">${this.getSlot(radio_constants.RADIO_SLOTS.label)}</label>
+            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${this.controlId}">${this.getSlot(radio_constants.RADIO_SLOTS.label)}</label>
 
             ${this.hasSlot(radio_constants.RADIO_SLOTS.description)
             ? lit.html ` <div class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioDescription}">${this.getSlot(radio_constants.RADIO_SLOTS.description)}</div> `

package/build/cjs/packages/phoenix/src/components/form/radio/radio_content.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,wBAAwB,8DAAkE;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;"}
+{"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;"}

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

@@ -8,12 +8,16 @@ var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
-var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
 var radio_constants = require('./radio_constants.js');
 
 exports.HRadioControl = class HRadioControl extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super();
+        this.disabled = false;
+        this.required = false;
+        this.hidden = false;
+        this.readonly = false;
+        this.checked = false;
         this._handleChangeEvent = (event) => {
             this.dispatchEvent(new CustomEvent(radio_constants.RADIO_CONTROL_EVENTS.change, {
                 detail: event,
@@ -34,9 +38,9 @@ exports.HRadioControl = class HRadioControl extends phoenix_light_lit_element.Ph
             <input
                 type="radio"
                 class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioInput}"
-                id="${ifDefined.ifDefined(this.controlId)}"
-                name="${ifDefined.ifDefined(this.controlName)}"
-                value="${ifDefined.ifDefined(this.value)}"
+                id="${this.controlId}"
+                name="${this.controlName}"
+                value="${this.value}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
                 ?readonly="${this.readonly}"
@@ -45,7 +49,7 @@ exports.HRadioControl = class HRadioControl extends phoenix_light_lit_element.Ph
                 @change="${this._handleChangeEvent}"
             />
 
-            <label class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioLabel}" for="${ifDefined.ifDefined(this.controlId)}"></label>
+            <label class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioLabel}" for="${this.controlId}"></label>
         `;
     }
 };
@@ -59,23 +63,23 @@ tslib_es6.__decorate([
 ], exports.HRadioControl.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HRadioControl.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HRadioControl.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HRadioControl.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HRadioControl.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HRadioControl.prototype, "checked", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),

package/build/cjs/packages/phoenix/src/components/form/radio/radio_control.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,wBAAwB,8DAAkE;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;"}
+{"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;AACA;"}

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

@@ -6,7 +6,7 @@ var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
 var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
-var index = require('../../../../external/classnames/index.js');
+var index = require('../../../../../../external/classnames/index.js');
 var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
 var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
 var checkbox_constants = require('../checkbox/checkbox_constants.js');
@@ -15,6 +15,12 @@ var switch_constants = require('./switch_constants.js');
 exports.HSwitch = class HSwitch extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super();
+        this.disabled = false;
+        this.required = false;
+        this.hidden = false;
+        this.readonly = false;
+        this.checked = false;
+        this.error = false;
         new control_props_sync_provider_controller.ControlPropsSyncProviderController({
             host: this,
             propsToSync: [...Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS), checkbox_constants.CHECKBOX_PROPS_TO_SYNC.checked]
@@ -42,32 +48,28 @@ tslib_es6.__decorate([
 ], exports.HSwitch.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HSwitch.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HSwitch.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HSwitch.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HSwitch.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HSwitch.prototype, "checked", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HSwitch.prototype, "error", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", String)
-], exports.HSwitch.prototype, "value", void 0);
 exports.HSwitch = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-switch'),
     tslib_es6.__metadata("design:paramtypes", [])

package/build/cjs/packages/phoenix/src/components/form/switch/switch.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,gDAAoD;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;"}

package/build/cjs/packages/phoenix/src/components/form/switch/switch_content.js

@@ -8,7 +8,6 @@ var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
-var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
 var label_constants = require('../label/label_constants.js');
 var switch_constants = require('./switch_constants.js');
 
@@ -26,7 +25,7 @@ exports.HSwitchContent = class HSwitchContent extends phoenix_light_lit_element.
     render() {
         super.render();
         return lit.html `
-            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${ifDefined.ifDefined(this.controlId)}">${this.getSlot(switch_constants.SWITCH_SLOTS.label)}</label>
+            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${this.controlId}">${this.getSlot(switch_constants.SWITCH_SLOTS.label)}</label>
 
             ${this.hasSlot(switch_constants.SWITCH_SLOTS.description)
             ? lit.html ` <div class="${switch_constants.SWITCH_CONTROL_CSS_CLASSES.switchDescription}">${this.getSlot(switch_constants.SWITCH_SLOTS.description)}</div> `

package/build/cjs/packages/phoenix/src/components/form/switch/switch_content.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,wBAAwB,8DAAkE;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;"}
+{"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;"}

package/build/cjs/packages/phoenix/src/components/form/switch/switch_control.js

@@ -8,12 +8,16 @@ var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
-var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
 var switch_constants = require('./switch_constants.js');
 
 exports.HSwitchControl = class HSwitchControl extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super();
+        this.disabled = false;
+        this.required = false;
+        this.hidden = false;
+        this.readonly = false;
+        this.checked = false;
         this._handleChangeEvent = (event) => {
             this.dispatchEvent(new CustomEvent(switch_constants.SWITCH_CONTROL_EVENTS.change, {
                 detail: event,
@@ -34,9 +38,9 @@ exports.HSwitchControl = class HSwitchControl extends phoenix_light_lit_element.
             <input
                 type="checkbox"
                 class="${switch_constants.SWITCH_CONTROL_CSS_CLASSES.switchInput}"
-                id="${ifDefined.ifDefined(this.controlId)}"
-                name="${ifDefined.ifDefined(this.controlName)}"
-                value="${ifDefined.ifDefined(this.value)}"
+                id="${this.controlId}"
+                name="${this.controlName}"
+                value="${this.value}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
                 ?readonly="${this.readonly}"
@@ -59,23 +63,23 @@ tslib_es6.__decorate([
 ], exports.HSwitchControl.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HSwitchControl.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HSwitchControl.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HSwitchControl.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HSwitchControl.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HSwitchControl.prototype, "checked", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),

package/build/cjs/packages/phoenix/src/components/form/switch/switch_control.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,wBAAwB,8DAAkE;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;"}
+{"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;AACA;"}

package/build/cjs/packages/phoenix/src/controllers/transition_controller/transition_controller.js

@@ -14,24 +14,33 @@ class TransitionController {
         this._transitionDuration = parseFloat(getComputedStyle(this.host).transitionDuration) * 1000;
     }
     hostDisconnected() { }
-    show(callback) {
-        this.host.hidden = false;
-        this.host.classList.add(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionEnd}`);
-        requestAnimationFrame(() => {
-            this.host.classList.remove(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionStart}`);
-            if (typeof callback === 'function')
-                callback();
+    async show(callback) {
+        return new Promise((resolve) => {
+            this.host.hidden = false;
+            this.host.classList.add(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionEnd}`);
+            requestAnimationFrame(() => {
+                this.host.classList.remove(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionStart}`);
+                if (typeof callback === 'function')
+                    callback();
+                setTimeout(() => {
+                    this.host.hidden = false;
+                    resolve();
+                }, this._transitionDuration);
+            });
         });
     }
-    hide(callback) {
-        requestAnimationFrame(() => {
-            if (typeof callback === 'function')
-                callback();
-            this.host.classList.add(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionStart}`);
-            this.host.classList.remove(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionEnd}`);
-            setTimeout(() => {
-                this.host.hidden = true;
-            }, this._transitionDuration);
+    async hide(callback) {
+        return new Promise((resolve) => {
+            requestAnimationFrame(() => {
+                if (typeof callback === 'function')
+                    callback();
+                this.host.classList.add(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionStart}`);
+                this.host.classList.remove(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionEnd}`);
+                setTimeout(() => {
+                    this.host.hidden = true;
+                    resolve();
+                }, this._transitionDuration);
+            });
         });
     }
 }

package/build/cjs/packages/phoenix/src/controllers/transition_controller/transition_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;"}
+{"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;"}

package/build/cjs/packages/phoenix/src/core/context/context_constants.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const CONTEXT_ASYNC_CONSUMER_DEFAULT_INTERVAL_RATE = 50;
+const CONTEXT_ASYNC_CONSUMER_DFAULT_MAX_WAITING_TIME = 2000;
+
+exports.CONTEXT_ASYNC_CONSUMER_DEFAULT_INTERVAL_RATE = CONTEXT_ASYNC_CONSUMER_DEFAULT_INTERVAL_RATE;
+exports.CONTEXT_ASYNC_CONSUMER_DFAULT_MAX_WAITING_TIME = CONTEXT_ASYNC_CONSUMER_DFAULT_MAX_WAITING_TIME;
+//# sourceMappingURL=context_constants.js.map

package/build/cjs/packages/phoenix/src/core/context/context_consumer_controller.js

@@ -5,15 +5,39 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
 require('lit');
 var context_consumer_messages_names = require('./context_consumer_messages_names.js');
+var context_constants = require('./context_constants.js');
 
-var _ContextConsumerController_host;
+var _ContextConsumerController_host, _ContextConsumerController_asyncConsumerSentinelId, _ContextConsumerController_asyncConsumerIntervalId;
 class ContextConsumerController {
     constructor(host) {
         _ContextConsumerController_host.set(this, void 0);
+        _ContextConsumerController_asyncConsumerSentinelId.set(this, void 0);
+        _ContextConsumerController_asyncConsumerIntervalId.set(this, void 0);
         tslib_es6.__classPrivateFieldSet(this, _ContextConsumerController_host, host, "f");
         tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_host, "f").addController(this);
     }
     consume(key) {
+        return this._consumeValue(key);
+    }
+    async consumeAsync(key, { intervalRate = context_constants.CONTEXT_ASYNC_CONSUMER_DEFAULT_INTERVAL_RATE, maxWaitingTime = context_constants.CONTEXT_ASYNC_CONSUMER_DFAULT_MAX_WAITING_TIME } = {}) {
+        const value = this._consumeValue(key);
+        if (value !== undefined)
+            return value;
+        return new Promise((resolve, reject) => {
+            tslib_es6.__classPrivateFieldSet(this, _ContextConsumerController_asyncConsumerIntervalId, setInterval(() => {
+                const value = this._consumeValue(key);
+                if (value !== undefined) {
+                    resolve(value);
+                }
+            }, intervalRate), "f");
+            tslib_es6.__classPrivateFieldSet(this, _ContextConsumerController_asyncConsumerSentinelId, setTimeout(() => {
+                reject();
+            }, maxWaitingTime), "f");
+        }).finally(() => {
+            this._clearAsyncConsumerIntervals();
+        });
+    }
+    _consumeValue(key) {
         const consumeEvent = new CustomEvent(context_consumer_messages_names.WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, {
             bubbles: true,
             cancelable: true,
@@ -25,9 +49,15 @@ class ContextConsumerController {
     }
     // Added to fix typescript error
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    hostConnected() { }
+    hostConnected() {
+        this._clearAsyncConsumerIntervals();
+    }
+    _clearAsyncConsumerIntervals() {
+        tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelId, "f") && window.clearTimeout(tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelId, "f"));
+        tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalId, "f") && clearInterval(tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalId, "f"));
+    }
 }
-_ContextConsumerController_host = new WeakMap();
+_ContextConsumerController_host = new WeakMap(), _ContextConsumerController_asyncConsumerSentinelId = new WeakMap(), _ContextConsumerController_asyncConsumerIntervalId = new WeakMap();
 
 exports.ContextConsumerController = ContextConsumerController;
 //# sourceMappingURL=context_consumer_controller.js.map

package/build/cjs/packages/phoenix/src/core/context/context_consumer_controller.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;"}
+{"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;"}

package/build/cjs/packages/phoenix/src/core/context/context_provider_controller.js

@@ -4,26 +4,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
 require('lit');
+var values_container = require('../../../../star_core/build/esm/packages/star_core/src/classes/values_container/values_container.js');
 var context_consumer_messages_names = require('./context_consumer_messages_names.js');
 
 var _ContextProviderController_host, _ContextProviderController_contextValues, _ContextProviderController_handleRequestedValue;
 class ContextProviderController {
     constructor(host) {
         _ContextProviderController_host.set(this, void 0);
-        _ContextProviderController_contextValues.set(this, {});
+        _ContextProviderController_contextValues.set(this, new values_container.ValuesContainer());
         _ContextProviderController_handleRequestedValue.set(this, (event) => {
             const customEvent = event;
             const valueKey = customEvent.detail.key;
-            if (tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f")[valueKey] === undefined)
+            if (!tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").has(valueKey))
                 return;
-            customEvent.detail[valueKey] = tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f")[valueKey];
+            customEvent.detail[valueKey] = tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").get(valueKey);
             event.stopPropagation();
         });
         tslib_es6.__classPrivateFieldSet(this, _ContextProviderController_host, host, "f");
         tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_host, "f").addController(this);
     }
     provide(key, value) {
-        tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f")[key] = value;
+        tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").add(key, value);
     }
     hostConnected() {
         tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_host, "f").addEventListener(context_consumer_messages_names.WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_handleRequestedValue, "f"));

package/build/cjs/packages/phoenix/src/core/context/context_provider_controller.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;"}
+{"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;"}