@shoper/phoenix_design_system 0.12.0 → 0.13.1-1

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

@@ -4,27 +4,26 @@ 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, new values_container.ValuesContainer());
+        _ContextProviderController_contextValues.set(this, {});
         _ContextProviderController_handleRequestedValue.set(this, (event) => {
             const customEvent = event;
             const valueKey = customEvent.detail.key;
-            if (!tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").has(valueKey))
+            if (tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f")[valueKey] === undefined)
                 return;
-            customEvent.detail[valueKey] = tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").get(valueKey);
+            customEvent.detail[valueKey] = tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f")[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").add(key, value);
+        tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f")[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;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;"}

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

@@ -38,6 +38,9 @@ var radio_constants = require('./components/form/radio/radio_constants.js');
 var radio = require('./components/form/radio/radio.js');
 var radio_content = require('./components/form/radio/radio_content.js');
 var radio_control = require('./components/form/radio/radio_control.js');
+var textarea_constants = require('./components/form/textarea/textarea_constants.js');
+var textarea = require('./components/form/textarea/textarea.js');
+var textarea_control = require('./components/form/textarea/textarea_control.js');
 var accordion_constants = require('./components/accordion/accordion_constants.js');
 var accordion = require('./components/accordion/accordion.js');
 var accordion_group = require('./components/accordion/accordion_group.js');
@@ -150,6 +153,7 @@ exports.INPUT_CONTROL_CSS_CLASSES = input_constants.INPUT_CONTROL_CSS_CLASSES;
 exports.INPUT_CONTROL_EVENTS = input_constants.INPUT_CONTROL_EVENTS;
 exports.INPUT_CONTROL_SIZES = input_constants.INPUT_CONTROL_SIZES;
 exports.INPUT_CONTROL_TYPES = input_constants.INPUT_CONTROL_TYPES;
+exports.INPUT_PROPS_TO_SYNC = input_constants.INPUT_PROPS_TO_SYNC;
 Object.defineProperty(exports, 'HInput', {
 	enumerable: true,
 	get: function () {
@@ -239,6 +243,22 @@ Object.defineProperty(exports, 'HRadioControl', {
 		return radio_control.HRadioControl;
 	}
 });
+exports.TEXTAREA_CONTROL_CSS_CLASSES = textarea_constants.TEXTAREA_CONTROL_CSS_CLASSES;
+exports.TEXTAREA_CONTROL_EVENTS = textarea_constants.TEXTAREA_CONTROL_EVENTS;
+exports.TEXTAREA_PROPS_TO_SYNC = textarea_constants.TEXTAREA_PROPS_TO_SYNC;
+exports.TEXTAREA_SLOTS = textarea_constants.TEXTAREA_SLOTS;
+Object.defineProperty(exports, 'HTextarea', {
+	enumerable: true,
+	get: function () {
+		return textarea.HTextarea;
+	}
+});
+Object.defineProperty(exports, 'HTextareaControl', {
+	enumerable: true,
+	get: function () {
+		return textarea_control.HTextareaControl;
+	}
+});
 exports.ACCORDION_CONTEXTS = accordion_constants.ACCORDION_CONTEXTS;
 exports.ACCORDION_EVENTS = accordion_constants.ACCORDION_EVENTS;
 exports.ACCORDION_MODE = accordion_constants.ACCORDION_MODE;

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

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

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

@@ -0,0 +1,10 @@
+import { nothing as w } from '../lit-html.js';
+
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */const l=l=>null!=l?l:w;
+
+export { l as ifDefined };
+//# sourceMappingURL=if-defined.js.map

package/build/{cjs/packages/star_core/build/esm/packages/star_core/src/core/errors/app_error.js.map → esm/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;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/esm/{external → packages/phoenix/external}/classnames/index.js

@@ -1,7 +1,7 @@
-import { createCommonjsModule } from '../../_virtual/_commonjsHelpers.js';
+import { createCommonjsModule } from '../../../../_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
 */
@@ -13,7 +13,7 @@ var classnames = createCommonjsModule(function (module) {
 
 	var hasOwn = {}.hasOwnProperty;
 
-	function classNames () {
+	function classNames() {
 		var classes = [];
 
 		for (var i = 0; i < arguments.length; i++) {
@@ -24,16 +24,22 @@ var classnames = 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/esm/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;"}
+{"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;"}

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

@@ -3,8 +3,8 @@ import { ContextProviderController } from '../../core/context/context_provider_c
 import { property } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
-import { ACCORDION_MODE, ACCORDION_CONTEXTS } from './accordion_constants.js';
 import { BehaviorSubject } from '../../core/classes/behavior_subject/behavior_subject.js';
+import { ACCORDION_MODE, ACCORDION_CONTEXTS } from './accordion_constants.js';
 
 let HAccordion = class HAccordion extends PhoenixLightLitElement {
     constructor() {

package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js

@@ -27,7 +27,7 @@ let HAccordionContent = class HAccordionContent extends PhoenixLightLitElement {
         this._subscribeObserver();
     }
     _setStylingOptions() {
-        this.style.display = 'block';
+        this.style.setProperty('display', 'block', 'important');
         this._originalHeight = `${this.getBoundingClientRect().height}px`;
         this.style.display = '';
         this.style.height = this._originalHeight;

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

@@ -5,8 +5,8 @@ import { property, state } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { Observer } from '../../core/classes/observer/observer.js';
-import { ACCORDION_MODE, ACCORDION_CONTEXTS, ACCORDION_EVENTS } from './accordion_constants.js';
 import { BehaviorSubject } from '../../core/classes/behavior_subject/behavior_subject.js';
+import { ACCORDION_MODE, ACCORDION_CONTEXTS, ACCORDION_EVENTS } from './accordion_constants.js';
 
 let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
     constructor() {
@@ -78,10 +78,12 @@ let HAccordionGroup = class HAccordionGroup extends PhoenixLightLitElement {
         }
     }
     _closeOtherAccordionGroups() {
-        const $accordion = this.closest('h-accordion');
-        const $accordionGroups = [...$accordion.querySelectorAll('h-accordion-group')];
-        const $otherAccordionGroupsWithinAccordion = $accordionGroups.filter(($accordionGroup) => $accordionGroup !== this);
-        $otherAccordionGroupsWithinAccordion.forEach(($accordionGroup) => $accordionGroup.hide());
+        if (!this._isDisabled) {
+            const $accordion = this.closest('h-accordion');
+            const $accordionGroups = [...$accordion.querySelectorAll('h-accordion-group')];
+            const $otherAccordionGroupsWithinAccordion = $accordionGroups.filter(($accordionGroup) => $accordionGroup !== this);
+            $otherAccordionGroupsWithinAccordion.forEach(($accordionGroup) => $accordionGroup.hide());
+        }
     }
     notify() {
         this._accordionGroupPropsSubject.notify(this._getProps());

package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js.map

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

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

@@ -9,6 +9,7 @@ export declare class HCheckbox extends PhoenixLightLitElement {
     checked: boolean;
     error: boolean;
     partiallyChecked: boolean;
+    value: string;
     constructor();
     connectedCallback(): void;
 }

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

@@ -2,7 +2,7 @@ import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.e
 import { property } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import classnames from '../../../../../../external/classnames/index.js';
+import classnames from '../../../../external/classnames/index.js';
 import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
 import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
 import { CHECKBOX_PROPS_TO_SYNC, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
@@ -10,13 +10,6 @@ import { CHECKBOX_PROPS_TO_SYNC, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox
 let HCheckbox = class HCheckbox extends 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 ControlPropsSyncProviderController({
             host: this,
             propsToSync: [...Object.keys(BASE_FORM_CONTROL_PROPS), ...Object.values(CHECKBOX_PROPS_TO_SYNC)]
@@ -44,32 +37,36 @@ __decorate([
 ], HCheckbox.prototype, "controlName", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HCheckbox.prototype, "disabled", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HCheckbox.prototype, "required", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HCheckbox.prototype, "hidden", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HCheckbox.prototype, "readonly", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HCheckbox.prototype, "checked", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HCheckbox.prototype, "error", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HCheckbox.prototype, "partiallyChecked", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HCheckbox.prototype, "value", void 0);
 HCheckbox = __decorate([
     phoenixCustomElement('h-checkbox'),
     __metadata("design:paramtypes", [])

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

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

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

@@ -1,5 +1,3 @@
-import 'lit/decorators';
-
 const baseCheckboxControlClass = 'checkbox';
 const CHECKBOX_CONTROL_CSS_CLASSES = {
     checkbox: baseCheckboxControlClass,

package/build/esm/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;"}
+{"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;"}

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

@@ -4,6 +4,7 @@ import { property } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
+import { ifDefined as l } from '../../../../../../external/lit-html/directives/if-defined.js';
 import { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_SLOTS } from './checkbox_constants.js';
 import { LABEL_CSS_CLASSES } from '../label/label_constants.js';
 
@@ -21,7 +22,7 @@ let HCheckboxContent = class HCheckboxContent extends PhoenixLightLitElement {
     render() {
         super.render();
         return html `
-            <label class="${LABEL_CSS_CLASSES.label}" for="${this.controlId}">${this.getSlot(CHECKBOX_SLOTS.label)}</label>
+            <label class="${LABEL_CSS_CLASSES.label}" for="${l(this.controlId)}">${this.getSlot(CHECKBOX_SLOTS.label)}</label>
 
             ${this.hasSlot(CHECKBOX_SLOTS.description)
             ? html ` <div class="${CHECKBOX_CONTROL_CSS_CLASSES.checkboxDescription}">${this.getSlot(CHECKBOX_SLOTS.description)}</div> `

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA,+BAA+B,8DAAkE;AACjG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -3,19 +3,14 @@ import { html } from 'lit';
 import { property } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import classnames from '../../../../../../external/classnames/index.js';
+import classnames from '../../../../external/classnames/index.js';
 import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
+import { ifDefined as l } from '../../../../../../external/lit-html/directives/if-defined.js';
 import { CHECKBOX_CONTROL_EVENTS, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
 
 let HCheckboxControl = class HCheckboxControl extends 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_CONTROL_EVENTS.change, {
                 detail: event,
@@ -32,6 +27,7 @@ let HCheckboxControl = class HCheckboxControl extends PhoenixLightLitElement {
     }
     render() {
         super.render();
+        console.log('partiallyChecked', this.partiallyChecked);
         const checkboxInputClasses = classnames(CHECKBOX_CONTROL_CSS_CLASSES.checkboxInput, {
             [CHECKBOX_CONTROL_CSS_CLASSES.checkboxPartiallyChecked]: this.partiallyChecked
         });
@@ -39,9 +35,9 @@ let HCheckboxControl = class HCheckboxControl extends PhoenixLightLitElement {
             <input
                 type="checkbox"
                 class="${checkboxInputClasses}"
-                id="${this.controlId}"
-                name="${this.controlName}"
-                value="${this.value}"
+                id="${l(this.controlId)}"
+                name="${l(this.controlName)}"
+                value="${l(this.value)}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
                 ?readonly="${this.readonly}"
@@ -50,7 +46,7 @@ let HCheckboxControl = class HCheckboxControl extends PhoenixLightLitElement {
                 @change="${this._handleChangeEvent}"
             />
 
-            <label class="${CHECKBOX_CONTROL_CSS_CLASSES.checkboxLabel}" for="${this.id}"></label>
+            <label class="${CHECKBOX_CONTROL_CSS_CLASSES.checkboxLabel}" for="${l(this.controlId)}"></label>
         `;
     }
 };
@@ -64,27 +60,27 @@ __decorate([
 ], HCheckboxControl.prototype, "controlName", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HCheckboxControl.prototype, "disabled", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HCheckboxControl.prototype, "required", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HCheckboxControl.prototype, "hidden", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HCheckboxControl.prototype, "readonly", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HCheckboxControl.prototype, "checked", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HCheckboxControl.prototype, "partiallyChecked", void 0);
 __decorate([
     property({ type: String }),

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

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

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

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

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

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

package/build/esm/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,+DAA+D,kDAAsD;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+DAA+D,kDAAsD;AACrH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -11,7 +11,9 @@ export declare class HInput extends PhoenixLightLitElement {
     hidden: boolean;
     readonly: boolean;
     error: boolean;
+    placeholder: string;
     type: TInputControlType;
+    value: string;
     constructor();
     connectedCallback(): void;
 }

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

@@ -2,22 +2,18 @@ import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.e
 import { property } from 'lit/decorators';
 import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { INPUT_CONTROL_TYPES, INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
-import classnames from '../../../../../../external/classnames/index.js';
+import { INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC, INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
+import classnames from '../../../../external/classnames/index.js';
+import { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';
 import { ControlPropsSyncProviderController } from '../controllers/props_synchronizing/control_props_sync_provider_controller.js';
 
 let HInput = class HInput extends PhoenixLightLitElement {
     constructor() {
         super();
-        this.withButton = false;
-        this.disabled = false;
-        this.required = false;
-        this.hidden = false;
-        this.readonly = false;
-        this.error = false;
         this.type = INPUT_CONTROL_TYPES.text;
         new ControlPropsSyncProviderController({
-            host: this
+            host: this,
+            propsToSync: [...Object.keys(BASE_FORM_CONTROL_PROPS), ...Object.values(INPUT_PROPS_TO_SYNC)]
         });
     }
     connectedCallback() {
@@ -46,32 +42,40 @@ __decorate([
 ], HInput.prototype, "size", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HInput.prototype, "withButton", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HInput.prototype, "disabled", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HInput.prototype, "required", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HInput.prototype, "hidden", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HInput.prototype, "readonly", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], HInput.prototype, "error", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInput.prototype, "placeholder", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)
 ], HInput.prototype, "type", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HInput.prototype, "value", void 0);
 HInput = __decorate([
     phoenixCustomElement('h-input'),
     __metadata("design:paramtypes", [])

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

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

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

@@ -8,7 +8,6 @@ export declare const INPUT_CONTROL_TYPES: {
     readonly checkbox: "checkbox";
     readonly number: "number";
     readonly range: "range";
-    readonly textarea: "textarea";
     readonly select: "select";
     readonly multiSelect: "multiSelect";
     readonly hidden: "hidden";
@@ -30,3 +29,6 @@ export declare const INPUT_CONTROL_EVENTS: {
     readonly change: "change";
     readonly input: "input";
 };
+export declare const INPUT_PROPS_TO_SYNC: {
+    readonly placeholder: "placeholder";
+};

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

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

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

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

@@ -10,6 +10,7 @@ export declare class HInputControl extends PhoenixLightLitElement {
     hidden: boolean;
     readonly: boolean;
     value: string;
+    placeholder: string;
     constructor();
     connectedCallback(): void;
     protected render(): TemplateResult;