@shoper/phoenix_design_system 0.13.0 → 0.13.1

package/build/cjs/external/lit-html/directives/if-defined.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var litHtml = require('../lit-html.js');
+
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const l=l=>null!=l?l:litHtml.nothing;
+
+exports.ifDefined = l;
+//# sourceMappingURL=if-defined.js.map

package/build/{esm/packages/star_core/build/esm/packages/star_core/src/core/errors/app_error.js.map → cjs/external/lit-html/directives/if-defined.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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/{external → packages/phoenix/external}/classnames/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _commonjsHelpers = require('../../_virtual/_commonjsHelpers.js');
+var _commonjsHelpers = require('../../../../_virtual/_commonjsHelpers.js');
 
 /*!
-  Copyright (c) 2017 Jed Watson.
+  Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
 */
@@ -17,7 +17,7 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 
 	var hasOwn = {}.hasOwnProperty;
 
-	function classNames () {
+	function classNames() {
 		var classes = [];
 
 		for (var i = 0; i < arguments.length; i++) {
@@ -28,16 +28,22 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 
 			if (argType === 'string' || argType === 'number') {
 				classes.push(arg);
-			} else if (Array.isArray(arg) && arg.length) {
-				var inner = classNames.apply(null, arg);
-				if (inner) {
-					classes.push(inner);
+			} else if (Array.isArray(arg)) {
+				if (arg.length) {
+					var inner = classNames.apply(null, arg);
+					if (inner) {
+						classes.push(inner);
+					}
 				}
 			} else if (argType === 'object') {
-				for (var key in arg) {
-					if (hasOwn.call(arg, key) && arg[key]) {
-						classes.push(key);
+				if (arg.toString === Object.prototype.toString) {
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
 					}
+				} else {
+					classes.push(arg.toString());
 				}
 			}
 		}

package/build/cjs/packages/{star_core/build/esm/packages/star_core/src/classes/values_container/values_container.js.map → phoenix/external/classnames/index.js.map}

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

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

@@ -7,8 +7,8 @@ var context_provider_controller = require('../../core/context/context_provider_c
 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 accordion_constants = require('./accordion_constants.js');
 var behavior_subject = require('../../core/classes/behavior_subject/behavior_subject.js');
+var accordion_constants = require('./accordion_constants.js');
 
 exports.HAccordion = class HAccordion extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.js

@@ -9,8 +9,8 @@ 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 observer = require('../../core/classes/observer/observer.js');
-var accordion_constants = require('./accordion_constants.js');
 var behavior_subject = require('../../core/classes/behavior_subject/behavior_subject.js');
+var accordion_constants = require('./accordion_constants.js');
 
 exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {

package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox.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_constants.js');
@@ -14,13 +14,6 @@ var checkbox_constants = require('./checkbox_constants.js');
 exports.HCheckbox = class HCheckbox 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;
-        this.partiallyChecked = false;
         new control_props_sync_provider_controller.ControlPropsSyncProviderController({
             host: this,
             propsToSync: [...Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS), ...Object.values(checkbox_constants.CHECKBOX_PROPS_TO_SYNC)]
@@ -48,32 +41,36 @@ tslib_es6.__decorate([
 ], exports.HCheckbox.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HCheckbox.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HCheckbox.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HCheckbox.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HCheckbox.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HCheckbox.prototype, "checked", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HCheckbox.prototype, "error", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HCheckbox.prototype, "partiallyChecked", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HCheckbox.prototype, "value", void 0);
 exports.HCheckbox = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-checkbox'),
     tslib_es6.__metadata("design:paramtypes", [])

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

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

@@ -2,8 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('lit/decorators');
-
 const baseCheckboxControlClass = 'checkbox';
 const CHECKBOX_CONTROL_CSS_CLASSES = {
     checkbox: baseCheckboxControlClass,

package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_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;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;"}

package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_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 checkbox_constants = require('./checkbox_constants.js');
 var label_constants = require('../label/label_constants.js');
 
@@ -25,7 +26,7 @@ exports.HCheckboxContent = class HCheckboxContent extends phoenix_light_lit_elem
     render() {
         super.render();
         return lit.html `
-            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${this.controlId}">${this.getSlot(checkbox_constants.CHECKBOX_SLOTS.label)}</label>
+            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${ifDefined.ifDefined(this.controlId)}">${this.getSlot(checkbox_constants.CHECKBOX_SLOTS.label)}</label>
 
             ${this.hasSlot(checkbox_constants.CHECKBOX_SLOTS.description)
             ? lit.html ` <div class="${checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxDescription}">${this.getSlot(checkbox_constants.CHECKBOX_SLOTS.description)}</div> `

package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_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/checkbox/checkbox_control.js

@@ -7,19 +7,14 @@ 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 index = require('../../../../../../external/classnames/index.js');
+var index = require('../../../../external/classnames/index.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 checkbox_constants = require('./checkbox_constants.js');
 
 exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super();
-        this.disabled = false;
-        this.required = false;
-        this.hidden = false;
-        this.readonly = false;
-        this.checked = false;
-        this.partiallyChecked = false;
         this._handleChangeEvent = (event) => {
             this.dispatchEvent(new CustomEvent(checkbox_constants.CHECKBOX_CONTROL_EVENTS.change, {
                 detail: event,
@@ -36,6 +31,7 @@ exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_elem
     }
     render() {
         super.render();
+        console.log('partiallyChecked', this.partiallyChecked);
         const checkboxInputClasses = index['default'](checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxInput, {
             [checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxPartiallyChecked]: this.partiallyChecked
         });
@@ -43,9 +39,9 @@ exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_elem
             <input
                 type="checkbox"
                 class="${checkboxInputClasses}"
-                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}"
@@ -54,7 +50,7 @@ exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_elem
                 @change="${this._handleChangeEvent}"
             />
 
-            <label class="${checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxLabel}" for="${this.id}"></label>
+            <label class="${checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxLabel}" for="${ifDefined.ifDefined(this.controlId)}"></label>
         `;
     }
 };
@@ -68,27 +64,27 @@ tslib_es6.__decorate([
 ], exports.HCheckboxControl.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HCheckboxControl.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HCheckboxControl.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HCheckboxControl.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HCheckboxControl.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HCheckboxControl.prototype, "checked", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HCheckboxControl.prototype, "partiallyChecked", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),

package/build/cjs/packages/phoenix/src/components/form/checkbox/checkbox_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,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;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,oBAAoB,0CAA8C;AAClE;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;"}

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")) {
+                if (key in tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f") && tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")[key] === undefined) {
                     tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")[key] = value;
                 }
             });

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

@@ -6,14 +6,14 @@ var tslib_es6 = require('../../../../../../../external/tslib/tslib.es6.js');
 require('lit');
 var context_provider_controller = require('../../../../core/context/context_provider_controller.js');
 var control_props_sync_controller_constants = require('./control_props_sync_controller_constants.js');
-var subject = require('../../../../core/classes/subject/subject.js');
+var behavior_subject = require('../../../../core/classes/behavior_subject/behavior_subject.js');
 
 var _ControlPropsSyncProviderController_host, _ControlPropsSyncProviderController_controlPropsProvider, _ControlPropsSyncProviderController_propsObservable, _ControlPropsSyncProviderController_propsToSync;
 class ControlPropsSyncProviderController {
     constructor({ host, propsToSync = Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS) }) {
         _ControlPropsSyncProviderController_host.set(this, void 0);
         _ControlPropsSyncProviderController_controlPropsProvider.set(this, void 0);
-        _ControlPropsSyncProviderController_propsObservable.set(this, new subject.Subject());
+        _ControlPropsSyncProviderController_propsObservable.set(this, new behavior_subject.BehaviorSubject());
         _ControlPropsSyncProviderController_propsToSync.set(this, void 0);
         tslib_es6.__classPrivateFieldSet(this, _ControlPropsSyncProviderController_host, host, "f");
         tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_host, "f").addController(this);
@@ -25,6 +25,8 @@ class ControlPropsSyncProviderController {
     }
     hostUpdated() {
         const controlPropsWithValuesToSync = tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_propsToSync, "f").reduce((acc, propsName) => {
+            if (tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_host, "f")[propsName] === undefined)
+                return acc;
             return {
                 ...acc,
                 [propsName]: tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_host, "f")[propsName]

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

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

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

@@ -7,21 +7,17 @@ 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 input_constants = require('./input_constants.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');
 
 exports.HInput = class HInput extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super();
-        this.withButton = false;
-        this.disabled = false;
-        this.required = false;
-        this.hidden = false;
-        this.readonly = false;
-        this.error = false;
         this.type = input_constants.INPUT_CONTROL_TYPES.text;
         new control_props_sync_provider_controller.ControlPropsSyncProviderController({
-            host: this
+            host: this,
+            propsToSync: [...Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS), ...Object.values(input_constants.INPUT_PROPS_TO_SYNC)]
         });
     }
     connectedCallback() {
@@ -50,32 +46,40 @@ tslib_es6.__decorate([
 ], exports.HInput.prototype, "size", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HInput.prototype, "withButton", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HInput.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HInput.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HInput.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HInput.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HInput.prototype, "error", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HInput.prototype, "placeholder", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: String }),
     tslib_es6.__metadata("design:type", String)
 ], exports.HInput.prototype, "type", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HInput.prototype, "value", void 0);
 exports.HInput = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-input'),
     tslib_es6.__metadata("design:paramtypes", [])

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

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

@@ -13,7 +13,6 @@ const INPUT_CONTROL_TYPES = {
     checkbox: 'checkbox',
     number: 'number',
     range: 'range',
-    textarea: 'textarea',
     select: 'select',
     multiSelect: 'multiSelect',
     hidden: 'hidden',
@@ -34,10 +33,14 @@ const INPUT_CONTROL_CSS_CLASSES = {
 const INPUT_CONTROL_EVENTS = {
     change: 'change',
     input: 'input'
+};
+const INPUT_PROPS_TO_SYNC = {
+    placeholder: 'placeholder'
 };
 
 exports.INPUT_CONTROL_CSS_CLASSES = INPUT_CONTROL_CSS_CLASSES;
 exports.INPUT_CONTROL_EVENTS = INPUT_CONTROL_EVENTS;
 exports.INPUT_CONTROL_SIZES = INPUT_CONTROL_SIZES;
 exports.INPUT_CONTROL_TYPES = INPUT_CONTROL_TYPES;
+exports.INPUT_PROPS_TO_SYNC = INPUT_PROPS_TO_SYNC;
 //# sourceMappingURL=input_constants.js.map

package/build/cjs/packages/phoenix/src/components/form/input/input_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;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;"}

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

@@ -9,15 +9,12 @@ 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,
@@ -42,10 +39,11 @@ exports.HInputControl = class HInputControl extends phoenix_light_lit_element.Ph
         super.render();
         return lit.html `
             <input
-                id="${this.controlId}"
-                name="${this.controlName}"
-                type="${this.type}"
-                value="${this.value}"
+                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)}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
                 ?readonly="${this.readonly}"
@@ -70,24 +68,28 @@ tslib_es6.__decorate([
 ], exports.HInputControl.prototype, "type", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HInputControl.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HInputControl.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], exports.HInputControl.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Object)
+    tslib_es6.__metadata("design:type", Boolean)
 ], 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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;"}

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