@shoper/phoenix_design_system 0.10.0 → 0.11.0-1

package/build/cjs/packages/phoenix/external/classnames/index.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _commonjsHelpers = require('../../../../_virtual/_commonjsHelpers.js');
+
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
+var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
+/* global define */
+
+(function () {
+
+	var hasOwn = {}.hasOwnProperty;
+
+	function classNames() {
+		var classes = [];
+
+		for (var i = 0; i < arguments.length; i++) {
+			var arg = arguments[i];
+			if (!arg) continue;
+
+			var argType = typeof arg;
+
+			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 (argType === 'object') {
+				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());
+				}
+			}
+		}
+
+		return classes.join(' ');
+	}
+
+	if ( module.exports) {
+		classNames.default = classNames;
+		module.exports = classNames;
+	} else {
+		window.classNames = classNames;
+	}
+}());
+});
+
+exports.default = classnames;
+//# sourceMappingURL=index.js.map

package/build/cjs/packages/phoenix/{src/components/accordion/accordion_content.js.map → external/classnames/index.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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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.js

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var index = require('../../../../external/classnames/index.js');
+var control_props_sync_controller_constants = require('../controllers/props_synchronizing/control_props_sync_controller_constants.js');
+var control_props_sync_provider_controller = require('../controllers/props_synchronizing/control_props_sync_provider_controller.js');
+var 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)]
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkbox);
+        const cssClasses = index['default']({
+            [checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxDisabled]: this.disabled,
+            [checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxError]: this.error,
+            [checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxReadonly]: this.readonly
+        });
+        if (cssClasses)
+            this.classList.add(cssClasses);
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HCheckbox.prototype, "id", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HCheckbox.prototype, "name", void 0);
+tslib_es6.__decorate([
+    decorators.property({ 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", Object)
+], exports.HCheckbox.prototype, "required", void 0);
+tslib_es6.__decorate([
+    decorators.property({ 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", Object)
+], exports.HCheckbox.prototype, "readonly", void 0);
+tslib_es6.__decorate([
+    decorators.property({ 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", Object)
+], exports.HCheckbox.prototype, "error", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HCheckbox.prototype, "partiallyChecked", void 0);
+exports.HCheckbox = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-checkbox'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HCheckbox);
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,+CAAmD;AAC3E;AACA;AACA;AACA,oBAAoB,0CAA8C;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('lit/decorators');
+
+const baseCheckboxControlClass = 'checkbox';
+const CHECKBOX_CONTROL_CSS_CLASSES = {
+    checkbox: baseCheckboxControlClass,
+    checkboxError: `${baseCheckboxControlClass}_error`,
+    checkboxDisabled: `${baseCheckboxControlClass}_disabled`,
+    checkboxReadonly: `${baseCheckboxControlClass}_readonly`,
+    checkboxContent: `${baseCheckboxControlClass}__content`,
+    checkboxDescription: `${baseCheckboxControlClass}__description`,
+    checkboxControl: `${baseCheckboxControlClass}__control`,
+    checkboxInput: `${baseCheckboxControlClass}__input`,
+    checkboxPartiallyChecked: `${baseCheckboxControlClass}__input_partial-checked`,
+    checkboxLabel: `${baseCheckboxControlClass}__label`
+};
+const CHECKBOX_PROPS_TO_SYNC = {
+    checked: 'checked',
+    partiallyChecked: 'partiallyChecked'
+};
+const CHECKBOX_SLOTS = {
+    label: 'label',
+    description: 'description'
+};
+const CHECKBOX_CONTROL_EVENTS = {
+    change: 'change'
+};
+
+exports.CHECKBOX_CONTROL_CSS_CLASSES = CHECKBOX_CONTROL_CSS_CLASSES;
+exports.CHECKBOX_CONTROL_EVENTS = CHECKBOX_CONTROL_EVENTS;
+exports.CHECKBOX_PROPS_TO_SYNC = CHECKBOX_PROPS_TO_SYNC;
+exports.CHECKBOX_SLOTS = CHECKBOX_SLOTS;
+//# sourceMappingURL=checkbox_constants.js.map

package/build/cjs/packages/phoenix/src/{controllers/transition_controller/transition_controller.js.map → 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;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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
+var lit = require('lit');
+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 checkbox_constants = require('./checkbox_constants.js');
+var label_constants = require('../label/label_constants.js');
+
+exports.HCheckboxContent = class HCheckboxContent extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super();
+        new control_props_sync_consumer_controller.ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxContent);
+    }
+    render() {
+        super.render();
+        return lit.html `
+            <label class="${label_constants.LABEL_CSS_CLASSES.label}" for="${this.id}">${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> `
+            : lit.nothing}
+        `;
+    }
+};
+exports.HCheckboxContent = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-checkbox-content'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HCheckboxContent);
+//# sourceMappingURL=checkbox_content.js.map

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

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

@@ -0,0 +1,101 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
+var lit = require('lit');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element = require('../../../core/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var index = require('../../../../external/classnames/index.js');
+var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.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,
+                bubbles: true
+            }));
+        };
+        new control_props_sync_consumer_controller.ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxControl);
+    }
+    render() {
+        super.render();
+        const checkboxInputClasses = index['default'](checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxInput, {
+            [checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxPartiallyChecked]: this.partiallyChecked
+        });
+        return lit.html `
+            <input
+                type="checkbox"
+                class="${checkboxInputClasses}"
+                id="${this.id}"
+                name="${this.name}"
+                value="${this.value}"
+                ?disabled="${this.disabled}"
+                ?required="${this.required}"
+                ?readonly="${this.readonly}"
+                ?hidden="${this.hidden}"
+                ?checked="${this.checked}"
+                @change="${this._handleChangeEvent}"
+            />
+
+            <label class="${checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxLabel}" for="${this.id}"></label>
+        `;
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HCheckboxControl.prototype, "id", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HCheckboxControl.prototype, "name", void 0);
+tslib_es6.__decorate([
+    decorators.property({ 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", Object)
+], exports.HCheckboxControl.prototype, "required", void 0);
+tslib_es6.__decorate([
+    decorators.property({ 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", Object)
+], exports.HCheckboxControl.prototype, "readonly", void 0);
+tslib_es6.__decorate([
+    decorators.property({ 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", Object)
+], exports.HCheckboxControl.prototype, "partiallyChecked", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HCheckboxControl.prototype, "value", void 0);
+exports.HCheckboxControl = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-checkbox-control'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], exports.HCheckboxControl);
+//# sourceMappingURL=checkbox_control.js.map

package/build/cjs/packages/phoenix/src/components/{accordion/accordion_group.js.map → form/checkbox/checkbox_control.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,+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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
+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_constatns = require('./control_constatns.js');
+
+exports.HControl = class HControl extends phoenix_light_lit_element.PhoenixLightLitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(control_constatns.FORM_CONTROLS_CSS_CLASSES.control);
+    }
+};
+exports.HControl = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-control')
+], exports.HControl);
+//# sourceMappingURL=control.js.map

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

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

package/build/cjs/packages/phoenix/src/components/{form_controls → form/control}/control_additional_content.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+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 form_controls_constatns = require('./form_controls_constatns.js');
+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_constatns = require('./control_constatns.js');
 
 exports.HControlAdditionalContent = class HControlAdditionalContent extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super(...arguments);
-        this.type = form_controls_constatns.CONTROL_ADDITIONAL_CONTENT_TYPES.text;
+        this.type = control_constatns.CONTROL_ADDITIONAL_CONTENT_TYPES.text;
     }
     connectedCallback() {
         super.connectedCallback();
-        this.classList.add(form_controls_constatns.FORM_CONTROLS_CSS_CLASSES.additionalContent, form_controls_constatns.ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP[this.type]);
+        this.classList.add(control_constatns.FORM_CONTROLS_CSS_CLASSES.additionalContent, control_constatns.ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP[this.type]);
     }
 };
 tslib_es6.__decorate([

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

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

package/build/cjs/packages/phoenix/src/components/{form_controls/form_controls_constatns.js → form/control/control_constatns.js}

@@ -29,4 +29,4 @@ exports.ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP = ADDITIONAL_CONTENT_TYPE_TO_
 exports.CONTROL_ADDITIONAL_CONTENT_TYPES = CONTROL_ADDITIONAL_CONTENT_TYPES;
 exports.CONTROL_CONTENT_SIZES = CONTROL_CONTENT_SIZES;
 exports.FORM_CONTROLS_CSS_CLASSES = FORM_CONTROLS_CSS_CLASSES;
-//# sourceMappingURL=form_controls_constatns.js.map
+//# sourceMappingURL=control_constatns.js.map

package/build/cjs/packages/phoenix/src/components/{form_controls → form/control}/control_content.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+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 form_controls_constatns = require('./form_controls_constatns.js');
+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_constatns = require('./control_constatns.js');
 
 exports.HControlContent = class HControlContent extends phoenix_light_lit_element.PhoenixLightLitElement {
     constructor() {
         super(...arguments);
-        this.size = form_controls_constatns.CONTROL_CONTENT_SIZES.full;
+        this.size = control_constatns.CONTROL_CONTENT_SIZES.full;
     }
     connectedCallback() {
         super.connectedCallback();
-        this.classList.add(form_controls_constatns.FORM_CONTROLS_CSS_CLASSES.control);
+        this.classList.add(control_constatns.FORM_CONTROLS_CSS_CLASSES.control);
     }
 };
 tslib_es6.__decorate([

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

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

package/build/cjs/packages/phoenix/src/components/{form_controls → form/control}/control_element.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
-var form_controls_constatns = require('./form_controls_constatns.js');
+var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
+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_constatns = require('./control_constatns.js');
 
 exports.HControlElement = class HControlElement extends phoenix_light_lit_element.PhoenixLightLitElement {
     connectedCallback() {
         super.connectedCallback();
-        this.classList.add(form_controls_constatns.FORM_CONTROLS_CSS_CLASSES.controlElement);
+        this.classList.add(control_constatns.FORM_CONTROLS_CSS_CLASSES.controlElement);
     }
 };
 exports.HControlElement = tslib_es6.__decorate([

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

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

package/build/cjs/packages/phoenix/src/components/form/control/control_errors.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
+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_constatns = require('./control_constatns.js');
+
+exports.HControlErrors = class HControlErrors extends phoenix_light_lit_element.PhoenixLightLitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(control_constatns.FORM_CONTROLS_CSS_CLASSES.controlErrors);
+    }
+};
+exports.HControlErrors = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-control-errors')
+], exports.HControlErrors);
+//# sourceMappingURL=control_errors.js.map

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

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

package/build/cjs/packages/phoenix/src/components/{form_controls → form/control}/control_label.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
-var form_controls_constatns = require('./form_controls_constatns.js');
+var tslib_es6 = require('../../../../../../external/tslib/tslib.es6.js');
+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_constatns = require('./control_constatns.js');
 
 exports.HControlLabel = class HControlLabel extends phoenix_light_lit_element.PhoenixLightLitElement {
     connectedCallback() {
         super.connectedCallback();
-        this.classList.add(form_controls_constatns.FORM_CONTROLS_CSS_CLASSES.controlLabel);
+        this.classList.add(control_constatns.FORM_CONTROLS_CSS_CLASSES.controlLabel);
     }
 };
 exports.HControlLabel = tslib_es6.__decorate([

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

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

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

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../../../external/tslib/tslib.es6.js');
+require('lit');
+var context_consumer_controller = require('../../../../core/context/context_consumer_controller.js');
+var control_props_sync_controller_constants = require('./control_props_sync_controller_constants.js');
+var observer = require('../../../../core/classes/observer/observer.js');
+
+var _ControlPropsSyncConsumerController_host, _ControlPropsSyncConsumerController_contextConsumer, _ControlPropsSyncConsumerController_basePropsObservable, _ControlPropsSyncConsumerController_propsObserver, _ControlPropsSyncConsumerController_onPropsUpdated;
+class ControlPropsSyncConsumerController {
+    constructor({ host, onPropsUpdated }) {
+        _ControlPropsSyncConsumerController_host.set(this, void 0);
+        _ControlPropsSyncConsumerController_contextConsumer.set(this, void 0);
+        _ControlPropsSyncConsumerController_basePropsObservable.set(this, void 0);
+        _ControlPropsSyncConsumerController_propsObserver.set(this, void 0);
+        _ControlPropsSyncConsumerController_onPropsUpdated.set(this, void 0);
+        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] = value;
+                }
+            });
+            tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f").requestUpdate();
+        };
+        tslib_es6.__classPrivateFieldSet(this, _ControlPropsSyncConsumerController_host, host, "f");
+        tslib_es6.__classPrivateFieldSet(this, _ControlPropsSyncConsumerController_contextConsumer, new context_consumer_controller.ContextConsumerController(tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f")), "f");
+        tslib_es6.__classPrivateFieldSet(this, _ControlPropsSyncConsumerController_onPropsUpdated, onPropsUpdated, "f");
+        tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_host, "f").addController(this);
+    }
+    hostConnected() {
+        tslib_es6.__classPrivateFieldSet(this, _ControlPropsSyncConsumerController_basePropsObservable, tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_contextConsumer, "f").consume(control_props_sync_controller_constants.FORM_CONTROL_CONTEXTS.baseProps), "f");
+        if (!tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_basePropsObservable, "f"))
+            return;
+        this._setupPropsSync();
+    }
+    _setupPropsSync() {
+        var _a;
+        if (!tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_basePropsObservable, "f"))
+            return;
+        tslib_es6.__classPrivateFieldSet(this, _ControlPropsSyncConsumerController_propsObserver, new observer.Observer((_a = tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_onPropsUpdated, "f")) !== null && _a !== void 0 ? _a : this._syncProps), "f");
+        tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_basePropsObservable, "f").subscribe(tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_propsObserver, "f"));
+    }
+    hostDisconnected() {
+        var _a;
+        (_a = tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_basePropsObservable, "f")) === null || _a === void 0 ? void 0 : _a.unsubscribe(tslib_es6.__classPrivateFieldGet(this, _ControlPropsSyncConsumerController_propsObserver, "f"));
+    }
+}
+_ControlPropsSyncConsumerController_host = new WeakMap(), _ControlPropsSyncConsumerController_contextConsumer = new WeakMap(), _ControlPropsSyncConsumerController_basePropsObservable = new WeakMap(), _ControlPropsSyncConsumerController_propsObserver = new WeakMap(), _ControlPropsSyncConsumerController_onPropsUpdated = new WeakMap();
+
+exports.ControlPropsSyncConsumerController = ControlPropsSyncConsumerController;
+//# sourceMappingURL=control_props_sync_consumer_controller.js.map

package/build/cjs/packages/phoenix/src/components/{accordion/accordion.js.map → form/controllers/props_synchronizing/control_props_sync_consumer_controller.js.map}

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"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;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_controller_constants.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const FORM_CONTROL_CONTEXTS = {
+    baseProps: 'baseProps'
+};
+const BASE_FORM_CONTROL_PROPS = {
+    disabled: 'disabled',
+    required: 'required',
+    hidden: 'hidden',
+    readonly: 'readonly',
+    id: 'id',
+    name: 'name',
+    value: 'value'
+};
+
+exports.BASE_FORM_CONTROL_PROPS = BASE_FORM_CONTROL_PROPS;
+exports.FORM_CONTROL_CONTEXTS = FORM_CONTROL_CONTEXTS;
+//# sourceMappingURL=control_props_sync_controller_constants.js.map