@shoper/phoenix_design_system 1.18.1 → 1.18.2

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

@@ -1,39 +1,38 @@
-import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
+import { __decorate, __metadata } from "tslib";
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { CHECKBOX_CONTROL_CSS_CLASSES, CHECKBOX_CONTROL_EVENTS } from '@phoenixRoot/components/form/checkbox/checkbox_constants';
+import classNames from 'classnames';
+import { ControlPropsSyncConsumerController } from '@phoenixRoot/components/form/controllers/props_synchronizing/control_props_sync_consumer_controller';
 import { property } from '@lit/reactive-element/decorators.js';
-import classnames from '../../../../../../external/classnames/index.js';
 import { html } from 'lit-html';
-import { createRef, ref } from 'lit-html/directives/ref.js';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
-import { CHECKBOX_CONTROL_EVENTS, CHECKBOX_CONTROL_CSS_CLASSES } from './checkbox_constants.js';
-import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
-
-let HCheckboxControl = class HCheckboxControl extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._inputRef = createRef();
-        this._handleChangeEvent = (event) => {
-            this.emitCustomEvent(CHECKBOX_CONTROL_EVENTS.change, {
-                detail: event
-            });
-        };
-        new ControlPropsSyncConsumerController({
-            host: this
-        });
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(CHECKBOX_CONTROL_CSS_CLASSES.checkboxControl);
-    }
-    render() {
-        var _a;
-        super.render();
-        const checkboxInputClasses = classnames(CHECKBOX_CONTROL_CSS_CLASSES.checkboxInput, {
-            [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;
+import { createRef, ref } from 'lit-html/directives/ref.js';
+let HCheckboxControl = class HCheckboxControl extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._inputRef = createRef();
+        this._handleChangeEvent = (event) => {
+            this.emitCustomEvent(CHECKBOX_CONTROL_EVENTS.change, {
+                detail: event
+            });
+        };
+        new ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(CHECKBOX_CONTROL_CSS_CLASSES.checkboxControl);
+    }
+    render() {
+        var _a;
+        super.render();
+        const checkboxInputClasses = classNames(CHECKBOX_CONTROL_CSS_CLASSES.checkboxInput, {
+            [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 html `
             <input
                 ${ref(this._inputRef)}
@@ -51,49 +50,48 @@ let HCheckboxControl = class HCheckboxControl extends PhoenixLightLitElement {
             />
 
             <label class="${CHECKBOX_CONTROL_CSS_CLASSES.checkboxLabel}" for="${ifDefined(this.controlId)}"></label>
-        `;
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HCheckboxControl.prototype, "controlId", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HCheckboxControl.prototype, "controlName", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HCheckboxControl.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HCheckboxControl.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HCheckboxControl.prototype, "hidden", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HCheckboxControl.prototype, "readonly", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HCheckboxControl.prototype, "checked", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HCheckboxControl.prototype, "partiallyChecked", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HCheckboxControl.prototype, "value", void 0);
-HCheckboxControl = __decorate([
-    phoenixCustomElement('h-checkbox-control'),
-    __metadata("design:paramtypes", [])
+        `;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HCheckboxControl.prototype, "controlId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HCheckboxControl.prototype, "controlName", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HCheckboxControl.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HCheckboxControl.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HCheckboxControl.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HCheckboxControl.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HCheckboxControl.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HCheckboxControl.prototype, "partiallyChecked", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HCheckboxControl.prototype, "value", void 0);
+HCheckboxControl = __decorate([
+    phoenixCustomElement('h-checkbox-control'),
+    __metadata("design:paramtypes", [])
 ], HCheckboxControl);
-
 export { HCheckboxControl };
-//# sourceMappingURL=checkbox_control.js.map
+//# sourceMappingURL=checkbox_control.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA,uBAAuB,gDAAoD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"checkbox_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/checkbox/checkbox_control.ts"],"names":[],"mappings":"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"}

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

@@ -1,18 +1,18 @@
-import { HCheckbox } from "./checkbox";
-import { HCheckboxControl } from "./checkbox_control";
-import { HCheckboxContent } from "./checkbox_content";
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-checkbox': HCheckbox;
-    }
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-checkbox-control': HCheckboxControl;
-    }
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-checkbox-content': HCheckboxContent;
-    }
-}
+import { HCheckbox } from '@phoenixRoot/components/form/checkbox/checkbox';
+import { HCheckboxControl } from '@phoenixRoot/components/form/checkbox/checkbox_control';
+import { HCheckboxContent } from '@phoenixRoot/components/form/checkbox/checkbox_content';
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-checkbox': HCheckbox;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-checkbox-control': HCheckboxControl;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-checkbox-content': HCheckboxContent;
+    }
+}

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

@@ -1,22 +1,22 @@
-import { TemplateResult } from 'lit';
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HColorSwatchesControl extends PhoenixLightLitElement {
-    controlId: string;
-    controlName: string;
-    disabled: boolean;
-    required: boolean;
-    error: boolean;
-    multiple: boolean;
-    selectedColors: string[];
-    get name(): string;
-    get id(): string;
-    selectColors(values: string[]): void;
-    clearAllColors(): void;
-    private _$colorSwatches;
-    connectedCallback(): void;
-    private _getSelectedColors;
-    private _getAllColorItems;
-    private _getSelectedColorItems;
-    private _setupEvents;
-    protected render(): TemplateResult | void;
-}
+import { TemplateResult } from 'lit';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+export declare class HColorSwatchesControl extends PhoenixLightLitElement {
+    controlId: string;
+    controlName: string;
+    disabled: boolean;
+    required: boolean;
+    error: boolean;
+    multiple: boolean;
+    selectedColors: string[];
+    get name(): string;
+    get id(): string;
+    selectColors(values: string[]): void;
+    clearAllColors(): void;
+    private _$colorSwatches;
+    connectedCallback(): void;
+    private _getSelectedColors;
+    private _getAllColorItems;
+    private _getSelectedColorItems;
+    private _setupEvents;
+    protected render(): TemplateResult | void;
+}

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

@@ -1,117 +1,118 @@
-import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
 import { html } from 'lit';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import classnames from '../../../../../../external/classnames/index.js';
-import { INPUT_CONTROL_TYPES } from '../input/input_constants.js';
-import { COLOR_SWATCHES_CONTROL_CSS_CLASSES, COLOR_SWATCHES_CONTROL_EVENT_NAMES } from './color_swatches_control_constants.js';
-import { COLOR_SWATCHES_EVENT_NAMES } from '../../color_swatches/color_swatches_constants.js';
-
-let HColorSwatchesControl = class HColorSwatchesControl extends 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_CSS_CLASSES.colorSwatchesControl);
-        const cssClasses = classnames({
-            [COLOR_SWATCHES_CONTROL_CSS_CLASSES.colorSwatchesControlDisabled]: this.disabled,
-            [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_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_EVENT_NAMES.change, {
-                detail
-            });
-        });
-    }
-    render() {
-        if (!this.selectedColors.length)
-            return;
+import { COLOR_SWATCHES_CONTROL_CSS_CLASSES, COLOR_SWATCHES_CONTROL_EVENT_NAMES } from './color_swatches_control_constants';
+import { COLOR_SWATCHES_EVENT_NAMES } from '@phoenixRoot/components/color_swatches/color_swatches_constants';
+import '@phoenixRoot/components/color_swatches/color_swatches_types';
+import { INPUT_CONTROL_TYPES } from '../input/input_constants';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import classNames from 'classnames';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+import '@phoenixRoot/components/color_swatches/color_item/color_item';
+import '@phoenixRoot/components/color_swatches/color_swatches';
+let HColorSwatchesControl = class HColorSwatchesControl extends 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_CSS_CLASSES.colorSwatchesControl);
+        const cssClasses = classNames({
+            [COLOR_SWATCHES_CONTROL_CSS_CLASSES.colorSwatchesControlDisabled]: this.disabled,
+            [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_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_EVENT_NAMES.change, {
+                detail
+            });
+        });
+    }
+    render() {
+        if (!this.selectedColors.length)
+            return;
         return html `
             ${this.selectedColors.map((color) => html ` <input name="${this.controlName}" type="${INPUT_CONTROL_TYPES.hidden}" value="${color}" /> `)}
-        `;
-    }
-};
-__decorate([
-    property({ type: String, attribute: 'control-id' }),
-    __metadata("design:type", String)
-], HColorSwatchesControl.prototype, "controlId", void 0);
-__decorate([
-    property({ type: String, attribute: 'control-name' }),
-    __metadata("design:type", String)
-], HColorSwatchesControl.prototype, "controlName", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HColorSwatchesControl.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HColorSwatchesControl.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HColorSwatchesControl.prototype, "error", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HColorSwatchesControl.prototype, "multiple", void 0);
-__decorate([
-    property(),
-    __metadata("design:type", Array)
-], HColorSwatchesControl.prototype, "selectedColors", void 0);
-HColorSwatchesControl = __decorate([
-    phoenixCustomElement('h-color-swatches-control')
+        `;
+    }
+};
+__decorate([
+    property({ type: String, attribute: 'control-id' }),
+    __metadata("design:type", String)
+], HColorSwatchesControl.prototype, "controlId", void 0);
+__decorate([
+    property({ type: String, attribute: 'control-name' }),
+    __metadata("design:type", String)
+], HColorSwatchesControl.prototype, "controlName", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HColorSwatchesControl.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HColorSwatchesControl.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HColorSwatchesControl.prototype, "error", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HColorSwatchesControl.prototype, "multiple", void 0);
+__decorate([
+    property(),
+    __metadata("design:type", Array)
+], HColorSwatchesControl.prototype, "selectedColors", void 0);
+HColorSwatchesControl = __decorate([
+    phoenixCustomElement('h-color-swatches-control')
 ], HColorSwatchesControl);
-
 export { HColorSwatchesControl };
-//# sourceMappingURL=color_swatches_control.js.map
+//# sourceMappingURL=color_swatches_control.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA,uBAAuB,gDAAoD;AAC3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"color_swatches_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/color_swatches_control/color_swatches_control.ts"],"names":[],"mappings":"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"}

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

@@ -1,8 +1,8 @@
-export declare const COLOR_SWATCHES_CONTROL_CSS_CLASSES: {
-    readonly colorSwatchesControl: "color-swatches-control";
-    readonly colorSwatchesControlDisabled: "color-swatches-control_disabled";
-    readonly colorSwatchesControlError: "color-swatches-control_error";
-};
-export declare const COLOR_SWATCHES_CONTROL_EVENT_NAMES: {
-    readonly change: "colorSwatchesControlChange";
-};
+export declare const COLOR_SWATCHES_CONTROL_CSS_CLASSES: {
+    readonly colorSwatchesControl: "color-swatches-control";
+    readonly colorSwatchesControlDisabled: "color-swatches-control_disabled";
+    readonly colorSwatchesControlError: "color-swatches-control_error";
+};
+export declare const COLOR_SWATCHES_CONTROL_EVENT_NAMES: {
+    readonly change: "colorSwatchesControlChange";
+};

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

@@ -1,12 +1,10 @@
-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'
+const baseColorSwatchesControlClass = 'color-swatches-control';
+export const COLOR_SWATCHES_CONTROL_CSS_CLASSES = {
+    colorSwatchesControl: baseColorSwatchesControlClass,
+    colorSwatchesControlDisabled: `${baseColorSwatchesControlClass}_disabled`,
+    colorSwatchesControlError: `${baseColorSwatchesControlClass}_error`
 };
-
-export { COLOR_SWATCHES_CONTROL_CSS_CLASSES, COLOR_SWATCHES_CONTROL_EVENT_NAMES };
-//# sourceMappingURL=color_swatches_control_constants.js.map
+export const COLOR_SWATCHES_CONTROL_EVENT_NAMES = {
+    change: 'colorSwatchesControlChange'
+};
+//# sourceMappingURL=color_swatches_control_constants.js.map

package/build/esm/packages/phoenix/src/components/form/color_swatches_control/color_swatches_control_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;"}
+{"version":3,"file":"color_swatches_control_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/color_swatches_control/color_swatches_control_constants.ts"],"names":[],"mappings":"AAAA,MAAM,6BAA6B,GAAG,wBAAwB,CAAC;AAE/D,MAAM,CAAC,MAAM,kCAAkC,GAAG;IAC9C,oBAAoB,EAAE,6BAA6B;IACnD,4BAA4B,EAAE,GAAG,6BAA6B,WAAW;IACzE,yBAAyB,EAAE,GAAG,6BAA6B,QAAQ;CAC7D,CAAC;AAEX,MAAM,CAAC,MAAM,kCAAkC,GAAG;IAC9C,MAAM,EAAE,4BAA4B;CAC9B,CAAC"}

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

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HControl extends PhoenixLightLitElement {
-    connectedCallback(): void;
-}
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+export declare class HControl extends PhoenixLightLitElement {
+    connectedCallback(): void;
+}

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

@@ -1,17 +1,15 @@
-import { __decorate } from '../../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
-import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
-import { FORM_CONTROLS_CSS_CLASSES } from './control_constatns.js';
-
-let HControl = class HControl extends PhoenixLightLitElement {
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(FORM_CONTROLS_CSS_CLASSES.control);
-    }
-};
-HControl = __decorate([
-    phoenixCustomElement('h-control')
+import { __decorate } from "tslib";
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { FORM_CONTROLS_CSS_CLASSES } from './control_constatns';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
+let HControl = class HControl extends PhoenixLightLitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(FORM_CONTROLS_CSS_CLASSES.control);
+    }
+};
+HControl = __decorate([
+    phoenixCustomElement('h-control')
 ], HControl);
-
 export { HControl };
-//# sourceMappingURL=control.js.map
+//# sourceMappingURL=control.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,+CAAmD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"control.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/control/control.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAG3F,IAAa,QAAQ,GAArB,MAAa,QAAS,SAAQ,sBAAsB;IACzC,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,yBAAyB,CAAC,OAAO,CAAC,CAAC;IAC1D,CAAC;CACJ,CAAA;AANY,QAAQ;IADpB,oBAAoB,CAAC,WAAW,CAAC;GACrB,QAAQ,CAMpB;SANY,QAAQ"}

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

@@ -1,6 +1,6 @@
-import type { TControlAdditionalContentType } from "./control_types";
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HControlAdditionalContent extends PhoenixLightLitElement {
-    type: TControlAdditionalContentType;
-    connectedCallback(): void;
-}
+import type { TControlAdditionalContentType } from '@phoenixRoot/components/form/control/control_types';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+export declare class HControlAdditionalContent extends PhoenixLightLitElement {
+    type: TControlAdditionalContentType;
+    connectedCallback(): void;
+}