@shoper/phoenix_design_system 0.18.0 → 0.18.2

package/build/cjs/packages/phoenix/src/core/{phoenix_light_lit_element/phoenix_light_lit_elements_constants.js → phoenix_light_lit_elements_constants.js}

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const DEFAULT_SLOT_NAME = 'default';
-const PHOENIX_LIGHT_LIT_ELEMENTS_EVENT_NAMES = {
-    connected: 'connected'
-};
+const DEFAULT_SLOT_NAME = 'default';
 
 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_elements_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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_element/phoenix_light_lit_elements_constants.js');
+var phoenix_light_lit_elements_constants = require('./core/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/phoenix_light_lit_element.js');
+var phoenix_light_lit_element = require('./core/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');
@@ -52,12 +52,10 @@ var accordion_content = require('./components/accordion/accordion_content.js');
 var accordion_toggler = require('./components/accordion/accordion_toggler.js');
 var click_outside_controller = require('./controllers/click_outside_controller/click_outside_controller.js');
 var dropdown_content = require('./components/dropdown/dropdown_content.js');
-var relative_position_controller = require('./controllers/relative_position_controller/relative_position_controller.js');
-var dropdown = require('./components/dropdown/dropdown.js');
 var toggle_element_aria_controller = require('./controllers/toggle_element_aria_controller/toggle_element_aria_controller.js');
 var dropdown_toggler = require('./components/dropdown/dropdown_toggler.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 relative_position_controller = require('./controllers/relative_position_controller/relative_position_controller.js');
+var dropdown = require('./components/dropdown/dropdown.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');
@@ -304,13 +302,6 @@ Object.defineProperty(exports, 'HDropdownContent', {
 		return dropdown_content.HDropdownContent;
 	}
 });
