@shoper/phoenix_design_system 0.27.1 → 1.0.0

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

@@ -60,10 +60,6 @@ var toggle_button_group = require('./components/groups/toggle_button_group/toggl
 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 color_swatches_control = require('./components/form/color_swatches_control/color_swatches_control.js');
-var color_item = require('./components/color_swatches/color_item/color_item.js');
-var color_swatches = require('./components/color_swatches/color_swatches.js');
-var show_more = require('./components/color_swatches/show-more/show_more.js');
 var visibility_controller = require('./controllers/visibility_controller/visibility_controller.js');
 var slider = require('./components/slider/slider.js');
 var tab = require('./components/tabs/tab/tab.js');
@@ -71,13 +67,6 @@ var tab_panel = require('./components/tabs/tab_panel.js');
 var tabs_constants = require('./components/tabs/tabs_constants.js');
 var tabs = require('./components/tabs/tabs.js');
 var scroll_to = require('./components/scroll_to/scroll_to.js');
-var hint = require('./components/messages/hints/hint.js');
-var hint_content = require('./components/messages/hints/hint_content.js');
-var tooltip = require('./components/messages/tooltips/tooltip.js');
-var tooltip_content = require('./components/messages/tooltips/tooltip_content.js');
-var icon = require('./components/icon/icon.js');
-var tag = require('./components/tag/tag.js');
-var tag_remove_button = require('./components/tag/tag_remove_button.js');
 
 
 
@@ -353,30 +342,6 @@ Object.defineProperty(exports, 'HBackdrop', {
 		return backdrop.HBackdrop;
 	}
 });
