@shoper/phoenix_design_system 0.11.3-3 → 0.12.0

package/build/cjs/{packages/phoenix/external → 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) 2018 Jed Watson.
+  Copyright (c) 2017 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,22 +28,16 @@ var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 
 			if (argType === 'string' || argType === 'number') {
 				classes.push(arg);
-			} else if (Array.isArray(arg)) {
-				if (arg.length) {
-					var inner = classNames.apply(null, arg);
-					if (inner) {
-						classes.push(inner);
-					}
+			} else if (Array.isArray(arg) && arg.length) {
+				var inner = classNames.apply(null, arg);
+				if (inner) {
+					classes.push(inner);
 				}
 			} else if (argType === 'object') {
-				if (arg.toString === Object.prototype.toString) {
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes.push(key);
 					}
-				} else {
-					classes.push(arg.toString());
 				}
 			}
 		}

package/build/cjs/external/classnames/index.js.map

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

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

@@ -7,14 +7,15 @@ 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 subject = require('../../core/classes/subject/subject.js');
 var accordion_constants = require('./accordion_constants.js');
+var behavior_subject = require('../../core/classes/behavior_subject/behavior_subject.js');
 
 exports.HAccordion = class HAccordion extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super();
         this.disabled = false;
-        this._accordionSubject = new subject.Subject();
+        this.mode = accordion_constants.ACCORDION_MODE.multi;
+        this._accordionSubject = new behavior_subject.BehaviorSubject(this._getProps());
         this._accordionContext = new context_provider_controller.ContextProviderController(this);
         this._accordionContext.provide(accordion_constants.ACCORDION_CONTEXTS.accordionProps, this._accordionSubject);
     }
@@ -32,7 +33,8 @@ exports.HAccordion = class HAccordion extends phoenix_light_lit_element.PhoenixL
     }
     _getProps() {
         return {
-            disabled: this.disabled
+            disabled: this.disabled,
+            mode: this.mode
         };
     }
 };
@@ -40,6 +42,10 @@ tslib_es6.__decorate([
     decorators.property({ type: Boolean, reflect: true }),
     tslib_es6.__metadata("design:type", Object)
 ], exports.HAccordion.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HAccordion.prototype, "mode", void 0);
 exports.HAccordion = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-accordion'),
     tslib_es6.__metadata("design:paramtypes", [])

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

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

@@ -8,8 +8,13 @@ const ACCORDION_EVENTS = {
 const ACCORDION_CONTEXTS = {
     accordionProps: 'accordionPropsSubject',
     accordionGroupProps: 'accordionGroupPropsSubject'
+};
+const ACCORDION_MODE = {
+    single: 'single',
+    multi: 'multi'
 };
 
 exports.ACCORDION_CONTEXTS = ACCORDION_CONTEXTS;
 exports.ACCORDION_EVENTS = ACCORDION_EVENTS;
+exports.ACCORDION_MODE = ACCORDION_MODE;
 //# sourceMappingURL=accordion_constants.js.map

package/build/cjs/packages/phoenix/src/components/accordion/accordion_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;"}
+{"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;"}

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

@@ -31,11 +31,13 @@ exports.HAccordionContent = class HAccordionContent extends phoenix_light_lit_el
         this._subscribeObserver();
     }
     _setStylingOptions() {
+        this.style.display = 'block';
         this._originalHeight = `${this.getBoundingClientRect().height}px`;
+        this.style.display = '';
         this.style.height = this._originalHeight;
     }