-exports.RelativePositionController = relative_position_controller.RelativePositionController;
-Object.defineProperty(exports, 'HDropdown', {
-	enumerable: true,
-	get: function () {
-		return dropdown.HDropdown;
-	}
-});
 exports.ToggleElementAriaController = toggle_element_aria_controller.ToggleElementAriaController;
 Object.defineProperty(exports, 'HDropdownToggler', {
 	enumerable: true,
@@ -318,16 +309,11 @@ Object.defineProperty(exports, 'HDropdownToggler', {
 		return dropdown_toggler.HDropdownToggler;
 	}
 });
-Object.defineProperty(exports, 'HToggleButtonGroup', {
-	enumerable: true,
-	get: function () {
-		return toggle_button_group.HToggleButtonGroup;
-	}
-});
-Object.defineProperty(exports, 'HToggleButton', {
+exports.RelativePositionController = relative_position_controller.RelativePositionController;
+Object.defineProperty(exports, 'HDropdown', {
 	enumerable: true,
 	get: function () {
-		return toggle_button.HToggleButton;
+		return dropdown.HDropdown;
 	}
 });
 exports.CLICK_OUTSIDE_CONTROLLER_MESSAGES = click_outside_controller_messages.CLICK_OUTSIDE_CONTROLLER_MESSAGES;

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

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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/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

@@ -1,7 +1,8 @@
+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/phoenix_light_lit_element";
-import { TemplateResult } from 'lit-html';
+import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element";
 export declare class HDropdown extends PhoenixLightLitElement implements IDropdown {
     opened: boolean;
     direction: "bottom-center";
@@ -9,8 +10,8 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
     name: string;
     transition: string;
     portalTarget: string;
-    $dropdownToggler: HTMLElement | null;
-    $dropdownContent: HTMLElement | null;
+    $dropdownToggler: HDropdownToggler | null;
+    $dropdownContent: HDropdownContent | null;
     $nestedDropdownContentElements?: HDropdownContent[];
     $hoverableDropdownContentElements: HDropdownContent[];
     private _positionController;
@@ -31,6 +32,7 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
     private _handleEnabledPositioning;
     private _observeScrollToggling;
     private _toggleScroll;
+    private _closeDropdownOnEscape;
     private _hoverToggle;
     private _isHoveredWithinDropdown;
     private _setupInitialDropdownProperties;

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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/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';
@@ -58,7 +58,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
             });
         };
         this._dispatchShowDropdownEvent = () => {
-            const showDropdownEvent = new Event(DROPDOWN_EVENTS.show, {
+            const showDropdownEvent = new Event(DROPDOWN_EVENTS.showed, {
                 bubbles: true
             });
             this.dispatchEvent(showDropdownEvent);
@@ -84,7 +84,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
             });
         });
         this._dispatchHideDropdownEvent = () => {
-            const hideDropdownEvent = new Event(DROPDOWN_EVENTS.hide, {
+            const hideDropdownEvent = new Event(DROPDOWN_EVENTS.hidden, {
                 bubbles: true
             });
             this.dispatchEvent(hideDropdownEvent);
@@ -102,6 +102,12 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
         this._observeScrollToggling = throttle_1(() => {
             this._toggleScroll();
         }, DEFAULT_THROTTLE_WAIT_TIME);
+        this._closeDropdownOnEscape = async (ev) => {
+            const hasEscapeBeenPressed = ev.key.toLowerCase() === 'escape';
+            if (!hasEscapeBeenPressed)
+                return;
+            await this.hide();
+        };
         this._hoverToggle = async (ev) => {
             if (window.innerWidth < BREAKPOINTS.xs)
                 return;
@@ -177,8 +183,9 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
         var _a;
         this.addEventListener(RELATIVE_POSITION_CONTROLLER_EVENTS.disabledPositioning, this._handleDisabledPositioning);
         this.addEventListener(RELATIVE_POSITION_CONTROLLER_EVENTS.enabledPositioning, this._handleEnabledPositioning);
-        (_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.addEventListener('toggle', this.toggle);
+        (_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.addEventListener(DROPDOWN_EVENTS.toggle, this.toggle);
         window.addEventListener('resize', this._observeScrollToggling);
+        document.addEventListener('keydown', this._closeDropdownOnEscape);
         if (this.toggleOnHover)
             document.addEventListener('mouseover', this._hoverToggle);
     }
@@ -223,8 +230,9 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
     disconnectedCallback() {
         var _a;
         super.disconnectedCallback();
-        (_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.removeEventListener('toggle', this.toggle);
+        (_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.removeEventListener(DROPDOWN_EVENTS.toggle, this.toggle);
         window.removeEventListener('resize', this._observeScrollToggling);
+        document.removeEventListener('keydown', this._closeDropdownOnEscape);
         if (this.toggleOnHover)
             document.removeEventListener('mouseover', this._hoverToggle);
         if (this.opened) {

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/phoenix/src/components/dropdown/dropdown_constants.d.ts

@@ -4,8 +4,11 @@ export declare const DROPDOWN_TOGGLER_NAME: string;
 export declare const DROPDOWN_CONTENT_NAME: string;
 export declare const DEFAULT_DROPDOWN_PORTAL_NAME = "dropdown-portal";
 export declare const DROPDOWN_EVENTS: {
+    readonly toggle: "dropdown.toggle";
     readonly show: "dropdown.show";
     readonly hide: "dropdown.hide";
+    readonly showed: "dropdown.showed";
+    readonly hidden: "dropdown.hidden";
 };
 export declare const DROPDOWN_OPENED_ATTRIBUTE_NAME = "opened";
 export declare const DROPDOWN_CSS_CLASS = "dropdown";

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

@@ -5,8 +5,11 @@ const DROPDOWN_CONTENT_NAME = `${DROPDOWN_CONTAINER_NAME}-content`;
 const DEFAULT_DROPDOWN_PORTAL_NAME = 'dropdown-portal';
 const DROPDOWN_EVENT_NAME = 'dropdown';
 const DROPDOWN_EVENTS = {
+    toggle: `${DROPDOWN_EVENT_NAME}.toggle`,
     show: `${DROPDOWN_EVENT_NAME}.show`,
-    hide: `${DROPDOWN_EVENT_NAME}.hide`
+    hide: `${DROPDOWN_EVENT_NAME}.hide`,
+    showed: `${DROPDOWN_EVENT_NAME}.showed`,
+    hidden: `${DROPDOWN_EVENT_NAME}.hidden`
 };
 const DROPDOWN_OPENED_ATTRIBUTE_NAME = 'opened';
 const DROPDOWN_CSS_CLASS = 'dropdown';

package/build/esm/packages/phoenix/src/components/dropdown/dropdown_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;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;"}

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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../core/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,9 +1,9 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 import { property, state } from 'lit/decorators';
-import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../core/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
 import { BtnController } from '../../controllers/btn_controller.js';
-import { DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_OPENED_ATTRIBUTE_NAME } from './dropdown_constants.js';
+import { DROPDOWN_EVENTS, DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_OPENED_ATTRIBUTE_NAME } from './dropdown_constants.js';
 import { ToggleElementAriaController } from '../../controllers/toggle_element_aria_controller/toggle_element_aria_controller.js';
 
 let HDropdownToggler = class HDropdownToggler extends PhoenixLightLitElement {
@@ -11,8 +11,10 @@ let HDropdownToggler = class HDropdownToggler extends PhoenixLightLitElement {
         super();
         this.name = '';
         this.toggleOnHover = false;
-        this._dispatchToggleDropdownEvent = () => {
-            const toggleDropdownEvent = new Event('toggle', {
+        this._dispatchToggleDropdownEvent = (ev) => {
+            ev.preventDefault();
+            ev.stopImmediatePropagation();
+            const toggleDropdownEvent = new Event(DROPDOWN_EVENTS.toggle, {
                 bubbles: true
             });
             this.dispatchEvent(toggleDropdownEvent);

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

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,uCAAuC,4CAAgD;AACvF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/esm/packages/phoenix/src/components/form/checkbox/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element/phoenix_light_lit_element';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/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/phoenix_light_lit_element";
+import { PhoenixLightLitElement } from "../../../core/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/phoenix_light_lit_element.js';
+import { PhoenixLightLitElement } from '../../../core/phoenix_light_lit_element.js';
 import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_element.js';
 import { INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';