@shoper/phoenix_design_system 1.4.2 → 1.4.3-1

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js

@@ -1,27 +1,27 @@
 import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../external/tslib/tslib.es6.js';
 import { CALCULATOR_DIRECTIONS } from './relative_position_controller_constants.js';
 
-var _PositionCalculator_direction, _PositionCalculator_relativeElementRect, _PositionCalculator_positionElementRect, _PositionCalculator_containerRect, _PositionCalculator_documentHeight, _PositionCalculator_documentWidth, _PositionCalculator_shouldNotReposition, _PositionCalculator_offset;
+var _PositionCalculator_direction, _PositionCalculator_relativeElementRect, _PositionCalculator_positionElementRect, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, _PositionCalculator_containerRect, _PositionCalculator_documentHeight, _PositionCalculator_shouldNotReposition, _PositionCalculator_offset;
 class PositionCalculator {
-    constructor({ direction, relativeElementRect, positionElementRect, container = document.body, offset = 0, shouldNotReposition }) {
+    constructor({ direction, relativeElementRect, positionElementRect, container = document.body, nearestNonStaticElementFromElementToPositionRect, offset = 0, shouldNotReposition }) {
         _PositionCalculator_direction.set(this, void 0);
         _PositionCalculator_relativeElementRect.set(this, void 0);
         _PositionCalculator_positionElementRect.set(this, void 0);
+        _PositionCalculator_nearestNonStaticElementFromElementToPositionRect.set(this, void 0);
         _PositionCalculator_containerRect.set(this, void 0);
         _PositionCalculator_documentHeight.set(this, void 0);
-        _PositionCalculator_documentWidth.set(this, void 0);
         _PositionCalculator_shouldNotReposition.set(this, void 0);
         _PositionCalculator_offset.set(this, void 0);
         __classPrivateFieldSet(this, _PositionCalculator_direction, direction, "f");
         __classPrivateFieldSet(this, _PositionCalculator_relativeElementRect, relativeElementRect, "f");
         __classPrivateFieldSet(this, _PositionCalculator_positionElementRect, positionElementRect, "f");
+        __classPrivateFieldSet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, nearestNonStaticElementFromElementToPositionRect, "f");
         __classPrivateFieldSet(this, _PositionCalculator_containerRect, container.getBoundingClientRect(), "f");
         __classPrivateFieldSet(this, _PositionCalculator_shouldNotReposition, !!shouldNotReposition, "f");
         __classPrivateFieldSet(this, _PositionCalculator_offset, offset, "f");
         const body = document.body;
         const documentElement = document.documentElement;
         __classPrivateFieldSet(this, _PositionCalculator_documentHeight, Math.max(body.scrollHeight, body.offsetHeight, documentElement.clientHeight, documentElement.scrollHeight, documentElement.offsetHeight), "f");
-        __classPrivateFieldSet(this, _PositionCalculator_documentWidth, Math.max(body.scrollWidth, body.offsetWidth, documentElement.clientWidth, documentElement.scrollWidth, documentElement.offsetWidth), "f");
     }
     calculatePosition() {
         const [side, alignment = CALCULATOR_DIRECTIONS.center] = __classPrivateFieldGet(this, _PositionCalculator_direction, "f").split('-');
@@ -34,29 +34,35 @@ class PositionCalculator {
         };
     }
     _canFitTopSide() {
-        const elementPositionTop = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height - __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const elementPositionTop = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
         return elementPositionTop > __classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").top && elementPositionTop > 0;
     }
     _canFitBottomSide() {
-        const elementPositionBottom = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom + __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height + __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const elementPositionBottom = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom + __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
         return elementPositionBottom < __classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").bottom && elementPositionBottom < __classPrivateFieldGet(this, _PositionCalculator_documentHeight, "f");
     }
     _canFitCenter(centerPosition) {
         return centerPosition + __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height - window.scrollY < window.innerHeight && centerPosition - window.scrollY > 0;
     }
     _canFitLeftSide() {
-        const positionElementLeftSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").left + window.scrollX - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width - __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
-        return positionElementLeftSide >= __classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").left && positionElementLeftSide > 0;
+        const positionElementLeftSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").left - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width;
+        return positionElementLeftSide >= __classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").left;
     }
     _canFitRightSide() {
-        const positionElementRightSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").right + window.scrollX + __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width + __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
-        return positionElementRightSide <= __classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").width && positionElementRightSide < __classPrivateFieldGet(this, _PositionCalculator_documentWidth, "f");
+        const positionElementRightSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").right - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left;
+        return positionElementRightSide + __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width <= __classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").width;
     }
     _calculateSidePosition(side, alignment) {
-        const topSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top + window.scrollY - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height - __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
-        const bottomSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom + window.scrollY + __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
-        const leftSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").left + window.scrollX - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width - __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
-        const rightSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").right + window.scrollX + __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const topSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top -
+            __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top -
+            __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height -
+            __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const bottomSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top + __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const leftSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").left -
+            __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left -
+            __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width -
+            __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const rightSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").right - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left + __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
         const verticalCenterOfRelativeElement = (topSideOfRelativeElement + bottomSideOfRelativeElement) / 2;
         const horizontalCenterOfRelativeElement = (leftSideOfRelativeElement + rightSideOfRelativeElement) / 2;
         switch (side) {
@@ -138,10 +144,10 @@ class PositionCalculator {
         return { left: rightSide, calculatedSide: CALCULATOR_DIRECTIONS.right };
     }
     calculateAlignmentPosition(alignment, side) {
-        const alignmentToLeftSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").left + window.scrollX;
-        const alignmentToRightSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").right + window.scrollX - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width;
-        const alignmentToTopSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top + window.scrollY;
-        const alignmentToBottomSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom + window.scrollY - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
+        const alignmentToLeftSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").left - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left;
+        const alignmentToRightSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").right - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width;
+        const alignmentToTopSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top;
+        const alignmentToBottomSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
         const verticalCenterOfRelativeElement = (alignmentToTopSide + alignmentToBottomSide) / 2;
         const horizontalCenterOfRelativeElement = (alignmentToLeftSide + alignmentToRightSide) / 2;
         const isSideCenter = side === CALCULATOR_DIRECTIONS.center;
@@ -219,7 +225,7 @@ class PositionCalculator {
         return { top: verticalCenter, calculatedSide: CALCULATOR_DIRECTIONS.center };
     }
 }
-_PositionCalculator_direction = new WeakMap(), _PositionCalculator_relativeElementRect = new WeakMap(), _PositionCalculator_positionElementRect = new WeakMap(), _PositionCalculator_containerRect = new WeakMap(), _PositionCalculator_documentHeight = new WeakMap(), _PositionCalculator_documentWidth = new WeakMap(), _PositionCalculator_shouldNotReposition = new WeakMap(), _PositionCalculator_offset = new WeakMap();
+_PositionCalculator_direction = new WeakMap(), _PositionCalculator_relativeElementRect = new WeakMap(), _PositionCalculator_positionElementRect = new WeakMap(), _PositionCalculator_nearestNonStaticElementFromElementToPositionRect = new WeakMap(), _PositionCalculator_containerRect = new WeakMap(), _PositionCalculator_documentHeight = new WeakMap(), _PositionCalculator_shouldNotReposition = new WeakMap(), _PositionCalculator_offset = new WeakMap();
 
 export { PositionCalculator };
 //# sourceMappingURL=relative_position_calculator.js.map

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/controllers/relative_position_controller/relative_position_calculator_types.d.ts

@@ -6,6 +6,7 @@ export declare type TRelativePositionCalculatorConstructorOptions = {
     direction: TDirection;
     relativeElementRect: DOMRect;
     positionElementRect: DOMRect;
+    nearestNonStaticElementFromElementToPositionRect: DOMRect;
     offset?: number;
     container?: HTMLElement;
     shouldNotReposition?: boolean;

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.d.ts

@@ -1,7 +1,7 @@
 import { IRelativePositionController, TDirection, TRelativePositionControllerConstructorOptions } from "./relative_position_controller_types";
 export declare class RelativePositionController implements IRelativePositionController {
     #private;
-    constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition, portalElementsNames, offset, mobileElementPosition }: TRelativePositionControllerConstructorOptions);
+    constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition, portalElementsNames, offset }: TRelativePositionControllerConstructorOptions);
     hostConnected(): void;
     hostDisconnected(): void;
     position(shouldNotReposition?: boolean): TDirection;

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller.js

@@ -1,15 +1,16 @@
 import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../external/tslib/tslib.es6.js';
 import 'lit';
 import { SCROLLABLE_CLASS_NAME } from '../../global_constants.js';
-import { MOBILE_ELEMENT_POSITIONS, RELATIVE_POSITION_CONTROLLER_EVENTS, OVERFLOW_SCROLL, OVERFLOW_AUTO, NON_STATIC_POSITIONS, SHRINK_MODE_BOTTOM_MARGIN, SHRINK_MODE_MIN_HEIGHT, DEFAULT_THROTTLE_WAIT_TIME, DEFAULT_SCROLL_THROTTLE_WAIT_TIME } from './relative_position_controller_constants.js';
+import { RELATIVE_POSITION_CONTROLLER_EVENTS, OVERFLOW_SCROLL, OVERFLOW_AUTO, NON_STATIC_POSITIONS, SHRINK_MODE_BOTTOM_MARGIN, SHRINK_MODE_MIN_HEIGHT, DEFAULT_THROTTLE_WAIT_TIME, DEFAULT_SCROLL_THROTTLE_WAIT_TIME } from './relative_position_controller_constants.js';
 import { PositionCalculator } from './relative_position_calculator.js';
 import throttle_1 from '../../../../../external/lodash/throttle.js';
 
-var _RelativePositionController_host, _RelativePositionController_container, _RelativePositionController_direction, _RelativePositionController_nearestScrollableElement, _RelativePositionController_relativeElement, _RelativePositionController_elementToPosition, _RelativePositionController_disablePositioningOnCondition, _RelativePositionController_portalElementsNames, _RelativePositionController_isInitiallyScrollable, _RelativePositionController_initialMaxHeight, _RelativePositionController_initialHeight, _RelativePositionController_calculatedDirection, _RelativePositionController_hasPositioningBeenDisabled, _RelativePositionController_doesCurrentlyHaveShrinkMode, _RelativePositionController_offset, _RelativePositionController_mobileElementPosition, _RelativePositionController_throttledReposition, _RelativePositionController_throttledRepositionForScroll;
+var _RelativePositionController_host, _RelativePositionController_container, _RelativePositionController_nearestNonStaticElementFromElementToPosition, _RelativePositionController_direction, _RelativePositionController_nearestScrollableElement, _RelativePositionController_relativeElement, _RelativePositionController_elementToPosition, _RelativePositionController_disablePositioningOnCondition, _RelativePositionController_portalElementsNames, _RelativePositionController_isInitiallyScrollable, _RelativePositionController_initialMaxHeight, _RelativePositionController_initialHeight, _RelativePositionController_calculatedDirection, _RelativePositionController_hasPositioningBeenDisabled, _RelativePositionController_doesCurrentlyHaveShrinkMode, _RelativePositionController_offset, _RelativePositionController_throttledReposition, _RelativePositionController_throttledRepositionForScroll;
 class RelativePositionController {
-    constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition = () => false, portalElementsNames = [], offset = 0, mobileElementPosition = MOBILE_ELEMENT_POSITIONS.left }) {
+    constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition = () => false, portalElementsNames = [], offset = 0 }) {
         _RelativePositionController_host.set(this, void 0);
         _RelativePositionController_container.set(this, void 0);
+        _RelativePositionController_nearestNonStaticElementFromElementToPosition.set(this, void 0);
         _RelativePositionController_direction.set(this, void 0);
         _RelativePositionController_nearestScrollableElement.set(this, void 0);
         _RelativePositionController_relativeElement.set(this, void 0);
@@ -23,7 +24,6 @@ class RelativePositionController {
         _RelativePositionController_hasPositioningBeenDisabled.set(this, void 0);
         _RelativePositionController_doesCurrentlyHaveShrinkMode.set(this, void 0);
         _RelativePositionController_offset.set(this, void 0);
-        _RelativePositionController_mobileElementPosition.set(this, void 0);
         _RelativePositionController_throttledReposition.set(this, throttle_1(() => {
             if (__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)) {
                 this.disableRelativePositioning();
@@ -46,7 +46,6 @@ class RelativePositionController {
         __classPrivateFieldSet(this, _RelativePositionController_disablePositioningOnCondition, disablePositioningOnCondition, "f");
         __classPrivateFieldSet(this, _RelativePositionController_portalElementsNames, portalElementsNames, "f");
         __classPrivateFieldSet(this, _RelativePositionController_offset, offset, "f");
-        __classPrivateFieldSet(this, _RelativePositionController_mobileElementPosition, mobileElementPosition, "f");
         __classPrivateFieldSet(this, _RelativePositionController_isInitiallyScrollable, elementToPosition.classList.contains(SCROLLABLE_CLASS_NAME), "f");
         __classPrivateFieldSet(this, _RelativePositionController_initialMaxHeight, getComputedStyle(elementToPosition).maxHeight, "f");
         __classPrivateFieldGet(this, _RelativePositionController_host, "f").addController(this);
@@ -66,8 +65,10 @@ class RelativePositionController {
     position(shouldNotReposition = false) {
         if (__classPrivateFieldGet(this, _RelativePositionController_hasPositioningBeenDisabled, "f"))
             this._dispatchReenabledPositioningEvent();
+        if (!__classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f"))
+            __classPrivateFieldSet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, this._findContainer(__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f")), "f");
         if (!__classPrivateFieldGet(this, _RelativePositionController_container, "f"))
-            __classPrivateFieldSet(this, _RelativePositionController_container, this._findContainer(__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f")), "f");
+            __classPrivateFieldSet(this, _RelativePositionController_container, __classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f"), "f");
         const positionElementRect = __classPrivateFieldGet(this, _RelativePositionController_initialHeight, "f")
             ? { ...__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect().toJSON(), height: __classPrivateFieldGet(this, _RelativePositionController_initialHeight, "f") }
             : __classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect();
@@ -75,6 +76,7 @@ class RelativePositionController {
             direction: shouldNotReposition && __classPrivateFieldGet(this, _RelativePositionController_calculatedDirection, "f") ? __classPrivateFieldGet(this, _RelativePositionController_calculatedDirection, "f") : __classPrivateFieldGet(this, _RelativePositionController_direction, "f"),
             relativeElementRect: __classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f").getBoundingClientRect(),
             positionElementRect,
+            nearestNonStaticElementFromElementToPositionRect: __classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f").getBoundingClientRect(),
             container: __classPrivateFieldGet(this, _RelativePositionController_container, "f"),
             shouldNotReposition: shouldNotReposition || !__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getAttribute('style'),
             offset: __classPrivateFieldGet(this, _RelativePositionController_offset, "f")
@@ -123,9 +125,6 @@ class RelativePositionController {
         __classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").style.top = '0';
         __classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").style.left = '0';
         __classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").style.transform = `translate3d(${position.left}px, ${position.top}px, 0)`;
-        if (__classPrivateFieldGet(this, _RelativePositionController_mobileElementPosition, "f") !== MOBILE_ELEMENT_POSITIONS.right)
-            return;
-        __classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").style.right = '';
     }
     _disableShrinkMode() {
         if (!__classPrivateFieldGet(this, _RelativePositionController_isInitiallyScrollable, "f"))
@@ -150,13 +149,9 @@ class RelativePositionController {
         const { style: elementStyle } = __classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f");
         elementStyle.position = '';
         elementStyle.transform = '';
-        if (__classPrivateFieldGet(this, _RelativePositionController_mobileElementPosition, "f") !== MOBILE_ELEMENT_POSITIONS.right)
-            return;
-        elementStyle.right = '0';
-        elementStyle.left = '';
     }
 }
-_RelativePositionController_host = new WeakMap(), _RelativePositionController_container = new WeakMap(), _RelativePositionController_direction = new WeakMap(), _RelativePositionController_nearestScrollableElement = new WeakMap(), _RelativePositionController_relativeElement = new WeakMap(), _RelativePositionController_elementToPosition = new WeakMap(), _RelativePositionController_disablePositioningOnCondition = new WeakMap(), _RelativePositionController_portalElementsNames = new WeakMap(), _RelativePositionController_isInitiallyScrollable = new WeakMap(), _RelativePositionController_initialMaxHeight = new WeakMap(), _RelativePositionController_initialHeight = new WeakMap(), _RelativePositionController_calculatedDirection = new WeakMap(), _RelativePositionController_hasPositioningBeenDisabled = new WeakMap(), _RelativePositionController_doesCurrentlyHaveShrinkMode = new WeakMap(), _RelativePositionController_offset = new WeakMap(), _RelativePositionController_mobileElementPosition = new WeakMap(), _RelativePositionController_throttledReposition = new WeakMap(), _RelativePositionController_throttledRepositionForScroll = new WeakMap();
+_RelativePositionController_host = new WeakMap(), _RelativePositionController_container = new WeakMap(), _RelativePositionController_nearestNonStaticElementFromElementToPosition = new WeakMap(), _RelativePositionController_direction = new WeakMap(), _RelativePositionController_nearestScrollableElement = new WeakMap(), _RelativePositionController_relativeElement = new WeakMap(), _RelativePositionController_elementToPosition = new WeakMap(), _RelativePositionController_disablePositioningOnCondition = new WeakMap(), _RelativePositionController_portalElementsNames = new WeakMap(), _RelativePositionController_isInitiallyScrollable = new WeakMap(), _RelativePositionController_initialMaxHeight = new WeakMap(), _RelativePositionController_initialHeight = new WeakMap(), _RelativePositionController_calculatedDirection = new WeakMap(), _RelativePositionController_hasPositioningBeenDisabled = new WeakMap(), _RelativePositionController_doesCurrentlyHaveShrinkMode = new WeakMap(), _RelativePositionController_offset = new WeakMap(), _RelativePositionController_throttledReposition = new WeakMap(), _RelativePositionController_throttledRepositionForScroll = new WeakMap();
 
 export { RelativePositionController };
 //# sourceMappingURL=relative_position_controller.js.map

package/build/esm/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,+DAA+D,4CAAgD;AAC/G;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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;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/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.d.ts

@@ -64,7 +64,3 @@ export declare const RELATIVE_POSITION_CONTROLLER_EVENTS: {
     enabledPositioning: string;
     disabledPositioning: string;
 };
-export declare const MOBILE_ELEMENT_POSITIONS: {
-    readonly left: "left";
-    readonly right: "right";
-};

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_constants.js

@@ -47,11 +47,7 @@ const RELATIVE_POSITION_CONTROLLER_EVENT_NAME = 'relative_position_controller';
 const RELATIVE_POSITION_CONTROLLER_EVENTS = {
     enabledPositioning: `${RELATIVE_POSITION_CONTROLLER_EVENT_NAME}.enabledPositioning`,
     disabledPositioning: `${RELATIVE_POSITION_CONTROLLER_EVENT_NAME}.disabledPositioning`
-};
-const MOBILE_ELEMENT_POSITIONS = {
-    left: 'left',
-    right: 'right'
 };
 
-export { CALCULATOR_DIRECTIONS, CENTER_DIRECTIONS, DEFAULT_SCROLL_THROTTLE_WAIT_TIME, DEFAULT_THROTTLE_WAIT_TIME, DIRECTIONS, HORIZONTAL_DIRECTIONS, MOBILE_ELEMENT_POSITIONS, NON_STATIC_POSITIONS, OVERFLOW_AUTO, OVERFLOW_SCROLL, RELATIVE_POSITION_CONTROLLER_EVENTS, SHRINK_MODE_BOTTOM_MARGIN, SHRINK_MODE_MIN_HEIGHT, VERTICAL_DIRECTIONS };
+export { CALCULATOR_DIRECTIONS, CENTER_DIRECTIONS, DEFAULT_SCROLL_THROTTLE_WAIT_TIME, DEFAULT_THROTTLE_WAIT_TIME, DIRECTIONS, HORIZONTAL_DIRECTIONS, NON_STATIC_POSITIONS, OVERFLOW_AUTO, OVERFLOW_SCROLL, RELATIVE_POSITION_CONTROLLER_EVENTS, SHRINK_MODE_BOTTOM_MARGIN, SHRINK_MODE_MIN_HEIGHT, VERTICAL_DIRECTIONS };
 //# sourceMappingURL=relative_position_controller_constants.js.map

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;"}

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.d.ts

@@ -1,6 +1,6 @@
-import { DIRECTIONS, MOBILE_ELEMENT_POSITIONS } from "./relative_position_controller_constants";
 import { ReactiveController, ReactiveControllerHost } from 'lit';
 import { Any } from 'ts-toolbelt';
+import { DIRECTIONS } from "./relative_position_controller_constants";
 import { TCalculatorDirection } from './relative_position_calculator_types';
 export declare type TDirection = typeof DIRECTIONS[Any.Keys<typeof DIRECTIONS>];
 export declare type TRelativePositionControllerConstructorOptions = {
@@ -12,7 +12,6 @@ export declare type TRelativePositionControllerConstructorOptions = {
     disablePositioningOnCondition?: () => boolean;
     portalElementsNames?: string[];
     offset?: number;
-    mobileElementPosition?: TMobileElementPosition;
 };
 export interface IRelativePositionController extends ReactiveController {
     position(): void;
@@ -26,4 +25,3 @@ export declare type TRelativePositionControllerPositionData = {
 export declare type TPartialPositionControllerPositionData = Omit<TRelativePositionControllerPositionData, 'calculatedSide'> & {
     calculatedSide: TCalculatorDirection;
 };
-export declare type TMobileElementPosition = typeof MOBILE_ELEMENT_POSITIONS[Any.Keys<typeof MOBILE_ELEMENT_POSITIONS>];

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js

@@ -1,5 +1,5 @@
-import '@phoenixRoot/controllers/relative_position_controller/relative_position_controller_constants';
 import 'lit';
 import 'ts-toolbelt';
+import '@phoenixRoot/controllers/relative_position_controller/relative_position_controller_constants';
 import './relative_position_calculator_types';
 //# sourceMappingURL=relative_position_controller_types.js.map

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_controller_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"relative_position_controller_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/relative_position_controller/relative_position_controller_types.ts"],"names":[],"mappings":"AAAA,OAGO,8FAA8F,CAAC;AACtG,OAA2D,KAAK,CAAC;AAEjE,OAAoB,aAAa,CAAC;AAClC,OAAqC,sCAAsC,CAAC"}
+{"version":3,"file":"relative_position_controller_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/relative_position_controller/relative_position_controller_types.ts"],"names":[],"mappings":"AAAA,OAA2D,KAAK,CAAC;AAEjE,OAAoB,aAAa,CAAC;AAClC,OAA2B,8FAA8F,CAAC;AAC1H,OAAqC,sCAAsC,CAAC"}

package/build/esm/packages/phoenix/src/index.d.ts

@@ -19,7 +19,6 @@ export { HModalBody } from './components/modal/modal_body';
 export { HModalFooter } from './components/modal/modal_footer';
 export { HModalHeader } from './components/modal/modal_header';
 export { HModalClose } from './components/modal/modal_close';
-export { MODAL_EVENTS } from './components/modal/modal_constants';
 export { HControl } from './components/form/control/control';
 export { HControlErrors } from './components/form/control/control_errors';
 export { HControlContent } from './components/form/control/control_content';
@@ -65,7 +64,6 @@ export { BtnController } from './controllers/btn_controller/btn_controller';
 export { HDropdown } from './components/dropdown/dropdown';
 export { HDropdownToggler } from './components/dropdown/dropdown_toggler';
 export { HDropdownContent } from './components/dropdown/dropdown_content';
-export { HDropdownClose } from './components/dropdown/dropdown_close';
 export { HToggleButtonGroup } from './components/groups/toggle_button_group/toggle_button_group';
 export { HToggleButton } from './components/groups/toggle_button_group/toggle_button';
 export type { ISingleToggleOnModeToggleChange } from './components/groups/toggle_button_group/toggle_button_group_types';

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

@@ -23,7 +23,6 @@ export { HFile } from './components/form/file_picker/file/file.js';
 export { INPUT_CONTROL_CSS_CLASSES, INPUT_CONTROL_EVENTS, INPUT_CONTROL_SIZES, INPUT_CONTROL_TYPES, INPUT_PROPS_TO_SYNC } from './components/form/input/input_constants.js';
 export { HFilePicker } from './components/form/file_picker/file_picker.js';
 export { HFilePickerLabel } from './components/form/file_picker/file_picker_label.js';
-export { MODAL_EVENTS } from './components/modal/modal_constants.js';
 export { HModal } from './components/modal/modal.js';
 export { HModalOpener } from './components/modal/modal_opener.js';
 export { HModalBody } from './components/modal/modal_body.js';
@@ -62,7 +61,6 @@ export { HAccordion } from './components/accordion/accordion.js';
 export { HAccordionGroup } from './components/accordion/accordion_group.js';
 export { HAccordionContent } from './components/accordion/accordion_content.js';
 export { HAccordionToggler } from './components/accordion/accordion_toggler.js';
-export { HDropdownClose } from './components/dropdown/dropdown_close.js';
 export { HToggleButtonGroup } from './components/groups/toggle_button_group/toggle_button_group.js';
 export { HToggleButton } from './components/groups/toggle_button_group/toggle_button.js';
 export { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from './controllers/click_outside_controller/click_outside_controller_messages.js';

package/build/esm/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;"}
+{"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;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "1.4.2",
+  "version": "1.4.3-1",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",

package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
-var decorators = require('lit/decorators');
-var phoenix_light_lit_element = require('../../core/phoenix_light_lit_element/phoenix_light_lit_element.js');
-var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
-var btn_controller = require('../../controllers/btn_controller/btn_controller.js');
-var dropdown_constants = require('./dropdown_constants.js');
-
-exports.HDropdownClose = class HDropdownClose extends phoenix_light_lit_element.PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.name = '';
-        this.className = `${dropdown_constants.DROPDOWN_CSS_CLASSES.close} ${this.className}`;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._btnController = new btn_controller.BtnController(this, this._closeDropdown);
-        this.addEventListener('click', this._closeDropdown);
-    }
-    async _closeDropdown() {
-        const dropdown = document.querySelector(`h-dropdown[name="${this.name}"]`);
-        await (dropdown === null || dropdown === void 0 ? void 0 : dropdown.hide());
-    }
-};
-tslib_es6.__decorate([
-    decorators.property({ type: String }),
-    tslib_es6.__metadata("design:type", Object)
-], exports.HDropdownClose.prototype, "name", void 0);
-exports.HDropdownClose = tslib_es6.__decorate([
-    phoenix_custom_element.phoenixCustomElement('h-dropdown-close'),
-    tslib_es6.__metadata("design:paramtypes", [])
-], exports.HDropdownClose);
-//# sourceMappingURL=dropdown_close.js.map

package/build/cjs/packages/phoenix/src/components/dropdown/dropdown_close.js.map

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

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

@@ -1,8 +0,0 @@
-import { PhoenixLightLitElement } from "../../core/phoenix_light_lit_element/phoenix_light_lit_element";
-export declare class HDropdownClose extends PhoenixLightLitElement {
-    name: string;
-    private _btnController;
-    constructor();
-    connectedCallback(): void;
-    private _closeDropdown;
-}

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

@@ -1,34 +0,0 @@
-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 { phoenixCustomElement } from '../../core/decorators/phoenix_custom_element.js';
-import { BtnController } from '../../controllers/btn_controller/btn_controller.js';
-import { DROPDOWN_CSS_CLASSES } from './dropdown_constants.js';
-
-let HDropdownClose = class HDropdownClose extends PhoenixLightLitElement {
-    constructor() {
-        super();
-        this.name = '';
-        this.className = `${DROPDOWN_CSS_CLASSES.close} ${this.className}`;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this._btnController = new BtnController(this, this._closeDropdown);
-        this.addEventListener('click', this._closeDropdown);
-    }
-    async _closeDropdown() {
-        const dropdown = document.querySelector(`h-dropdown[name="${this.name}"]`);
-        await (dropdown === null || dropdown === void 0 ? void 0 : dropdown.hide());
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", Object)
-], HDropdownClose.prototype, "name", void 0);
-HDropdownClose = __decorate([
-    phoenixCustomElement('h-dropdown-close'),
-    __metadata("design:paramtypes", [])
-], HDropdownClose);
-
-export { HDropdownClose };
-//# sourceMappingURL=dropdown_close.js.map

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

@@ -1 +0,0 @@
-{"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;"}