@shoper/phoenix_design_system 1.2.22 → 1.3.0

package/build/esm/packages/phoenix/src/components/form/textarea/textarea_control.js

@@ -1,32 +1,31 @@
-import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { html, nothing } from 'lit';
+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 { 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 { ifDefined } from 'lit-html/directives/if-defined.js';
-import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
-import { TEXTAREA_CONTROL_EVENTS, TEXTAREA_CONTROL_CSS_CLASSES } from './textarea_constants.js';
-
-let HTextareaControl = class HTextareaControl extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this._handleInputEvent = (event) => {
-            this.dispatchEvent(new CustomEvent(TEXTAREA_CONTROL_EVENTS.input, {
-                detail: event,
-                bubbles: true
-            }));
-        };
-        new ControlPropsSyncConsumerController({
-            host: this
-        });
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.classList.add(TEXTAREA_CONTROL_CSS_CLASSES.textareaControl);
-    }
-    render() {
-        var _a;
-        super.render();
+import { ControlPropsSyncConsumerController } from '@phoenixRoot/components/form/controllers/props_synchronizing/control_props_sync_consumer_controller';
+import { html, nothing } from 'lit';
+import { TEXTAREA_CONTROL_CSS_CLASSES, TEXTAREA_CONTROL_EVENTS } from './textarea_constants';
+import { ifDefined } from 'lit/directives/if-defined.js';
+let HTextareaControl = class HTextareaControl extends PhoenixLightLitElement {
+    constructor() {
+        super();
+        this._handleInputEvent = (event) => {
+            this.dispatchEvent(new CustomEvent(TEXTAREA_CONTROL_EVENTS.input, {
+                detail: event,
+                bubbles: true
+            }));
+        };
+        new ControlPropsSyncConsumerController({
+            host: this
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add(TEXTAREA_CONTROL_CSS_CLASSES.textareaControl);
+    }
+    render() {
+        var _a;
+        super.render();
         return html `
             <textarea
                 id="${ifDefined(this.controlId)}"
@@ -38,45 +37,44 @@ let HTextareaControl = class HTextareaControl extends PhoenixLightLitElement {
                 ?hidden="${this.hidden}"
                 @input="${this._handleInputEvent}"
             />${(_a = this.value) !== null && _a !== void 0 ? _a : nothing}</textarea>
-        `;
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HTextareaControl.prototype, "controlId", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HTextareaControl.prototype, "controlName", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HTextareaControl.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HTextareaControl.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HTextareaControl.prototype, "hidden", void 0);
-__decorate([
-    property({ type: Boolean }),
-    __metadata("design:type", Boolean)
-], HTextareaControl.prototype, "readonly", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HTextareaControl.prototype, "value", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], HTextareaControl.prototype, "placeholder", void 0);
-HTextareaControl = __decorate([
-    phoenixCustomElement('h-textarea-control'),
-    __metadata("design:paramtypes", [])
+        `;
+    }
+};
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextareaControl.prototype, "controlId", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextareaControl.prototype, "controlName", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextareaControl.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextareaControl.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextareaControl.prototype, "hidden", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], HTextareaControl.prototype, "readonly", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextareaControl.prototype, "value", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], HTextareaControl.prototype, "placeholder", void 0);
+HTextareaControl = __decorate([
+    phoenixCustomElement('h-textarea-control'),
+    __metadata("design:paramtypes", [])
 ], HTextareaControl);
-
 export { HTextareaControl };
-//# sourceMappingURL=textarea_control.js.map
+//# sourceMappingURL=textarea_control.js.map

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"textarea_control.js","sourceRoot":"","sources":["../../../../../../../../src/components/form/textarea/textarea_control.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,kCAAkC,EAAE,MAAM,qGAAqG,CAAC;AACzJ,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,4BAA4B,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGlD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,sBAAsB;IAyBxD;QACI,KAAK,EAAE,CAAC;QA8BJ,sBAAiB,GAAG,CAAC,KAAY,EAAE,EAAE;YACzC,IAAI,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,uBAAuB,CAAC,KAAK,EAAE;gBAC3C,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,IAAI;aAChB,CAAC,CACL,CAAC;QACN,CAAC,CAAC;QAnCE,IAAI,kCAAkC,CAAC;YACnC,IAAI,EAAE,IAAI;SACb,CAAC,CAAC;IACP,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,4BAA4B,CAAC,eAAe,CAAC,CAAC;IACrE,CAAC;IAES,MAAM;;QACZ,KAAK,CAAC,MAAM,EAAE,CAAC;QAEf,OAAO,IAAI,CAAA;;sBAEG,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;wBACvB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;+BACpB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;6BAC7B,IAAI,CAAC,QAAQ;6BACb,IAAI,CAAC,QAAQ;6BACb,IAAI,CAAC,QAAQ;2BACf,IAAI,CAAC,MAAM;0BACZ,IAAI,CAAC,iBAAiB;gBAChC,MAAA,IAAI,CAAC,KAAK,mCAAI,OAAO;SAC5B,CAAC;IACN,CAAC;CAUJ,CAAA;AA/DG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;mDACF;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDACA;AAE3B;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;kDACH;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;kDACH;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;gDACL;AAEvB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;kDACH;AAEzB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;+CACN;AAErB;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;qDACA;AAvBlB,gBAAgB;IAD5B,oBAAoB,CAAC,oBAAoB,CAAC;;GAC9B,gBAAgB,CAgE5B;SAhEY,gBAAgB"}

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

@@ -1,12 +1,12 @@
-import { HTextarea } from './textarea';
-import { HTextareaControl } from './textarea_control';
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-textarea': HTextarea;
-    }
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'h-textarea-control': HTextareaControl;
-    }
-}
+import { HTextarea } from './textarea';
+import { HTextareaControl } from './textarea_control';
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-textarea': HTextarea;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'h-textarea-control': HTextareaControl;
+    }
+}

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button.d.ts

@@ -1,10 +1,10 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { PropertyValues } from 'lit';
-export declare class HToggleButton extends PhoenixLightLitElement {
-    toggledOn: boolean;
-    willUpdate(propertyValues: PropertyValues): void;
-    connectedCallback(): void;
-    private _emmitComponentConnected;
-    private _componentClickHandler;
-    private _emitComponentClickedCustomEvent;
-}
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { PropertyValues } from 'lit';
+export declare class HToggleButton extends PhoenixLightLitElement {
+    toggledOn: boolean;
+    willUpdate(propertyValues: PropertyValues): void;
+    connectedCallback(): void;
+    private _emmitComponentConnected;
+    private _componentClickHandler;
+    private _emitComponentClickedCustomEvent;
+}

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button.js

@@ -1,53 +1,52 @@
-import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
+import { __decorate, __metadata } from "tslib";
+import { TOGGLED_ON_ATTRIBUTE_NAME, TOGGLE_BUTTON_EVENT_NAMES } from '@phoenixRoot/components/groups/toggle_button_group/toggle_button_group_constants';
+import '@phoenixRoot/components/groups/toggle_button_group/toggle_button_group_types';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
 import 'lit';
+import { phoenixCustomElement } from '@phoenixRoot/core/decorators/phoenix_custom_element';
 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 { TOGGLE_BUTTON_EVENT_NAMES, TOGGLED_ON_ATTRIBUTE_NAME } from './toggle_button_group_constants.js';
-
-let HToggleButton = class HToggleButton extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.toggledOn = false;
-    }
-    willUpdate(propertyValues) {
-        var _a;
-        if (propertyValues.has('toggledOn')) {
-            (_a = this.firstElementChild) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-pressed', this.toggledOn.toString());
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (!this.hasAttribute('role')) {
-            this.setAttribute('role', 'presentation');
-        }
-        this.addEventListener('click', this._componentClickHandler);
-        this._emmitComponentConnected();
-    }
-    _emmitComponentConnected() {
-        const detail = {
-            target: this
-        };
-        this.dispatchEvent(new CustomEvent(TOGGLE_BUTTON_EVENT_NAMES.connected, { bubbles: true, detail }));
-    }
-    _componentClickHandler(event) {
-        event.stopPropagation();
-        this._emitComponentClickedCustomEvent();
-    }
-    _emitComponentClickedCustomEvent() {
-        const detail = {
-            target: this
-        };
-        this.dispatchEvent(new CustomEvent(TOGGLE_BUTTON_EVENT_NAMES.clicked, { bubbles: true, detail }));
-    }
-};
-__decorate([
-    property({ type: Boolean, attribute: TOGGLED_ON_ATTRIBUTE_NAME }),
-    __metadata("design:type", Object)
-], HToggleButton.prototype, "toggledOn", void 0);
-HToggleButton = __decorate([
-    phoenixCustomElement('h-toggle-button')
+let HToggleButton = class HToggleButton extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.toggledOn = false;
+    }
+    willUpdate(propertyValues) {
+        var _a;
+        if (propertyValues.has('toggledOn')) {
+            (_a = this.firstElementChild) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-pressed', this.toggledOn.toString());
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.hasAttribute('role')) {
+            this.setAttribute('role', 'presentation');
+        }
+        this.addEventListener('click', this._componentClickHandler);
+        this._emmitComponentConnected();
+    }
+    _emmitComponentConnected() {
+        const detail = {
+            target: this
+        };
+        this.dispatchEvent(new CustomEvent(TOGGLE_BUTTON_EVENT_NAMES.connected, { bubbles: true, detail }));
+    }
+    _componentClickHandler(event) {
+        event.stopPropagation();
+        this._emitComponentClickedCustomEvent();
+    }
+    _emitComponentClickedCustomEvent() {
+        const detail = {
+            target: this
+        };
+        this.dispatchEvent(new CustomEvent(TOGGLE_BUTTON_EVENT_NAMES.clicked, { bubbles: true, detail }));
+    }
+};
+__decorate([
+    property({ type: Boolean, attribute: TOGGLED_ON_ATTRIBUTE_NAME }),
+    __metadata("design:type", Object)
+], HToggleButton.prototype, "toggledOn", void 0);
+HToggleButton = __decorate([
+    phoenixCustomElement('h-toggle-button')
 ], HToggleButton);
-
 export { HToggleButton };
-//# sourceMappingURL=toggle_button.js.map
+//# sourceMappingURL=toggle_button.js.map

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,+CAAmD;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":"toggle_button.js","sourceRoot":"","sources":["../../../../../../../../src/components/groups/toggle_button_group/toggle_button.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,yBAAyB,EACzB,yBAAyB,EAC5B,MAAM,kFAAkF,CAAC;AAE1F,OAAoC,8EAA8E,CAAC;AACnH,OAAO,EAAE,sBAAsB,EAAE,MAAM,uEAAuE,CAAC;AAC/G,OAA+B,KAAK,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAGnC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,sBAAsB;IAAlD;;QAEI,cAAS,GAAG,KAAK,CAAC;IAqC7B,CAAC;IAnCU,UAAU,CAAC,cAA8B;;QAC5C,IAAI,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;YACjC,MAAA,IAAI,CAAC,iBAAiB,0CAAE,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;SACnF;IACL,CAAC;IAEM,iBAAiB;QACpB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;YAC5B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;SAC7C;QAED,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAC5D,IAAI,CAAC,wBAAwB,EAAE,CAAC;IACpC,CAAC;IAEO,wBAAwB;QAC5B,MAAM,MAAM,GAAwB;YAChC,MAAM,EAAE,IAAI;SACf,CAAC;QACF,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,yBAAyB,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACxG,CAAC;IAEO,sBAAsB,CAAC,KAAY;QACvC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,gCAAgC,EAAE,CAAC;IAC5C,CAAC;IAEO,gCAAgC;QACpC,MAAM,MAAM,GAAwB;YAChC,MAAM,EAAE,IAAI;SACf,CAAC;QACF,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,yBAAyB,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;IACtG,CAAC;CACJ,CAAA;AAtCG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,yBAAyB,EAAE,CAAC;;gDACzC;AAFhB,aAAa;IADzB,oBAAoB,CAAC,iBAAiB,CAAC;GAC3B,aAAa,CAuCzB;SAvCY,aAAa"}

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.d.ts

@@ -1,12 +1,12 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HToggleButtonGroup extends PhoenixLightLitElement {
-    private static readonly DATA_TOGGLE_ID_ATTRIBUTE_NAME;
-    private toggleButtonsRegistry;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private _toggleButtonConnectedHandler;
-    private _registerToggleButton;
-    private _toggleButtonClickHandler;
-    private _performSingleToggleOnActionOnToggleButtons;
-    private _emitSingleToggleOnModeToggleChange;
-}
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+export declare class HToggleButtonGroup extends PhoenixLightLitElement {
+    private static readonly DATA_TOGGLE_ID_ATTRIBUTE_NAME;
+    private toggleButtonsRegistry;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _toggleButtonConnectedHandler;
+    private _registerToggleButton;
+    private _toggleButtonClickHandler;
+    private _performSingleToggleOnActionOnToggleButtons;
+    private _emitSingleToggleOnModeToggleChange;
+}

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.js

@@ -1,65 +1,64 @@
-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 v4 from '../../../../../../external/uuid/dist/esm-browser/v4.js';
-import { TOGGLE_BUTTON_EVENT_NAMES, TOGGLED_ON_ATTRIBUTE_NAME, TOGGLE_BUTTON_GROUP_EVENT_NAMES } from './toggle_button_group_constants.js';
-
-var HToggleButtonGroup_1;
-let HToggleButtonGroup = HToggleButtonGroup_1 = class HToggleButtonGroup extends PhoenixLightLitElement {
-    constructor() {
-        super(...arguments);
-        this.toggleButtonsRegistry = [];
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (!this.hasAttribute('role')) {
-            this.setAttribute('role', 'group');
-        }
-        this.addEventListener(TOGGLE_BUTTON_EVENT_NAMES.connected, this._toggleButtonConnectedHandler);
-        this.addEventListener(TOGGLE_BUTTON_EVENT_NAMES.clicked, this._toggleButtonClickHandler);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.toggleButtonsRegistry = [];
-    }
-    _toggleButtonConnectedHandler(event) {
-        event.stopPropagation();
-        const toggleButton = event.detail.target;
-        this._registerToggleButton(toggleButton);
-        if (toggleButton.getAttribute(TOGGLED_ON_ATTRIBUTE_NAME) === '') {
-            this._emitSingleToggleOnModeToggleChange(toggleButton.getAttribute('value'));
-        }
-    }
-    _registerToggleButton(toggleButton) {
-        toggleButton.setAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME, v4());
-        this.toggleButtonsRegistry = [...this.toggleButtonsRegistry, toggleButton];
-    }
-    _toggleButtonClickHandler(event) {
-        event.stopPropagation();
-        const target = event.detail.target;
-        this._performSingleToggleOnActionOnToggleButtons(target);
-        this._emitSingleToggleOnModeToggleChange(target.getAttribute('value'));
-    }
-    _performSingleToggleOnActionOnToggleButtons(toggleButton) {
-        this.toggleButtonsRegistry.forEach((element) => {
-            const canToggleOnButton = element.getAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME) ===
-                toggleButton.getAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME);
-            if (canToggleOnButton) {
-                element.setAttribute(TOGGLED_ON_ATTRIBUTE_NAME, '');
-                return;
-            }
-            element.removeAttribute(TOGGLED_ON_ATTRIBUTE_NAME);
-        });
-    }
-    _emitSingleToggleOnModeToggleChange(value) {
-        const detail = { value };
-        this.dispatchEvent(new CustomEvent(TOGGLE_BUTTON_GROUP_EVENT_NAMES.toggleChange, { bubbles: true, detail }));
-    }
-};
-HToggleButtonGroup.DATA_TOGGLE_ID_ATTRIBUTE_NAME = 'data-toggle-button-id';
-HToggleButtonGroup = HToggleButtonGroup_1 = __decorate([
-    phoenixCustomElement('h-toggle-button-group')
+var HToggleButtonGroup_1;
+import { __decorate } 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 { TOGGLE_BUTTON_EVENT_NAMES, TOGGLE_BUTTON_GROUP_EVENT_NAMES, TOGGLED_ON_ATTRIBUTE_NAME } from '@phoenixRoot/components/groups/toggle_button_group/toggle_button_group_constants';
+import '@phoenixRoot/components/groups/toggle_button_group/toggle_button_group_types';
+import { v4 as uuidv4 } from 'uuid';
+let HToggleButtonGroup = HToggleButtonGroup_1 = class HToggleButtonGroup extends PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.toggleButtonsRegistry = [];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.hasAttribute('role')) {
+            this.setAttribute('role', 'group');
+        }
+        this.addEventListener(TOGGLE_BUTTON_EVENT_NAMES.connected, this._toggleButtonConnectedHandler);
+        this.addEventListener(TOGGLE_BUTTON_EVENT_NAMES.clicked, this._toggleButtonClickHandler);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.toggleButtonsRegistry = [];
+    }
+    _toggleButtonConnectedHandler(event) {
+        event.stopPropagation();
+        const toggleButton = event.detail.target;
+        this._registerToggleButton(toggleButton);
+        if (toggleButton.getAttribute(TOGGLED_ON_ATTRIBUTE_NAME) === '') {
+            this._emitSingleToggleOnModeToggleChange(toggleButton.getAttribute('value'));
+        }
+    }
+    _registerToggleButton(toggleButton) {
+        toggleButton.setAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME, uuidv4());
+        this.toggleButtonsRegistry = [...this.toggleButtonsRegistry, toggleButton];
+    }
+    _toggleButtonClickHandler(event) {
+        event.stopPropagation();
+        const target = event.detail.target;
+        this._performSingleToggleOnActionOnToggleButtons(target);
+        this._emitSingleToggleOnModeToggleChange(target.getAttribute('value'));
+    }
+    _performSingleToggleOnActionOnToggleButtons(toggleButton) {
+        this.toggleButtonsRegistry.forEach((element) => {
+            const canToggleOnButton = element.getAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME) ===
+                toggleButton.getAttribute(HToggleButtonGroup_1.DATA_TOGGLE_ID_ATTRIBUTE_NAME);
+            if (canToggleOnButton) {
+                element.setAttribute(TOGGLED_ON_ATTRIBUTE_NAME, '');
+                return;
+            }
+            element.removeAttribute(TOGGLED_ON_ATTRIBUTE_NAME);
+        });
+    }
+    _emitSingleToggleOnModeToggleChange(value) {
+        const detail = { value };
+        this.dispatchEvent(new CustomEvent(TOGGLE_BUTTON_GROUP_EVENT_NAMES.toggleChange, { bubbles: true, detail }));
+    }
+};
+HToggleButtonGroup.DATA_TOGGLE_ID_ATTRIBUTE_NAME = 'data-toggle-button-id';
+HToggleButtonGroup = HToggleButtonGroup_1 = __decorate([
+    phoenixCustomElement('h-toggle-button-group')
 ], HToggleButtonGroup);
-
 export { HToggleButtonGroup };
-//# sourceMappingURL=toggle_button_group.js.map
+//# sourceMappingURL=toggle_button_group.js.map

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,2BAA2B,+CAAmD;AAC9E;AACA;AACA,eAAe,wDAA4D;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;"}
+{"version":3,"file":"toggle_button_group.js","sourceRoot":"","sources":["../../../../../../../../src/components/groups/toggle_button_group/toggle_button_group.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_constants.d.ts

@@ -1,8 +1,8 @@
-export declare const TOGGLED_ON_ATTRIBUTE_NAME = "toggled-on";
-export declare const TOGGLE_BUTTON_GROUP_EVENT_NAMES: {
-    readonly toggleChange: "toggleChange";
-};
-export declare const TOGGLE_BUTTON_EVENT_NAMES: {
-    readonly connected: "toggleButtonConnected";
-    readonly clicked: "toggleButtonClicked";
-};
+export declare const TOGGLED_ON_ATTRIBUTE_NAME = "toggled-on";
+export declare const TOGGLE_BUTTON_GROUP_EVENT_NAMES: {
+    readonly toggleChange: "toggleChange";
+};
+export declare const TOGGLE_BUTTON_EVENT_NAMES: {
+    readonly connected: "toggleButtonConnected";
+    readonly clicked: "toggleButtonClicked";
+};

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_constants.js

@@ -1,11 +1,9 @@
-const TOGGLED_ON_ATTRIBUTE_NAME = 'toggled-on';
-const TOGGLE_BUTTON_GROUP_EVENT_NAMES = {
-    toggleChange: 'toggleChange'
-};
-const TOGGLE_BUTTON_EVENT_NAMES = {
-    connected: 'toggleButtonConnected',
-    clicked: 'toggleButtonClicked'
+export const TOGGLED_ON_ATTRIBUTE_NAME = 'toggled-on';
+export const TOGGLE_BUTTON_GROUP_EVENT_NAMES = {
+    toggleChange: 'toggleChange'
 };
-
-export { TOGGLED_ON_ATTRIBUTE_NAME, TOGGLE_BUTTON_EVENT_NAMES, TOGGLE_BUTTON_GROUP_EVENT_NAMES };
-//# sourceMappingURL=toggle_button_group_constants.js.map
+export const TOGGLE_BUTTON_EVENT_NAMES = {
+    connected: 'toggleButtonConnected',
+    clicked: 'toggleButtonClicked'
+};
+//# sourceMappingURL=toggle_button_group_constants.js.map

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_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;"}
+{"version":3,"file":"toggle_button_group_constants.js","sourceRoot":"","sources":["../../../../../../../../src/components/groups/toggle_button_group/toggle_button_group_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG,YAAY,CAAC;AAEtD,MAAM,CAAC,MAAM,+BAA+B,GAAG;IAC3C,YAAY,EAAE,cAAc;CACtB,CAAC;AAEX,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,SAAS,EAAE,uBAAuB;IAClC,OAAO,EAAE,qBAAqB;CACxB,CAAC"}

package/build/esm/packages/phoenix/src/components/groups/toggle_button_group/toggle_button_group_types.d.ts

@@ -1,6 +1,6 @@
-export interface ITargetToggleButton {
-    target: HTMLElement;
-}
-export interface ISingleToggleOnModeToggleChange {
-    value: string | null;
-}
+export interface ITargetToggleButton {
+    target: HTMLElement;
+}
+export interface ISingleToggleOnModeToggleChange {
+    value: string | null;
+}

package/build/esm/packages/phoenix/src/components/icon/icon.d.ts

@@ -1,19 +1,19 @@
-import { TemplateResult } from 'lit';
-import { TIconSize } from "./icon_constants";
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-import { Subject } from "../../core/classes/subject/subject";
-export declare class HIcon extends PhoenixLightLitElement {
-    static src: Subject<string>;
-    iconName: string;
-    size?: TIconSize | undefined;
-    filled: boolean;
-    clickable: boolean;
-    noStroke: boolean;
-    private _cssClasses;
-    private _srcObserver;
-    constructor();
-    private _srcObserverCallback;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected render(): TemplateResult | null;
-}
+import { TemplateResult } from 'lit';
+import { TIconSize } from '@phoenixRoot/components/icon/icon_constants';
+import { PhoenixLightLitElement } from '@phoenixRoot/core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { Subject } from '@phoenixRoot/core/classes/subject/subject';
+export declare class HIcon extends PhoenixLightLitElement {
+    static src: Subject<string>;
+    iconName: string;
+    size?: TIconSize | undefined;
+    filled: boolean;
+    clickable: boolean;
+    noStroke: boolean;
+    private _cssClasses;
+    private _srcObserver;
+    constructor();
+    private _srcObserverCallback;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected render(): TemplateResult | null;
+}