-Object.defineProperty(exports, 'HColorSwatchesControl', {
-	enumerable: true,
-	get: function () {
-		return color_swatches_control.HColorSwatchesControl;
-	}
-});
-Object.defineProperty(exports, 'HColorItem', {
-	enumerable: true,
-	get: function () {
-		return color_item.HColorItem;
-	}
-});
-Object.defineProperty(exports, 'HColorSwatches', {
-	enumerable: true,
-	get: function () {
-		return color_swatches.HColorSwatches;
-	}
-});
-Object.defineProperty(exports, 'HColorSwatchesShowMore', {
-	enumerable: true,
-	get: function () {
-		return show_more.HColorSwatchesShowMore;
-	}
-});
 exports.VisibilityController = visibility_controller.VisibilityController;
 Object.defineProperty(exports, 'HSlider', {
 	enumerable: true,
@@ -409,46 +374,4 @@ Object.defineProperty(exports, 'HScrollTo', {
 		return scroll_to.HScrollTo;
 	}
 });
-Object.defineProperty(exports, 'HHint', {
-	enumerable: true,
-	get: function () {
-		return hint.HHint;
-	}
-});
-Object.defineProperty(exports, 'HHintContent', {
-	enumerable: true,
-	get: function () {
-		return hint_content.HHintContent;
-	}
-});
-Object.defineProperty(exports, 'HTooltip', {
-	enumerable: true,
-	get: function () {
-		return tooltip.HTooltip;
-	}
-});
-Object.defineProperty(exports, 'HTooltipContent', {
-	enumerable: true,
-	get: function () {
-		return tooltip_content.HTooltipContent;
-	}
-});
-Object.defineProperty(exports, 'HIcon', {
-	enumerable: true,
-	get: function () {
-		return icon.HIcon;
-	}
-});
-Object.defineProperty(exports, 'HTag', {
-	enumerable: true,
-	get: function () {
-		return tag.HTag;
-	}
-});
-Object.defineProperty(exports, 'HTagRemoveButton', {
-	enumerable: true,
-	get: function () {
-		return tag_remove_button.HTagRemoveButton;
-	}
-});
 //# sourceMappingURL=index.js.map

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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AACA;AACA;AACA;AACA;AACA;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.d.ts

@@ -1,11 +1,11 @@
-import type { IDropdown, TDropdownDirection } from "./dropdown_types";
+import { IDropdown } from "./dropdown_types";
 import { TemplateResult } from 'lit-html';
 import { HDropdownContent } from './dropdown_content';
 import { HDropdownToggler } from './dropdown_toggler';
 import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
 export declare class HDropdown extends PhoenixLightLitElement implements IDropdown {
     opened: boolean;
-    direction: TDropdownDirection;
+    direction: "bottom-center";
     toggleOnHover: boolean;
     name: string;
     transition: string;
@@ -20,8 +20,7 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
     private _backdropController;
     _lastFocusableElement: HTMLElement | undefined;
     private _rootDropdown?;
-    constructor();
-    connectedCallback(): Promise<void>;
+    connectedCallback(): void;
     private static _appendDropdownPortal;
     private _findRootDropdown;
     private _setupListeners;
@@ -30,20 +29,18 @@ export declare class HDropdown extends PhoenixLightLitElement implements IDropdo
     show: () => Promise<void>;
     private _dispatchShowDropdownEvent;
     private _hideDropdownsSequentially;
-    hide: (ev?: Event) => Promise<void>;
+    hide: (ev?: Event | undefined) => Promise<void>;
     private _dispatchHideDropdownEvent;
     private _handleDisabledPositioning;
     private _handleEnabledPositioning;
     private _observeScrollToggling;
     private _toggleScroll;
     private _closeDropdownOnEscape;
-    private _handleForwardFocus;
-    private _focusOnNextElementAfterToggler;
-    private _handleBackwardFocus;
+    private _handleFocusWithinDropdown;
+    private _focusOnNextSibling;
     private _hoverToggle;
     private _isHoveredWithinDropdown;
     private _setupInitialDropdownProperties;
-    isOpened: () => boolean;
     private _positionDropdownContent;
     disconnectedCallback(): void;
     render(): TemplateResult;

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

@@ -7,9 +7,8 @@ import { PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP } from '../portal
 import { html } from 'lit-html';
 import { BackdropController } from '../backdrop/controller/backdrop_controller.js';
 import { property } from '@lit/reactive-element/decorators.js';
-import { KeystrokesController } from '../../controllers/keystrokes_controller/keystrokes_controller.js';
 import { BREAKPOINTS, SCROLLABLE_CLASS_NAME } from '../../global_constants.js';
-import { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTENT_VISIBLE_CLASS, DROPDOWN_CONTENT_SHOW, DROPDOWN_EVENTS, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_HIDE, DROPDOWN_TOGGLER_NAME, DROPDOWN_CONTENT_NAME } from './dropdown_constants.js';
+import { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTENT_VISIBLE_CLASS, DROPDOWN_CONTENT_SHOW, DROPDOWN_EVENTS, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_HIDE, DROPDOWN_CONTENT_NAME, DROPDOWN_TOGGLER_NAME } from './dropdown_constants.js';
 import { DIRECTIONS, RELATIVE_POSITION_CONTROLLER_EVENTS, DEFAULT_THROTTLE_WAIT_TIME } from '../../controllers/relative_position_controller/relative_position_controller_constants.js';
 import { ClickOutsideController } from '../../controllers/click_outside_controller/click_outside_controller.js';
 import throttle_1 from '../../../../../external/lodash/throttle.js';
@@ -18,7 +17,7 @@ import { RelativePositionController } from '../../controllers/relative_position_
 var HDropdown_1;
 let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
     constructor() {
-        super();
+        super(...arguments);
         this.opened = false;
         this.direction = DIRECTIONS.bottomCenter;
         this.toggleOnHover = false;
@@ -37,12 +36,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
                 await this._hideDropdownsSequentially();
         };
         this.toggle = async () => {
-            if (this.opened) {
-                await this._hideDropdownsSequentially();
-                return;
-            }
-            await this.show();
-            UiDomUtils.setFocusToFirstFocusableElementInContainer(this.$dropdownContent);
+            this.opened ? await this._hideDropdownsSequentially() : await this.show();
         };
         this.show = async () => {
             return new Promise((resolve) => {
@@ -57,12 +51,13 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
                     }, 0);
                     const transitionDuration = parseFloat(getComputedStyle(this.$dropdownContent || this).transitionDuration) * 1000;
                     setTimeout(() => {
-                        var _a, _b;
+                        var _a, _b, _c;
                         this._dispatchShowDropdownEvent();
                         (_a = this.$dropdownContent) === null || _a === void 0 ? void 0 : _a.classList.remove(`${DROPDOWN_CONTENT_SHOW}-${this.transition}-start`, `${DROPDOWN_CONTENT_SHOW}-${this.transition}-end`);
                         this._toggleScroll();
                         if (!this._lastFocusableElement)
                             this._lastFocusableElement = (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.lastElementChild;
+                        this._focusOnNextSibling((_c = this.$dropdownContent) === null || _c === void 0 ? void 0 : _c.firstElementChild);
                         resolve();
                     }, transitionDuration);
                 });
@@ -133,35 +128,20 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
                 return;
             await this.hide();
         };
-        this._handleForwardFocus = async (ev) => {
-            const $focusableElementsWithinDropdownContent = UiDomUtils.getFocusableElements(this.$dropdownContent);
-            const doesNotHaveFocusableElementsInsideContent = $focusableElementsWithinDropdownContent.length <= 0 && this.opened;
-            const isActiveElementLastFocusableElement = document.activeElement === this._lastFocusableElement;
-            if (doesNotHaveFocusableElementsInsideContent || isActiveElementLastFocusableElement)
-                this._focusOnNextElementAfterToggler(ev);
-        };
-        this._focusOnNextElementAfterToggler = async (ev) => {
-            ev.preventDefault();
-            const $focusableElements = UiDomUtils.getFocusableElements(document.body);
-            const indexOfDropdownToggler = $focusableElements.indexOf(this.$dropdownToggler);
-            const $nextElementToFocus = $focusableElements.find((currentElement, index) => {
-                if (index > indexOfDropdownToggler && !currentElement.closest(`${DROPDOWN_TOGGLER_NAME}[name="${this.name}"]`))
-                    return currentElement;
-                return null;
-            });
-            if ($nextElementToFocus)
-                $nextElementToFocus.focus();
-            await this._hideDropdownsSequentially();
-            await this.hide();
-        };
-        this._handleBackwardFocus = async (ev) => {
+        this._handleFocusWithinDropdown = async (ev) => {
             var _a;
+            const hasTabBeenPressed = ev.key.toLowerCase() === 'tab';
+            if (hasTabBeenPressed && document.activeElement === this._lastFocusableElement) {
+                ev.preventDefault();
+                this._focusOnNextSibling(this.nextElementSibling || this);
+                await this._hideDropdownsSequentially();
+            }
             const $firstFocusableElement = this.$dropdownContent && UiDomUtils.getFocusableElement(this.$dropdownContent);
-            if (document.activeElement !== $firstFocusableElement)
-                return;
-            ev.preventDefault();
-            (_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.focus();
-            await this._hideDropdownsSequentially();
+            if (hasTabBeenPressed && ev.shiftKey && document.activeElement === $firstFocusableElement) {
+                ev.preventDefault();
+                (_a = this.$dropdownToggler) === null || _a === void 0 ? void 0 : _a.focus();
+                await this._hideDropdownsSequentially();
+            }
         };
         this._hoverToggle = async (ev) => {
             if (window.innerWidth < BREAKPOINTS.xs)
@@ -173,13 +153,11 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
             const isHoveredWithinDropdown = this._isHoveredWithinDropdown(ev.target);
             if (isHoveredWithinDropdown && !this.opened) {
                 await this.show();
-                UiDomUtils.setFocusToFirstFocusableElementInContainer(this.$dropdownContent);
                 return;
             }
             if (!isHoveredWithinDropdown && this.opened)
                 await this._hideDropdownsSequentially();
         };
-        this.isOpened = () => this.opened;
         this._positionDropdownContent = () => {
             requestAnimationFrame(() => {
                 this.opened && window.innerWidth < BREAKPOINTS.xs
@@ -187,20 +165,8 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
                     : this._positionController.position();
             });
         };
-        new KeystrokesController({
-            host: this,
-            target: document.body,
-            keys: ['tab'],
-            callback: this._handleForwardFocus
-        });
-        new KeystrokesController({
-            host: this,
-            target: document.body,
-            keys: [['shift', 'tab']],
-            callback: this._handleBackwardFocus
-        });
     }
-    async connectedCallback() {
+    connectedCallback() {
         var _a;
         super.connectedCallback();
         HDropdown_1._appendDropdownPortal();
@@ -230,8 +196,6 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
                 name: this.name,
                 action: this._handleClickOutside
             });
-        if (this.opened)
-            await this.show();
         this._setupListeners();
         this._setupInitialDropdownProperties();
     }
@@ -257,6 +221,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
         document.addEventListener(DROPDOWN_EVENTS.hide, this.hide);
         window.addEventListener('resize', this._observeScrollToggling);
         document.addEventListener('keydown', this._closeDropdownOnEscape);
+        document.addEventListener('keydown', this._handleFocusWithinDropdown);
         if (this.toggleOnHover)
             document.addEventListener('mouseover', this._hoverToggle);
     }