-    _subscribeObserver() {
-        this._accordionGroupProps = this._contextConsumer.consume(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
+    async _subscribeObserver() {
+        this._accordionGroupProps = await this._contextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
         this._accordionGroupPropsObserver = new observer.Observer((accordionProps) => {
             this._setAttributes(accordionProps);
             accordionProps.opened ? this._transitionController.show(this._expand) : this._transitionController.hide(this._collapse);

package/build/cjs/packages/phoenix/src/components/accordion/accordion_content.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;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;AACA;AACA;AACA;AACA;"}

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

@@ -9,20 +9,21 @@ 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 subject = require('../../core/classes/subject/subject.js');
 var accordion_constants = require('./accordion_constants.js');
+var behavior_subject = require('../../core/classes/behavior_subject/behavior_subject.js');
 
 exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super();
         this.opened = false;
         this._isDisabled = false;
-        this._regionId = self.crypto.randomUUID();
-        this._controlsId = self.crypto.randomUUID();
+        this._regionId = typeof self.crypto.randomUUID === 'function' ? self.crypto.randomUUID() : (Math.random() + 1).toString(36).substring(3);
+        this._controlsId = typeof self.crypto.randomUUID === 'function' ? self.crypto.randomUUID() : (Math.random() + 1).toString(36).substring(3);
+        this._mode = accordion_constants.ACCORDION_MODE.multi;
         this._accordionToggle = () => {
             this.toggle();
         };
-        this._accordionGroupPropsSubject = new subject.Subject();
+        this._accordionGroupPropsSubject = new behavior_subject.BehaviorSubject(this._getProps());
         this._accordionGroupContext = new context_provider_controller.ContextProviderController(this);
         this._accordionGroupContext.provide(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps, this._accordionGroupPropsSubject);
     }
@@ -32,9 +33,10 @@ exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_elemen
         this._subscribeObserver();
         this.addEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
     }
-    _subscribeObserver() {
-        this._accordionProps = this._accordionContextConsumer.consume(accordion_constants.ACCORDION_CONTEXTS.accordionProps);
+    async _subscribeObserver() {
+        this._accordionProps = await this._accordionContextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionProps);
         this._accordionPropsObserver = new observer.Observer((accordionProps) => {
+            this._mode = accordionProps.mode;
             const hasAccordionBeenDisabled = accordionProps.disabled;
             if (hasAccordionBeenDisabled) {
                 this.disable();
@@ -53,12 +55,16 @@ exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_elemen
         this.removeEventListener(accordion_constants.ACCORDION_EVENTS.toggle, this._accordionToggle);
     }
     show() {
+        if (this._mode === accordion_constants.ACCORDION_MODE.single)
+            this._closeOtherAccordionGroups();
         this.opened = true;
     }
     hide() {
         this.opened = false;
     }
     toggle() {
+        if (this._mode === accordion_constants.ACCORDION_MODE.single)
+            this._closeOtherAccordionGroups();
         this.opened = !this.opened;
     }
     enable() {
@@ -75,6 +81,12 @@ exports.HAccordionGroup = class HAccordionGroup extends phoenix_light_lit_elemen
             this._isDisabled = true;
         }
     }
+    _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());
+    }
     notify() {
         this._accordionGroupPropsSubject.notify(this._getProps());
     }
@@ -111,6 +123,10 @@ tslib_es6.__decorate([
     decorators.state(),
     tslib_es6.__metadata("design:type", Object)
 ], exports.HAccordionGroup.prototype, "_controlsId", void 0);
+tslib_es6.__decorate([
+    decorators.state(),
+    tslib_es6.__metadata("design:type", String)
+], exports.HAccordionGroup.prototype, "_mode", void 0);
 exports.HAccordionGroup = tslib_es6.__decorate([
     phoenix_custom_element.phoenixCustomElement('h-accordion-group'),
     tslib_es6.__metadata("design:paramtypes", [])

package/build/cjs/packages/phoenix/src/components/accordion/accordion_group.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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_toggler.js

@@ -22,9 +22,9 @@ exports.HAccordionToggler = class HAccordionToggler extends phoenix_light_lit_el
         this._btnController = new btn_controller.BtnController(this, this._emitTogglerClicked);
         this._contextConsumer = new context_consumer_controller.ContextConsumerController(this);
     }
-    connectedCallback() {
+    async connectedCallback() {
         super.connectedCallback();
-        this._accordionGroupProps = this._contextConsumer.consume(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
+        this._accordionGroupProps = await this._contextConsumer.consumeAsync(accordion_constants.ACCORDION_CONTEXTS.accordionGroupProps);
         this._accordionGroupPropsObserver = new observer.Observer((accordionProps) => this._setAttributes(accordionProps));
         this._accordionGroupProps.subscribe(this._accordionGroupPropsObserver);
         this.addEventListener('click', this._emitTogglerClicked);

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,6 +14,13 @@ 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)]
@@ -41,36 +48,32 @@ tslib_es6.__decorate([
 ], exports.HCheckbox.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HCheckbox.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HCheckbox.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HCheckbox.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HCheckbox.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HCheckbox.prototype, "checked", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HCheckbox.prototype, "error", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], 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,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,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;"}

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

@@ -2,6 +2,8 @@
 
 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;"}
+{"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;"}

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

@@ -8,7 +8,6 @@ var decorators = require('lit/decorators');
 var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
 var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
 var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
-var ifDefined = require('../../../../../../external/lit-html/directives/if-defined.js');
 var checkbox_constants = require('./checkbox_constants.js');
 var label_constants = require('../label/label_constants.js');
 
@@ -26,7 +25,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="${ifDefined.ifDefined(this.controlId)}">${this.getSlot(checkbox_constants.CHECKBOX_SLOTS.label)}</label>
+            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${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,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -7,14 +7,19 @@ 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,
@@ -31,7 +36,6 @@ 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
         });
@@ -39,9 +43,9 @@ exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_elem
             <input
                 type="checkbox"
                 class="${checkboxInputClasses}"
-                id="${ifDefined.ifDefined(this.controlId)}"
-                name="${ifDefined.ifDefined(this.controlName)}"
-                value="${ifDefined.ifDefined(this.value)}"
+                id="${this.controlId}"
+                name="${this.controlName}"
+                value="${this.value}"
                 ?disabled="${this.disabled}"
                 ?required="${this.required}"
                 ?readonly="${this.readonly}"
@@ -50,7 +54,7 @@ exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_elem
                 @change="${this._handleChangeEvent}"
             />
 
-            <label class="${checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxLabel}" for="${ifDefined.ifDefined(this.controlId)}"></label>
+            <label class="${checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxLabel}" for="${this.id}"></label>
         `;
     }
 };
@@ -64,27 +68,27 @@ tslib_es6.__decorate([
 ], exports.HCheckboxControl.prototype, "controlName", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HCheckboxControl.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HCheckboxControl.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HCheckboxControl.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HCheckboxControl.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HCheckboxControl.prototype, "checked", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], 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,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;"}
+{"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;"}

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

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

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 behavior_subject = require('../../../../core/classes/behavior_subject/behavior_subject.js');
+var subject = require('../../../../core/classes/subject/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 behavior_subject.BehaviorSubject());
+        _ControlPropsSyncProviderController_propsObservable.set(this, new subject.Subject());
         _ControlPropsSyncProviderController_propsToSync.set(this, void 0);
         tslib_es6.__classPrivateFieldSet(this, _ControlPropsSyncProviderController_host, host, "f");
         tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncProviderController_host, "f").addController(this);
@@ -25,8 +25,6 @@ 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;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;"}

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

@@ -7,17 +7,21 @@ 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 control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
+var index = require('../../../../../../external/classnames/index.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,
-            propsToSync: [...Object.keys(control_props_sync_controller_constants.BASE_FORM_CONTROL_PROPS), ...Object.values(input_constants.INPUT_PROPS_TO_SYNC)]
+            host: this
         });
     }
     connectedCallback() {
@@ -46,40 +50,32 @@ tslib_es6.__decorate([
 ], exports.HInput.prototype, "size", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HInput.prototype, "withButton", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HInput.prototype, "disabled", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HInput.prototype, "required", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HInput.prototype, "hidden", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], exports.HInput.prototype, "readonly", void 0);
 tslib_es6.__decorate([
     decorators.property({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
+    tslib_es6.__metadata("design:type", Object)
 ], 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,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;"}
+{"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;"}

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

@@ -13,6 +13,7 @@ const INPUT_CONTROL_TYPES = {
     checkbox: 'checkbox',
     number: 'number',
     range: 'range',
+    textarea: 'textarea',
     select: 'select',
     multiSelect: 'multiSelect',
     hidden: 'hidden',
@@ -33,14 +34,10 @@ 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;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;"}