@shoper/phoenix_design_system 1.3.0 → 1.3.2

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

@@ -0,0 +1,78 @@
+'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/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();
+        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, "controlId", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HCheckbox.prototype, "controlName", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HCheckbox.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HCheckbox.prototype, "required", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HCheckbox.prototype, "hidden", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HCheckbox.prototype, "readonly", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HCheckbox.prototype, "checked", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HCheckbox.prototype, "error", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HCheckbox.prototype, "partiallyChecked", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HCheckbox.prototype, "value", void 0);
+exports.HCheckbox = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-checkbox'),
+    tslib_es6.__metadata("design:paramtypes", [])
+], 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;"}

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

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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/components/form/checkbox/checkbox_constants.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;"}

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

@@ -0,0 +1,45 @@
+'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/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var ifDefined_js = require('lit-html/directives/if-defined.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="${ifDefined_js.ifDefined(this.controlId)}">${this.getSlot(checkbox_constants.CHECKBOX_SLOTS.label)}</label>
+
+            ${this.hasSlot(checkbox_constants.CHECKBOX_SLOTS.description)
+            ? lit.html ` <div class="${checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxDescription}">${this.getSlot(checkbox_constants.CHECKBOX_SLOTS.description)}</div> `
+            : lit.nothing}
+        `;
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HCheckboxContent.prototype, "controlId", void 0);
+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;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,102 @@
+'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/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var decorators_js = require('@lit/reactive-element/decorators.js');
+var index = require('../../../../external/classnames/index.js');
+var litHtml = require('lit-html');
+var ref_js = require('lit-html/directives/ref.js');
+var ifDefined_js = require('lit-html/directives/if-defined.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._inputRef = ref_js.createRef();
+        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() {
+        var _a;
+        super.render();
+        const checkboxInputClasses = index['default'](checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxInput, {
+            [checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxPartiallyChecked]: this.partiallyChecked
+        });
+        if ((_a = this._inputRef) === null || _a === void 0 ? void 0 : _a.value)
+            this._inputRef.value.indeterminate = this.partiallyChecked;
+        return litHtml.html `
+            <input
+                ${ref_js.ref(this._inputRef)}
+                type="checkbox"
+                class="${checkboxInputClasses}"
+                id="${ifDefined_js.ifDefined(this.controlId)}"
+                name="${ifDefined_js.ifDefined(this.controlName)}"
+                value="${ifDefined_js.ifDefined(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="${ifDefined_js.ifDefined(this.controlId)}"></label>
+        `;
+    }
+};
+tslib_es6.__decorate([
+    decorators_js.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HCheckboxControl.prototype, "controlId", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HCheckboxControl.prototype, "controlName", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HCheckboxControl.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HCheckboxControl.prototype, "required", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HCheckboxControl.prototype, "hidden", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HCheckboxControl.prototype, "readonly", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HCheckboxControl.prototype, "checked", void 0);
+tslib_es6.__decorate([
+    decorators_js.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HCheckboxControl.prototype, "partiallyChecked", void 0);
+tslib_es6.__decorate([
+    decorators_js.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/form/checkbox/checkbox_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,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;AACA;AACA;"}

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

@@ -0,0 +1,99 @@
+'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/phoenix_light_lit_element.js');
+var phoenix_custom_element = require('../../../core/decorators/phoenix_custom_element.js');
+var index = require('../../../../external/classnames/index.js');
+var input_constants = require('../input/input_constants.js');
+var color_swatches_control_constants = require('./color_swatches_control_constants.js');
+var color_swatches_constants = require('../../color_swatches/color_swatches_constants.js');
+
+exports.HColorSwatchesControl = class HColorSwatchesControl extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.selectedColors = [];
+    }
+    selectColors(values) {
+        if (!this._$colorSwatches)
+            return;
+        const $colors = values === null || values === void 0 ? void 0 : values.map((value) => this.querySelector(`h-color-item[value="${value}"]`)).filter(($color) => $color);
+        this._$colorSwatches.selectColors($colors);
+        this.requestUpdate();
+    }
+    clearAllColors() {
+        var _a;
+        (_a = this._$colorSwatches) === null || _a === void 0 ? void 0 : _a.clearAllColors();
+        this.requestUpdate();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._setupEvents();
+        this.classList.add(color_swatches_control_constants.COLOR_SWATCHES_CONTROL_CSS_CLASSES.colorSwatchesControl);
+        const cssClasses = index['default']({
+            [color_swatches_control_constants.COLOR_SWATCHES_CONTROL_CSS_CLASSES.colorSwatchesControlDisabled]: this.disabled,
+            [color_swatches_control_constants.COLOR_SWATCHES_CONTROL_CSS_CLASSES.colorSwatchesControlError]: this.error
+        });
+        this._$colorSwatches = this.querySelector('h-color-swatches');
+        if (cssClasses)
+            this.classList.add(cssClasses);
+        this._getSelectedColors();
+    }
+    _getSelectedColors() {
+        this.selectedColors = this._getSelectedColorItems().map((selectedColor) => { var _a; return (_a = selectedColor.value) !== null && _a !== void 0 ? _a : selectedColor.color; });
+    }
+    _getAllColorItems() {
+        return [...this.querySelectorAll('h-color-item[selected]')];
+    }
+    _getSelectedColorItems() {
+        return this._getAllColorItems().filter(($color) => $color.selected);
+    }
+    _setupEvents() {
+        this.addEventListener(color_swatches_constants.COLOR_SWATCHES_EVENT_NAMES.change, (event) => {
+            event.preventDefault();
+            this.selectedColors = event.detail.values;
+            this.dispatchEvent(new CustomEvent(color_swatches_control_constants.COLOR_SWATCHES_CONTROL_EVENT_NAMES.change, {
+                bubbles: true,
+                detail: event.detail
+            }));
+        });
+    }
+    render() {
+        if (!this.selectedColors.length)
+            return;
+        return lit.html `
+            ${this.selectedColors.map((color) => lit.html ` <input name="${this.controlName}" type="${input_constants.INPUT_CONTROL_TYPES.hidden}" value="${color}" /> `)}
+        `;
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String, attribute: 'control-id' }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HColorSwatchesControl.prototype, "controlId", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: String, attribute: 'control-name' }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HColorSwatchesControl.prototype, "controlName", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HColorSwatchesControl.prototype, "disabled", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HColorSwatchesControl.prototype, "required", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Boolean)
+], exports.HColorSwatchesControl.prototype, "error", void 0);
+tslib_es6.__decorate([
+    decorators.property(),
+    tslib_es6.__metadata("design:type", Array)
+], exports.HColorSwatchesControl.prototype, "selectedColors", void 0);
+exports.HColorSwatchesControl = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-color-swatches-control')
+], exports.HColorSwatchesControl);
+//# sourceMappingURL=color_swatches_control.js.map

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

package/build/cjs/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control_constants.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const baseColorSwatchesControlClass = 'color-swatches-control';
+const COLOR_SWATCHES_CONTROL_CSS_CLASSES = {
+    colorSwatchesControl: baseColorSwatchesControlClass,
+    colorSwatchesControlDisabled: `${baseColorSwatchesControlClass}_disabled`,
+    colorSwatchesControlError: `${baseColorSwatchesControlClass}_error`
+};
+const COLOR_SWATCHES_CONTROL_EVENT_NAMES = {
+    change: 'colorSwatchesControl.change'
+};
+
+exports.COLOR_SWATCHES_CONTROL_CSS_CLASSES = COLOR_SWATCHES_CONTROL_CSS_CLASSES;
+exports.COLOR_SWATCHES_CONTROL_EVENT_NAMES = COLOR_SWATCHES_CONTROL_EVENT_NAMES;
+//# sourceMappingURL=color_swatches_control_constants.js.map

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

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/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/control/control_additional_content.js

@@ -0,0 +1,28 @@
+'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/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 = control_constatns.CONTROL_ADDITIONAL_CONTENT_TYPES.text;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(control_constatns.FORM_CONTROLS_CSS_CLASSES.additionalContent, control_constatns.ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP[this.type]);
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HControlAdditionalContent.prototype, "type", void 0);
+exports.HControlAdditionalContent = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-control-additional-content')
+], exports.HControlAdditionalContent);
+//# sourceMappingURL=control_additional_content.js.map

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/control/control_constatns.js

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const CONTROL_CONTENT_SIZES = {
+    auto: 'auto',
+    full: 'full',
+    half: 'half',
+    quarter: 'quarter',
+    threeQuarters: 'three-quarters'
+};
+const baseControlClass = 'control';
+const FORM_CONTROLS_CSS_CLASSES = {
+    control: baseControlClass,
+    controlContent: `${baseControlClass}__content`,
+    controlElement: `${baseControlClass}__element`,
+    controlLabel: `${baseControlClass}__label`,
+    controlErrors: `${baseControlClass}__errors`,
+    additionalContent: `${baseControlClass}__additional-content`
+};
+const CONTROL_ADDITIONAL_CONTENT_TYPES = {
+    text: 'text'
+};
+const ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP = {
+    [CONTROL_ADDITIONAL_CONTENT_TYPES.text]: `${FORM_CONTROLS_CSS_CLASSES.additionalContent}_type-text`
+};
+
+exports.ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP = ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP;
+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=control_constatns.js.map

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

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

@@ -0,0 +1,28 @@
+'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/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 = control_constatns.CONTROL_CONTENT_SIZES.full;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(control_constatns.FORM_CONTROLS_CSS_CLASSES.controlContent);
+    }
+};
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", String)
+], exports.HControlContent.prototype, "size", void 0);
+exports.HControlContent = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-control-content')
+], exports.HControlContent);
+//# sourceMappingURL=control_content.js.map

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/control/control_element.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/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(control_constatns.FORM_CONTROLS_CSS_CLASSES.controlElement);
+    }
+};
+exports.HControlElement = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-control-element')
+], exports.HControlElement);
+//# sourceMappingURL=control_element.js.map

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/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/control/control_label.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/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(control_constatns.FORM_CONTROLS_CSS_CLASSES.controlLabel);
+    }
+};
+exports.HControlLabel = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-control-label')
+], exports.HControlLabel);
+//# sourceMappingURL=control_label.js.map

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