@@ -276,6 +241,17 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
             (_b = this.$dropdownContent) === null || _b === void 0 ? void 0 : _b.classList.add(SCROLLABLE_CLASS_NAME);
         }
     }
+    _focusOnNextSibling(el) {
+        el.focus();
+        if (el === document.activeElement)
+            return;
+        if (el.firstElementChild) {
+            this._focusOnNextSibling(el.firstElementChild);
+            return;
+        }
+        if (el.nextElementSibling)
+            this._focusOnNextSibling(el.nextElementSibling);
+    }
     _isHoveredWithinDropdown(element) {
         var _a;
         if (element === this)
@@ -307,6 +283,7 @@ let HDropdown = HDropdown_1 = class HDropdown extends PhoenixLightLitElement {
         window.removeEventListener('resize', this._observeScrollToggling);
         document.removeEventListener('keydown', this._closeDropdownOnEscape);
         document.removeEventListener(DROPDOWN_EVENTS.hide, this.hide);
+        document.removeEventListener('keydown', this._handleFocusWithinDropdown);
         if (this.toggleOnHover)
             document.removeEventListener('mouseover', this._hoverToggle);
         if (this.opened) {
@@ -330,7 +307,7 @@ __decorate([
 ], HDropdown.prototype, "opened", void 0);
 __decorate([
     property({ type: String, reflect: true }),
-    __metadata("design:type", String)
+    __metadata("design:type", Object)
 ], HDropdown.prototype, "direction", void 0);
 __decorate([
     property({ type: Boolean }),
@@ -353,8 +330,7 @@ __decorate([
     __metadata("design:type", Object)
 ], HDropdown.prototype, "_lastFocusableElement", void 0);
 HDropdown = HDropdown_1 = __decorate([
-    phoenixCustomElement('h-dropdown'),
-    __metadata("design:paramtypes", [])
+    phoenixCustomElement('h-dropdown')
 ], HDropdown);
 
 export { HDropdown };

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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -10,6 +10,7 @@ export declare const DROPDOWN_EVENTS: {
     readonly showed: "dropdown.showed";
     readonly hidden: "dropdown.hidden";
 };
+export declare const DROPDOWN_OPENED_ATTRIBUTE_NAME = "opened";
 export declare const DROPDOWN_CSS_CLASS = "dropdown";
 export declare const DROPDOWN_CONTENT_CSS_CLASS: string;
 export declare const DROPDOWN_TOGGLER_CSS_CLASS: string;

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

@@ -11,6 +11,7 @@ const DROPDOWN_EVENTS = {
     showed: `${DROPDOWN_EVENT_NAME}.showed`,
     hidden: `${DROPDOWN_EVENT_NAME}.hidden`
 };
+const DROPDOWN_OPENED_ATTRIBUTE_NAME = 'opened';
 const DROPDOWN_CSS_CLASS = 'dropdown';
 const DROPDOWN_CONTENT_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__content`;
 const DROPDOWN_TOGGLER_CSS_CLASS = `${DROPDOWN_CSS_CLASS}__toggler`;
@@ -18,5 +19,5 @@ const DROPDOWN_CONTENT_VISIBLE_CLASS = `${DROPDOWN_CONTENT_CSS_CLASS}_visible`;
 const DROPDOWN_CONTENT_SHOW = `${DROPDOWN_CONTENT_CSS_CLASS}_show`;
 const DROPDOWN_CONTENT_HIDE = `${DROPDOWN_CONTENT_CSS_CLASS}_hide`;
 
-export { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_CSS_CLASS, DROPDOWN_CONTENT_HIDE, DROPDOWN_CONTENT_NAME, DROPDOWN_CONTENT_SHOW, DROPDOWN_CONTENT_VISIBLE_CLASS, DROPDOWN_CSS_CLASS, DROPDOWN_EVENTS, DROPDOWN_NAME, DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_TOGGLER_NAME };
+export { DEFAULT_DROPDOWN_PORTAL_NAME, DROPDOWN_CONTAINER_NAME, DROPDOWN_CONTENT_CSS_CLASS, DROPDOWN_CONTENT_HIDE, DROPDOWN_CONTENT_NAME, DROPDOWN_CONTENT_SHOW, DROPDOWN_CONTENT_VISIBLE_CLASS, DROPDOWN_CSS_CLASS, DROPDOWN_EVENTS, DROPDOWN_NAME, DROPDOWN_OPENED_ATTRIBUTE_NAME, DROPDOWN_TOGGLER_CSS_CLASS, DROPDOWN_TOGGLER_NAME };
 //# sourceMappingURL=dropdown_constants.js.map

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;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_toggler.d.ts

@@ -3,11 +3,8 @@ export declare class HDropdownToggler extends PhoenixLightLitElement {
     name: string;
     private _btnController;
     private _toggleElementAriaController;
-    private _$dropdown;
     toggleOnHover: boolean;
     constructor();
     connectedCallback(): void;
     private _dispatchToggleDropdownEvent;
-    private _handleFocusToOpenedDropdown;
-    disconnectedCallback(): void;
 }

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

@@ -1,10 +1,9 @@
 import { __decorate, __metadata } from '../../../../../external/tslib/tslib.es6.js';
 import { property, state } from 'lit/decorators';
-import { UiDomUtils } from '@dreamcommerce/utilities';
 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_CONTENT_NAME, DROPDOWN_TOGGLER_CSS_CLASS } 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 {
@@ -20,37 +19,19 @@ let HDropdownToggler = class HDropdownToggler extends PhoenixLightLitElement {
             });
             this.dispatchEvent(toggleDropdownEvent);
         };
-        this._handleFocusToOpenedDropdown = async (ev) => {
-            if (ev.target !== this)
-                return;
-            const isOpened = this._$dropdown.isOpened();
-            if (!isOpened)
-                return;
-            const $dropdownContent = document.querySelector(`${DROPDOWN_CONTENT_NAME}[name="${this.name}"]`);
-            if (!$dropdownContent)
-                return;
-            ev.preventDefault();
-            UiDomUtils.setFocusToFirstFocusableElementInContainer($dropdownContent);
-        };
         this.slot = this.hasAttribute('slot') ? this.slot : 'toggler';
         this.className = `${DROPDOWN_TOGGLER_CSS_CLASS} ${this.className}`;
     }
     connectedCallback() {
-        var _a;
         super.connectedCallback();
         this._btnController = new BtnController(this, this._dispatchToggleDropdownEvent);
-        this._$dropdown = this.parentElement;
+        const dropdown = this.parentElement;
         this._toggleElementAriaController = new ToggleElementAriaController({
             host: this,
-            initialAriaExpandedValue: this._$dropdown.isOpened()
+            initialAriaExpandedValue: !!(dropdown === null || dropdown === void 0 ? void 0 : dropdown.getAttribute(DROPDOWN_OPENED_ATTRIBUTE_NAME))
         });
-        this.toggleOnHover = ((_a = this._$dropdown) === null || _a === void 0 ? void 0 : _a.getAttribute('toggleOnHover')) !== null;
+        this.toggleOnHover = (dropdown === null || dropdown === void 0 ? void 0 : dropdown.getAttribute('toggleOnHover')) !== null;
         this.addEventListener('click', this._dispatchToggleDropdownEvent);
-        document.addEventListener('keydown', this._handleFocusToOpenedDropdown);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        document.removeEventListener('keydown', this._handleFocusToOpenedDropdown);
     }
 };
 __decorate([

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

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

@@ -1,5 +1,3 @@
-import { Any } from 'ts-toolbelt';
-import { VERTICAL_DIRECTIONS } from "../../controllers/relative_position_controller/relative_position_controller_constants";
 export declare type TDropdownSelectors = {
     getDropdownPortalTargetName(): string;
     getDropdownContainerName(): string;
@@ -9,11 +7,9 @@ export interface IDropdown {
     show(): void;
     hide(): void;
     toggle(): void;
-    isOpened(): boolean;
 }
 export declare type TDropdownHideEvent = Event & {
     detail: {
         name: string;
     };
 };
-export declare type TDropdownDirection = typeof VERTICAL_DIRECTIONS[Any.Keys<typeof VERTICAL_DIRECTIONS>];

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

@@ -1,3 +1,2 @@
-import 'ts-toolbelt';
-import '@phoenixRoot/controllers/relative_position_controller/relative_position_controller_constants';
+export {};
 //# sourceMappingURL=dropdown_types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown_types.js","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/dropdown_types.ts"],"names":[],"mappings":"AAAA,OAAoB,aAAa,CAAC;AAClC,OAAoC,8FAA8F,CAAC"}
+{"version":3,"file":"dropdown_types.js","sourceRoot":"","sources":["../../../../../../../src/components/dropdown/dropdown_types.ts"],"names":[],"mappings":""}

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

@@ -1,6 +1,7 @@
 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;
     iconName: string;
     connectedCallback(): void;
     protected render(): TemplateResult;

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

@@ -6,21 +6,26 @@ import { phoenixCustomElement } from '../../../core/decorators/phoenix_custom_el
 import { INPUT_CONTROL_CSS_CLASSES } from './input_constants.js';
 import { ICON_CSS_CLASSES } from '../../icon/icon_constants.js';
 
-let HInputIcon = class HInputIcon extends PhoenixLightLitElement {
+var HInputIcon_1;
+let HInputIcon = HInputIcon_1 = class HInputIcon extends PhoenixLightLitElement {
     connectedCallback() {
         super.connectedCallback();
         this.classList.add(INPUT_CONTROL_CSS_CLASSES.inputIcon, ICON_CSS_CLASSES.icon);
     }
     render() {
         super.render();
-        return html ` <h-icon icon-name=${this.iconName}></h-icon> `;
+        return html `
+            <svg>
+                <use xlink:href="${HInputIcon_1.src}#${this.iconName}"></use>
+            </svg>
+        `;
     }
 };
 __decorate([
-    property({ type: String, attribute: 'icon-name' }),
+    property({ type: String }),
     __metadata("design:type", String)
 ], HInputIcon.prototype, "iconName", void 0);
-HInputIcon = __decorate([
+HInputIcon = HInputIcon_1 = __decorate([
     phoenixCustomElement('h-input-icon')
 ], HInputIcon);
 

package/build/esm/packages/phoenix/src/components/form/input/input_icon.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;"}
+{"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;"}

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

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

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

@@ -1,16 +1,3 @@
-import { Any } from 'ts-toolbelt';
 export declare const ICON_CSS_CLASSES: {
     readonly icon: "icon";
-    readonly iconFilled: "icon_filled";
-    readonly iconNoStroke: "icon_no-stroke";
-    readonly iconSizeL: "icon_l";
-    readonly iconSizeXl: "icon_xl";
-    readonly iconSizeXxl: "icon_xxl";
-    readonly iconClickable: "icon_clickable";
 };
-export declare const ICON_SIZES_CSS_CLASS_MAP: {
-    readonly l: "icon_l";
-    readonly xl: "icon_xl";
-    readonly xxl: "icon_xxl";
-};
-export declare type TIconSize = Any.Keys<typeof ICON_SIZES_CSS_CLASS_MAP>;

package/build/esm/packages/phoenix/src/components/icon/icon_constants.js

@@ -1,18 +1,6 @@
-const iconBaseClass = 'icon';
 const ICON_CSS_CLASSES = {
-    icon: iconBaseClass,
-    iconFilled: `${iconBaseClass}_filled`,
-    iconNoStroke: `${iconBaseClass}_no-stroke`,
-    iconSizeL: `${iconBaseClass}_l`,
-    iconSizeXl: `${iconBaseClass}_xl`,
-    iconSizeXxl: `${iconBaseClass}_xxl`,
-    iconClickable: `${iconBaseClass}_clickable`
-};
-const ICON_SIZES_CSS_CLASS_MAP = {
-    l: ICON_CSS_CLASSES.iconSizeL,
-    xl: ICON_CSS_CLASSES.iconSizeXl,
-    xxl: ICON_CSS_CLASSES.iconSizeXxl
+    icon: 'icon'
 };
 
-export { ICON_CSS_CLASSES, ICON_SIZES_CSS_CLASS_MAP };
+export { ICON_CSS_CLASSES };
 //# sourceMappingURL=icon_constants.js.map

package/build/esm/packages/phoenix/src/components/icon/icon_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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/components/portal/portal_constants.d.ts

@@ -7,7 +7,6 @@ export declare const PORTAL_EVENTS: {
 export declare const PORTAL_TARGET_NAME_PROP = "name";
 export declare const PORTAL_COMPONENT_NAME = "h-portal";
 export declare const PORTAL_TARGET_COMPONENT_NAME = "h-portal-target";
-export declare const PORTAL_TARGET_ATTRIBUTE_NAME = "portal-target";
 declare global {
     interface HTMLElementTagNameMap {
         'h-portal': HPortal;

package/build/esm/packages/phoenix/src/components/portal/portal_constants.js

@@ -3,8 +3,7 @@ const PORTAL_EVENTS = {
     close: 'portal.close'
 };
 const PORTAL_TARGET_NAME_PROP = 'name';
-const PORTAL_TARGET_COMPONENT_NAME = 'h-portal-target';
-const PORTAL_TARGET_ATTRIBUTE_NAME = 'portal-target';
+const PORTAL_TARGET_COMPONENT_NAME = 'h-portal-target';
 
-export { PORTAL_EVENTS, PORTAL_TARGET_ATTRIBUTE_NAME, PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP };
+export { PORTAL_EVENTS, PORTAL_TARGET_COMPONENT_NAME, PORTAL_TARGET_NAME_PROP };
 //# sourceMappingURL=portal_constants.js.map

package/build/esm/packages/phoenix/src/components/portal/portal_constants.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}

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

@@ -2,7 +2,6 @@ import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/pho
 export declare class HTabs extends PhoenixLightLitElement {
     private _$selectedTab;
     private _$tabs;
-    watchChildrenRendered: boolean;
     connectedCallback(): void;
     private _handleArrowNavigation;
     private _getFocusedTabIndex;