@shoper/phoenix_design_system 0.12.0 → 0.13.1-1

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

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

@@ -8,6 +8,7 @@ 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');
 
@@ -25,7 +26,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="${this.controlId}">${this.getSlot(radio_constants.RADIO_SLOTS.label)}</label>
+            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${ifDefined.ifDefined(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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;"}

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

@@ -8,16 +8,12 @@ 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,
@@ -38,9 +34,9 @@ exports.HRadioControl = class HRadioControl extends phoenix_light_lit_element.Ph
             <input
                 type="radio"
                 class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioInput}"
-                id="${this.controlId}"
-                name="${this.controlName}"
-                value="${this.value}"
+                id="${ifDefined.ifDefined(this.controlId)}"
+                name="${ifDefined.ifDefined(this.controlName)}"
+                value="${ifDefined.ifDefined(this.value)}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
                 ?readonly="${this.readonly}"
@@ -49,7 +45,7 @@ exports.HRadioControl = class HRadioControl extends phoenix_light_lit_element.Ph
                 @change="${this._handleChangeEvent}"
             />
 
-            <label class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioLabel}" for="${this.controlId}"></label>
+            <label class="${radio_constants.RADIO_CONTROL_CSS_CLASSES.radioLabel}" for="${ifDefined.ifDefined(this.controlId)}"></label>
         `;
     }
 };
@@ -63,23 +59,23 @@ tslib_es6.__decorate([
 ], exports.HRadioControl.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HRadioControl.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HRadioControl.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HRadioControl.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HRadioControl.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;"}

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,12 +15,6 @@ 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]
@@ -48,28 +42,32 @@ tslib_es6.__decorate([
 ], exports.HSwitch.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HSwitch.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HSwitch.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HSwitch.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HSwitch.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HSwitch.prototype, "checked", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], 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,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;"}
+{"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;"}

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

@@ -8,6 +8,7 @@ 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');
 
@@ -25,7 +26,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="${this.controlId}">${this.getSlot(switch_constants.SWITCH_SLOTS.label)}</label>
+            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${ifDefined.ifDefined(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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;"}

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

@@ -8,16 +8,12 @@ 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,
@@ -38,9 +34,9 @@ exports.HSwitchControl = class HSwitchControl extends phoenix_light_lit_element.
             <input
                 type="checkbox"
                 class="${switch_constants.SWITCH_CONTROL_CSS_CLASSES.switchInput}"
-                id="${this.controlId}"
-                name="${this.controlName}"
-                value="${this.value}"
+                id="${ifDefined.ifDefined(this.controlId)}"
+                name="${ifDefined.ifDefined(this.controlName)}"
+                value="${ifDefined.ifDefined(this.value)}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
                 ?readonly="${this.readonly}"
@@ -63,23 +59,23 @@ tslib_es6.__decorate([
 ], exports.HSwitchControl.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HSwitchControl.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HSwitchControl.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HSwitchControl.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HSwitchControl.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;"}

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

@@ -0,0 +1,74 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.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 textarea_constants = require('./textarea_constants.js');
+
+exports.HTextarea = class HTextarea extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        new control_props_sync_provider_controller.ControlPropsSyncProviderController({
+            host: this,
+            propsToSync: [...Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS), ...Object.values(textarea_constants.TEXTAREA_PROPS_TO_SYNC)]
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(textarea_constants.TEXTAREA_CONTROL_CSS_CLASSES.textarea);
+        const cssClasses = index['default']({
+            [textarea_constants.TEXTAREA_CONTROL_CSS_CLASSES.textareaDisabled]: this.disabled,
+            [textarea_constants.TEXTAREA_CONTROL_CSS_CLASSES.textareaError]: this.error,
+            [textarea_constants.TEXTAREA_CONTROL_CSS_CLASSES.textareaReadonly]: this.readonly
+        });
+        if (cssClasses)
+            this.classList.add(cssClasses);
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HTextarea.prototype, "controlId", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HTextarea.prototype, "controlName", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HTextarea.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HTextarea.prototype, "required", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HTextarea.prototype, "hidden", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HTextarea.prototype, "readonly", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HTextarea.prototype, "error", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HTextarea.prototype, "placeholder", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HTextarea.prototype, "value", void 0);
+exports.HTextarea = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-textarea'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HTextarea);
+//# sourceMappingURL=textarea.js.map

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

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

package/build/cjs/packages/phoenix/src/components/form/textarea/textarea_constants.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const baseTextareaControlClass = 'textarea';
+const TEXTAREA_CONTROL_CSS_CLASSES = {
+    textarea: baseTextareaControlClass,
+    textareaError: `${baseTextareaControlClass}_error`,
+    textareaDisabled: `${baseTextareaControlClass}_disabled`,
+    textareaReadonly: `${baseTextareaControlClass}_readonly`,
+    textareaControl: `${baseTextareaControlClass}__control`,
+    textareaLabel: `${baseTextareaControlClass}__label`
+};
+const TEXTAREA_CONTROL_EVENTS = {
+    input: 'input'
+};
+const TEXTAREA_PROPS_TO_SYNC = {
+    placeholder: 'placeholder'
+};
+const TEXTAREA_SLOTS = {
+    value: 'value'
+};
+
+exports.TEXTAREA_CONTROL_CSS_CLASSES = TEXTAREA_CONTROL_CSS_CLASSES;
+exports.TEXTAREA_CONTROL_EVENTS = TEXTAREA_CONTROL_EVENTS;
+exports.TEXTAREA_PROPS_TO_SYNC = TEXTAREA_PROPS_TO_SYNC;
+exports.TEXTAREA_SLOTS = TEXTAREA_SLOTS;
+//# sourceMappingURL=textarea_constants.js.map

package/build/{esm/packages/star_core/build/esm/external/tslib/tslib.es6.js.map → cjs/packages/phoenix/src/components/form/textarea/textarea_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;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/cjs/packages/phoenix/src/components/form/textarea/textarea_control.js

@@ -0,0 +1,84 @@
+'use strict';
+
+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 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 textarea_constants = require('./textarea_constants.js');
+
+exports.HTextareaControl = class HTextareaControl extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._handleInputEvent = (event) => {
+            this.dispatchEvent(new CustomEvent(textarea_constants.TEXTAREA_CONTROL_EVENTS.input, {
+                detail: event,
+                bubbles: true
+            }));
+        };
+        new control_props_sync_consumer_controller.ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(textarea_constants.TEXTAREA_CONTROL_CSS_CLASSES.textareaControl);
+    }
+    render() {
+        var _a;
+        super.render();
+        return lit.html `
+            <textarea
+                id="${ifDefined.ifDefined(this.controlId)}"
+                name="${ifDefined.ifDefined(this.controlName)}"
+                placeholder="${ifDefined.ifDefined(this.placeholder)}"
+                ?disabled="${this.disabled}"
+                ?required="${this.required}"
+                ?readonly="${this.readonly}"
+                ?hidden="${this.hidden}"
+                @input="${this._handleInputEvent}"
+            />${(_a = this.value) !== null && _a !== void 0 ? _a : lit.nothing}</textarea>
+        `;
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HTextareaControl.prototype, "controlId", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HTextareaControl.prototype, "controlName", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HTextareaControl.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HTextareaControl.prototype, "required", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HTextareaControl.prototype, "hidden", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HTextareaControl.prototype, "readonly", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HTextareaControl.prototype, "value", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HTextareaControl.prototype, "placeholder", void 0);
+exports.HTextareaControl = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-textarea-control'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HTextareaControl);
+//# sourceMappingURL=textarea_control.js.map

package/build/cjs/packages/phoenix/src/components/form/textarea/textarea_control.js.map

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

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/{star_core/build/esm/packages/star_core/src/classes/values_container/values_container_error.js.map → phoenix/src/core/context/context_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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -5,25 +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) {
-        const consumeEvent = new CustomEvent(context_consumer_messages_names.WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, {
-            bubbles: true,
-            cancelable: true,
-            composed: true,
-            detail: { 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();
         });
-        tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_host, "f").dispatchEvent(consumeEvent);
-        return consumeEvent.detail[key];
     }
-    async consumeAsync(key) {
+    _consumeValue(key) {
         const consumeEvent = new CustomEvent(context_consumer_messages_names.WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, {
             bubbles: true,
             cancelable: true,
@@ -31,29 +45,19 @@ class ContextConsumerController {
             detail: { key }
         });
         tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_host, "f").dispatchEvent(consumeEvent);
-        if (consumeEvent.detail[key] !== undefined)
-            return consumeEvent.detail[key];
-        return new Promise((resolve, reject) => {
-            const intervalId = setInterval(() => {
-                tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_host, "f").dispatchEvent(consumeEvent);
-                const value = consumeEvent.detail[key];
-                if (consumeEvent.detail[key] !== undefined) {
-                    clearInterval(intervalId);
-                    clearTimeout(timeoutId);
-                    resolve(value);
-                }
-            }, 50);
-            const timeoutId = setTimeout(() => {
-                clearInterval(timeoutId);
-                reject();
-            }, 2000);
-        });
+        return consumeEvent.detail[key];
     }
     // 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;AACA;AACA;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;"}