@shoper/phoenix_design_system 0.18.2 → 0.19.1

package/build/cjs/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js.map

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

@@ -0,0 +1,86 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var phoenix_light_lit_elements_constants = require('./phoenix_light_lit_elements_constants.js');
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var lit = require('lit');
+var decorators = require('lit/decorators');
+var phoenix_light_lit_element_utils = require('./phoenix_light_lit_element_utils.js');
+
+class PhoenixLightLitElement extends lit.LitElement {
+    constructor() {
+        super(...arguments);
+        this._slots = {};
+        this.isWebComponentConnected = false;
+        this._handleComponentConnected = ({ detail }) => {
+            const connectedElement = detail.$el.tagName.toLowerCase();
+            if (this.childrenToWatch.includes(connectedElement)) {
+                const elToRemoveIndex = this.childrenToWatch.findIndex((tagName) => tagName === connectedElement);
+                this.childrenToWatch.splice(elToRemoveIndex, elToRemoveIndex + 1);
+            }
+            if (!this.childrenToWatch.length) {
+                this.allChildrenConnected();
+                this.removeEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
+            }
+        };
+    }
+    firstUpdated(props) {
+        super.firstUpdated(props);
+        this._slots = this._assignSlots();
+        this.requestUpdate();
+    }
+    _setupChildrenWatch() {
+        this.childrenToWatch = this.childrenToWatch ? this.childrenToWatch : this._getComponentsNamesToWatch();
+        this.addEventListener(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, this._handleComponentConnected);
+    }
+    _getComponentsNamesToWatch() {
+        return phoenix_light_lit_element_utils.PhoenixLightLitElementUtils.getComponentsForWhichToWaitForConnection([...this.querySelectorAll('*')]).map(($element) => $element.tagName.toLowerCase());
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.dispatchEvent(new CustomEvent(phoenix_light_lit_elements_constants.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES.connected, {
+            detail: {
+                $el: this
+            },
+            bubbles: true
+        }));
+        this._setupChildrenWatch();
+    }
+    allChildrenConnected() { }
+    _assignSlots() {
+        return [...this.querySelectorAll(':scope > [slot]')].reduce((acc, $el) => {
+            var _a;
+            const slotName = $el.slot || phoenix_light_lit_elements_constants.DEFAULT_SLOT_NAME;
+            acc[slotName] = acc[slotName] || [];
+            acc[slotName].push(lit.html `${$el}`);
+            (_a = $el.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild($el);
+            $el.removeAttribute('slot');
+            return acc;
+        }, this._slots);
+    }
+    getSlot(name) {
+        try {
+            return this._slots[name];
+        }
+        catch (_a) { }
+        return lit.nothing;
+    }
+    hasSlot(name) {
+        return !!this._slots[name];
+    }
+    createRenderRoot() {
+        return this;
+    }
+}
+tslib_es6.__decorate([
+    decorators.state(),
+    tslib_es6.__metadata("design:type", Object)
+], PhoenixLightLitElement.prototype, "_slots", void 0);
+tslib_es6.__decorate([
+    decorators.property({ type: Boolean }),
+    tslib_es6.__metadata("design:type", Object)
+], PhoenixLightLitElement.prototype, "isWebComponentConnected", void 0);
+
+exports.PhoenixLightLitElement = PhoenixLightLitElement;
+//# sourceMappingURL=phoenix_light_lit_element.js.map

package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;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/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var web_components_utils = require('../../../../utilities/build/esm/web_components_utils.js');
+
+class PhoenixLightLitElementUtils {
+    static getComponentsForWhichToWaitForConnection(components) {
+        return components.filter(($element) => (web_components_utils.WebComponentsUtils.isWebComponent($element) && !web_components_utils.WebComponentsUtils.isWebComponentDefined($element)) ||
+            (web_components_utils.WebComponentsUtils.isWebComponent($element) &&
+                web_components_utils.WebComponentsUtils.isWebComponentDefined($element) &&
+                !$element.isWebComponentConnected));
+    }
+}
+
+exports.PhoenixLightLitElementUtils = PhoenixLightLitElementUtils;
+//# sourceMappingURL=phoenix_light_lit_element_utils.js.map

package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_element_utils.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/core/{phoenix_light_lit_elements_constants.js → phoenix_light_lit_element/phoenix_light_lit_elements_constants.js}

@@ -2,7 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const DEFAULT_SLOT_NAME = 'default';
+const DEFAULT_SLOT_NAME = 'default';
+const PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES = {
+    connected: 'connected'
+};
 
 exports.DEFAULT_SLOT_NAME = DEFAULT_SLOT_NAME;
+exports.PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES = PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES;
 //# sourceMappingURL=phoenix_light_lit_elements_constants.js.map

package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element/phoenix_light_lit_elements_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;"}

package/build/cjs/packages/phoenix/src/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var phoenix_light_lit_elements_constants = require('./core/phoenix_light_lit_elements_constants.js');
+var phoenix_light_lit_elements_constants = require('./core/phoenix_light_lit_element/phoenix_light_lit_elements_constants.js');
 var context_provider_controller = require('./core/context/context_provider_controller.js');
 var context_consumer_controller = require('./core/context/context_consumer_controller.js');
-var phoenix_light_lit_element = require('./core/phoenix_light_lit_element.js');
+var phoenix_light_lit_element = require('./core/phoenix_light_lit_element/phoenix_light_lit_element.js');
 var portal_target = require('./components/portal/portal_target.js');
 var portal = require('./components/portal/portal.js');
 var backdrop_controller = require('./components/backdrop/controller/backdrop_controller.js');
@@ -56,6 +56,8 @@ var toggle_element_aria_controller = require('./controllers/toggle_element_aria_
 var dropdown_toggler = require('./components/dropdown/dropdown_toggler.js');
 var relative_position_controller = require('./controllers/relative_position_controller/relative_position_controller.js');
 var dropdown = require('./components/dropdown/dropdown.js');
+var toggle_button_group = require('./components/groups/toggle_button_group/toggle_button_group.js');
+var toggle_button = require('./components/groups/toggle_button_group/toggle_button.js');
 var click_outside_controller_messages = require('./controllers/click_outside_controller/click_outside_controller_messages.js');
 var backdrop = require('./components/backdrop/backdrop.js');
 var visibility_controller = require('./controllers/visibility_controller/visibility_controller.js');
@@ -316,6 +318,18 @@ Object.defineProperty(exports, 'HDropdown', {
 		return dropdown.HDropdown;
 	}
 });
+Object.defineProperty(exports, 'HToggleButtonGroup', {
+	enumerable: true,
+	get: function () {
+		return toggle_button_group.HToggleButtonGroup;
+	}
+});
+Object.defineProperty(exports, 'HToggleButton', {
+	enumerable: true,
+	get: function () {
+		return toggle_button.HToggleButton;
+	}
+});
 exports.CLICK_OUTSIDE_CONTROLLER_MESSAGES = click_outside_controller_messages.CLICK_OUTSIDE_CONTROLLER_MESSAGES;
 Object.defineProperty(exports, 'HBackdrop', {
 	enumerable: true,

package/build/cjs/packages/phoenix/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/utilities/build/esm/web_components_utils.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+class WebComponentsUtils {
+    static isWebComponentDefined($element) {
+        if (!this.isWebComponent($element))
+            return false;
+        const customElementClass = window.customElements.get($element.tagName.toLowerCase());
+        return !!customElementClass && $element instanceof customElementClass;
+    }
+    static isWebComponent($element) {
+        return $element.tagName.includes('-');
+    }
+}
+
+exports.WebComponentsUtils = WebComponentsUtils;
+//# sourceMappingURL=web_components_utils.js.map

package/build/cjs/packages/utilities/build/esm/web_components_utils.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;"}

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

@@ -1,5 +1,5 @@
 import type { IAccordion, TAccordionMode } from './accordion_types';
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HAccordion extends PhoenixLightLitElement implements IAccordion {
     disabled: boolean;
     mode: TAccordionMode;

package/build/esm/packages/phoenix/src/components/accordion/accordion.js

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 import { ContextProviderController } from '../../core/context/context_provider_controller.js';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { BehaviorSubject } from '../../core/classes/behavior_subject/behavior_subject.js';
 import { ACCORDION_MODE, ACCORDION_CONTEXTS } from './accordion_constants.js';

package/build/esm/packages/phoenix/src/components/accordion/accordion_content.d.ts

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HAccordionContent extends PhoenixLightLitElement {
     transitionName: string;
     private _transitionController;

package/build/esm/packages/phoenix/src/components/accordion/accordion_content.js

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { Observer } from '../../core/classes/observer/observer.js';
 import { ACCORDION_CONTEXTS } from './accordion_constants.js';

package/build/esm/packages/phoenix/src/components/accordion/accordion_group.d.ts

@@ -1,5 +1,5 @@
 import type { IAccordion, IAccordionGroup } from './accordion_types';
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HAccordionGroup extends PhoenixLightLitElement implements IAccordionGroup, IAccordion {
     opened: boolean;
     private _isDisabled;

package/build/esm/packages/phoenix/src/components/accordion/accordion_group.js

@@ -2,7 +2,7 @@ import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.
 import { ContextProviderController } from '../../core/context/context_provider_controller.js';
 import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
 import { property, state } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { Observer } from '../../core/classes/observer/observer.js';
 import { BehaviorSubject } from '../../core/classes/behavior_subject/behavior_subject.js';

package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.d.ts

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HAccordionToggler extends PhoenixLightLitElement {
     private _btnController;
     private _contextConsumer;

package/build/esm/packages/phoenix/src/components/accordion/accordion_toggler.js

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 import { ContextConsumerController } from '../../core/context/context_consumer_controller.js';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { Observer } from '../../core/classes/observer/observer.js';
 import { ACCORDION_EVENTS, ACCORDION_CONTEXTS } from './accordion_constants.js';

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

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HBackdrop extends PhoenixLightLitElement {
     visible: boolean;
     private _backdropLayerCounter;

package/build/esm/packages/phoenix/src/components/backdrop/backdrop.js

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 import { html } from 'lit';
 import { property, state } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { BACKDROP_NAME, BACKDROP_EVENTS, BACKDROP_CSS_CLASS } from './backdrop_constants.js';
 

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

@@ -2,7 +2,7 @@ import { TemplateResult } from 'lit-html';
 import { HDropdownContent } from './dropdown_content';
 import { HDropdownToggler } from './dropdown_toggler';
 import { IDropdown } from "./dropdown_types";
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HDropdown extends PhoenixLightLitElement implements IDropdown {
     opened: boolean;
     direction: "bottom-center";

package/build/esm/packages/phoenix/src/components/dropdown/dropdown.js

@@ -1,5 +1,5 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP } from '../portal/portal_constants.js';
 import { html } from 'lit-html';
@@ -155,7 +155,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
                 direction: this.direction,
                 relativeElement: this.$dropdownToggler,
                 elementToPosition: this.$dropdownContent,
-                disablePositioningOnCondition: () => window.innerWidth < BREAKPOINTS.xs,
+                disablePositioningOnCondition: () => window.innerWidth < BREAKPOINTS.xs || !this.opened,
                 portalElementsNames: [DROPDOWN_CONTENT_NAME]
             });
         if (!this._clickOutsideController)

package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HDropdownContent extends PhoenixLightLitElement {
     name: string;
     constructor();

package/build/esm/packages/phoenix/src/components/dropdown/dropdown_content.js

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 import { html } from 'lit';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { DROPDOWN_CONTENT_CSS_CLASS } from './dropdown_constants.js';
 

package/build/esm/packages/phoenix/src/components/dropdown/dropdown_toggler.d.ts

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HDropdownToggler extends PhoenixLightLitElement {
     name: string;
     private _btnController;

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

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 import { property, state } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { BtnController } from '../../controllers/btn_controller.js';
 import { DROPDOWN_EVENTS, DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_OPENED_ATTRIBUTE_NAME } from './dropdown_constants.js';

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

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element';
 export declare class HCheckbox extends PhoenixLightLitElement {
     controlId: string;
     controlName: string;

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

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+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 { BASE_FORM_CONTROL_PROPS } from '../controllers/props_synchronizing/control_props_sync_controller_constants.js';

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

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element';
 import { TemplateResult } from 'lit';
 export declare class HCheckboxContent extends PhoenixLightLitElement {
     controlId: string;

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

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { html, nothing } from 'lit';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';
 import { ifDefined } from 'lit-html/directives/if-defined.js';

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

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 import { TemplateResult } from 'lit-html';
 export declare class HCheckboxControl extends PhoenixLightLitElement {
     controlId: string;

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

@@ -1,5 +1,5 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { html } from 'lit-html';
 import { property } from '@lit/reactive-element/decorators.js';

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

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../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,5 +1,5 @@
 import { __decorate } from '../../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.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';
 

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

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

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

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { CONTROL_ADDITIONAL_CONTENT_TYPES, FORM_CONTROLS_CSS_CLASSES, ADDITIONAL_CONTENT_TYPE_TO_CSS_CLASSES_MAP } from './control_constatns.js';
 

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

@@ -1,5 +1,5 @@
 import type { TControlContentSize } from "./control_types";
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HControlContent extends PhoenixLightLitElement {
     size: TControlContentSize;
     connectedCallback(): void;

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

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { CONTROL_CONTENT_SIZES, FORM_CONTROLS_CSS_CLASSES } from './control_constatns.js';
 

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

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

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

@@ -1,5 +1,5 @@
 import { __decorate } from '../../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.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';
 

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

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

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

@@ -1,5 +1,5 @@
 import { __decorate } from '../../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.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';
 

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

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

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

@@ -1,5 +1,5 @@
 import { __decorate } from '../../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.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';
 

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

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 import type { TInputSizesType } from "./input_types";
 import type { TInputControlType } from "./input_types";
 export declare class HInput extends PhoenixLightLitElement {

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

@@ -1,6 +1,6 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC, INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
 import classnames from '../../../../external/classnames/index.js';

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

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 import { TemplateResult } from 'lit';
 import type { TInputControlType } from "./input_types";
 export declare class HInputControl extends PhoenixLightLitElement {

package/build/esm/packages/phoenix/src/components/form/input/input_control.js

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { html } from 'lit';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { INPUT_CONTROL_TYPES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
 import { ControlPropsSyncConsumerController } from '../controllers/props_synchronizing/control_props_sync_consumer_controller.js';

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

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 import { TemplateResult } from 'lit';
 export declare class HInputIcon extends PhoenixLightLitElement {
     static src: string;

package/build/esm/packages/phoenix/src/components/form/input/input_icon.js

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from '../../../../../../external/tslib/tslib.es6.js';
 import { html } from 'lit';
 import { property } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
 import { ICON_CSS_CLASSES } from '../../icon/icon_constants.js';

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

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

package/build/esm/packages/phoenix/src/components/form/input/input_unit.js

@@ -1,5 +1,5 @@
 import { __decorate } from '../../../../../../external/tslib/tslib.es6.js';
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
 

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

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HRadio extends PhoenixLightLitElement {
     controlId: string;
     controlName: string;