@shoper/phoenix_design_system 1.18.1 → 1.18.2

package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js

@@ -1,85 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var decorators = require('lit/decorators');
-require('@dreamcommerce/utilities');
-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 global_constants = require('../../global_constants.js');
-var dropdown_constants = require('./dropdown_constants.js');
-var toggle_element_aria_controller = require('../../controllers/toggle_element_aria_controller/toggle_element_aria_controller.js');
-
-exports.HDropdownToggler = class HDropdownToggler extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.name = '';
-        this.ariaHasPopup = 'dialog';
-        this.ariaControls = '';
-        this.role = 'button';
-        this._setupTogglerAria = () => {
-            this._$dropdown = this.closest(dropdown_constants.DROPDOWN_CONTAINER_NAME);
-            if (this._$dropdown.isOpened)
-                this._toggleElementAriaController = new toggle_element_aria_controller.ToggleElementAriaController({
-                    host: this,
-                    initialAriaExpandedValue: this._$dropdown.isOpened()
-                });
-            this.setAttribute('role', this.role);
-            this.setAttribute('aria-haspopup', this.ariaHasPopup);
-            if (this.ariaControls || this._$dropdown.id)
-                this.setAttribute('aria-controls', this.ariaControls || this._$dropdown.id);
-        };
-        this._dispatchToggleDropdownEventWithKeyboard = (ev) => {
-            if (ev.key !== 'Enter' && ev.key !== ' ')
-                return;
-            ev.stopImmediatePropagation();
-            this._dispatchToggleDropdownEvent(ev);
-        };
-        this._dispatchToggleDropdownEventOnMobile = (ev) => {
-            if (window.innerWidth > global_constants.BREAKPOINTS.xs)
-                return;
-            this._dispatchToggleDropdownEvent(ev);
-        };
-        this._dispatchToggleDropdownEvent = (ev) => {
-            ev.preventDefault();
-            this.emitCustomEvent(dropdown_constants.DROPDOWN_EVENTS.toggle);
-        };
-        this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
-        this.className = `${dropdown_constants.DROPDOWN_CSS_CLASSES.toggler} ${this.className}`;
-    }
-    connectedCallback() {
-        var _a;
-        super.connectedCallback();
-        this.setAttribute('tabindex', '0');
-        this.addEventListener('keydown', this._dispatchToggleDropdownEventWithKeyboard);
-        this._setupTogglerAria();
-        const hasToggleOnHover = (_a = this._$dropdown) === null || _a === void 0 ? void 0 : _a.hasAttribute(dropdown_constants.DROPDOWN_TOGGLE_ON_HOVER_ATTRIBUTE_NAME);
-        if (hasToggleOnHover) {
-            this.addEventListener('click', this._dispatchToggleDropdownEventOnMobile);
-            return;
-        }
-        this.addEventListener('click', this._dispatchToggleDropdownEvent);
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String, reflect: true }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HDropdownToggler.prototype, "name", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'aria-haspopup' }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HDropdownToggler.prototype, "ariaHasPopup", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String, attribute: 'aria-controls' }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HDropdownToggler.prototype, "ariaControls", void 0);
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HDropdownToggler.prototype, "role", void 0);
-exports.HDropdownToggler = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-dropdown-toggler'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HDropdownToggler);
-//# sourceMappingURL=dropdown_toggler.js.map

package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_toggler.js.map

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

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

@@ -1,91 +0,0 @@
-'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);
-        this._updateCssClassesBasedOnProps();
-    }
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        this._updateCssClassesBasedOnProps();
-    }
-    _updateCssClassesBasedOnProps() {
-        const classes = [
-            checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxDisabled,
-            checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxError,
-            checkbox_constants.CHECKBOX_CONTROL_CSS_CLASSES.checkboxReadonly
-        ];
-        this.classList.remove(...classes);
-        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

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

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

@@ -1,34 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,45 +0,0 @@
-'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 checkbox_constants = require('./checkbox_constants.js');
-var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.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

@@ -1 +0,0 @@
-{"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

@@ -1,101 +0,0 @@
-'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 checkbox_constants = require('./checkbox_constants.js');
-var control_props_sync_consumer_controller = require('../controllers/props_synchronizing/control_props_sync_consumer_controller.js');
-
-exports.HCheckboxControl = class HCheckboxControl extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._inputRef = ref_js.createRef();
-        this._handleChangeEvent = (event) => {
-            this.emitCustomEvent(checkbox_constants.CHECKBOX_CONTROL_EVENTS.change, {
-                detail: event
-            });
-        };
-        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}"
-                aria-required="${this.required ? 'true' : 'false'}"
-                ?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

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

@@ -1,119 +0,0 @@
-'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.multiple = false;
-        this.selectedColors = [];
-    }
-    get name() {
-        return this.controlName;
-    }
-    get id() {
-        return this.controlId;
-    }
-    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) => {
-            const colorValue = $selectedColor.hasAttribute('value')
-                ? $selectedColor.getAttribute('value')
-                : $selectedColor.getAttribute('color');
-            if (!colorValue)
-                throw new Error('color item does not hava any value');
-            return colorValue;
-        });
-    }
-    _getAllColorItems() {
-        return [...this.querySelectorAll('h-color-item[selected]')];
-    }
-    _getSelectedColorItems() {
-        return this._getAllColorItems().filter(($color) => $color.hasAttribute('selected'));
-    }
-    _setupEvents() {
-        this.addEventListener(color_swatches_constants.COLOR_SWATCHES_EVENT_NAMES.change, (event) => {
-            event.preventDefault();
-            const { detail } = event;
-            if (!detail.values || !detail.colors || !detail.$colorItem)
-                return;
-            this.selectedColors = detail.values;
-            this.emitCustomEvent(color_swatches_control_constants.COLOR_SWATCHES_CONTROL_EVENT_NAMES.change, {
-                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({ type: Boolean }),
-    tslib_es6.__metadata("design:type", Boolean)
-], exports.HColorSwatchesControl.prototype, "multiple", 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

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

@@ -1,17 +0,0 @@
-'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: 'colorSwatchesControlChange'
-};
-
-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

@@ -1 +0,0 @@
-{"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

@@ -1,19 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,28 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,32 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,28 +0,0 @@
-'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

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