@shoper/phoenix_design_system 0.6.0 → 0.7.2

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

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

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

@@ -2,7 +2,8 @@ const PORTAL_EVENTS = {
     open: `portal.open`,
     close: 'portal.close'
 };
-const PORTAL_TARGET_NAME_PROP = 'name';
+const PORTAL_TARGET_NAME_PROP = 'name';
+const PORTAL_TARGET_COMPONENT_NAME = 'h-portal-target';
 
-export { PORTAL_EVENTS, 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;"}
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -1,7 +1,7 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
 export declare class BtnController implements ReactiveController {
     host: ReactiveControllerHost & HTMLElement;
-    callback: (ev: KeyboardEvent) => void;
+    private _keystrokesController;
     constructor(host: ReactiveControllerHost & HTMLElement, callback: () => void);
     hostConnected(): void;
     hostDisconnected(): void;

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

@@ -1,23 +1,19 @@
 import 'lit';
+import { KeystrokesController } from './keystrokes_controller/keystrokes_controller.js';
 
 class BtnController {
     constructor(host, callback) {
         (this.host = host).addController(this);
         this.host.tabIndex = 0;
         this.host.setAttribute('role', 'button');
-        this.callback = (ev) => {
-            const isEnterOrSpacebarPressed = ev.code === 'Enter' || ev.code === 'Space';
-            if (isEnterOrSpacebarPressed) {
-                callback();
-            }
-        };
-    }
-    hostConnected() {
-        this.host.addEventListener('keydown', this.callback);
-    }
-    hostDisconnected() {
-        this.host.removeEventListener('keydown', this.callback);
+        this._keystrokesController = new KeystrokesController({
+            host,
+            keys: [' ', 'enter'],
+            callback
+        });
     }
+    hostConnected() { }
+    hostDisconnected() { }
 }
 
 export { BtnController };

package/build/esm/packages/phoenix/src/controllers/btn_controller.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;"}
+{"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;"}

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

@@ -0,0 +1,10 @@
+import { ReactiveController } from 'lit';
+import { TClickOutsideControllerProps } from './click_outside_controller_types';
+export declare class ClickOutsideController implements ReactiveController {
+    #private;
+    private _name?;
+    constructor({ host, container, name }: TClickOutsideControllerProps);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    private _dispatchClickedOutsideEvent;
+}

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

@@ -0,0 +1,38 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet } from '../../../../../external/tslib/tslib.es6.js';
+import 'lit';
+import { CLICK_OUTSIDE_CONTROLLER_MESSAGES } from './click_outside_controller_messages.js';
+
+var _ClickOutsideController_host, _ClickOutsideController_container;
+class ClickOutsideController {
+    constructor({ host, container, name }) {
+        _ClickOutsideController_host.set(this, void 0);
+        _ClickOutsideController_container.set(this, void 0);
+        this._dispatchClickedOutsideEvent = (ev) => {
+            const clickedOutsideEvent = new CustomEvent(CLICK_OUTSIDE_CONTROLLER_MESSAGES.clickedOutside, {
+                bubbles: true,
+                detail: {
+                    target: ev.target,
+                    name: this._name
+                }
+            });
+            const { target } = ev;
+            if (target.contains(__classPrivateFieldGet(this, _ClickOutsideController_container, "f"))) {
+                __classPrivateFieldGet(this, _ClickOutsideController_host, "f").dispatchEvent(clickedOutsideEvent);
+            }
+        };
+        __classPrivateFieldSet(this, _ClickOutsideController_host, host, "f");
+        __classPrivateFieldSet(this, _ClickOutsideController_container, container, "f");
+        this._name = name;
+        __classPrivateFieldGet(this, _ClickOutsideController_host, "f").addController(this);
+    }
+    hostConnected() {
+        document.addEventListener('click', this._dispatchClickedOutsideEvent);
+    }
+    hostDisconnected() {
+        document.removeEventListener('click', this._dispatchClickedOutsideEvent);
+    }
+}
+_ClickOutsideController_host = new WeakMap(), _ClickOutsideController_container = new WeakMap();
+
+export { ClickOutsideController };
+//# sourceMappingURL=click_outside_controller.js.map

package/build/esm/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller.js.map

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

package/build/esm/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller_messages.d.ts

@@ -0,0 +1,3 @@
+export declare const CLICK_OUTSIDE_CONTROLLER_MESSAGES: {
+    clickedOutside: string;
+};

package/build/esm/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller_messages.js

@@ -0,0 +1,6 @@
+const CLICK_OUTSIDE_CONTROLLER_MESSAGES = {
+    clickedOutside: 'clickedOutside'
+};
+
+export { CLICK_OUTSIDE_CONTROLLER_MESSAGES };
+//# sourceMappingURL=click_outside_controller_messages.js.map

package/build/esm/packages/{star_core/build/esm/packages/star_core/src/classes/values_container/values_container_error.js.map → phoenix/src/controllers/click_outside_controller/click_outside_controller_messages.js.map}

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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/controllers/click_outside_controller/click_outside_controller_types.d.ts

@@ -0,0 +1,6 @@
+import { TWebComponentsContextControllerHost } from "../../core/context/context_controller_types";
+export declare type TClickOutsideControllerProps = {
+    host: TWebComponentsContextControllerHost;
+    container: HTMLElement;
+    name?: string;
+};

package/build/esm/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller_types.js

@@ -0,0 +1,2 @@
+import '@phoenixRoot/core/context/context_controller_types';
+//# sourceMappingURL=click_outside_controller_types.js.map

package/build/esm/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"click_outside_controller_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/click_outside_controller/click_outside_controller_types.ts"],"names":[],"mappings":"AAAA,OAAoD,oDAAoD,CAAC"}

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

@@ -0,0 +1,14 @@
+import { ReactiveController } from 'lit';
+import { TKeystrokesControllerProps } from './keystrokes_controller_types';
+export declare class KeystrokesController implements ReactiveController {
+    #private;
+    private _keys;
+    private _callback;
+    private _buffer;
+    private _lastKeyTime;
+    constructor({ host, keys, callback }: TKeystrokesControllerProps);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    private _catchKeySequence;
+    private _bindKeysWithCallback;
+}

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

@@ -0,0 +1,46 @@
+import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../external/tslib/tslib.es6.js';
+import 'lit';
+import { KEYSTROKE_DELAY_IN_MS } from './keystrokes_controller_constants.js';
+
+var _KeystrokesController_host;
+class KeystrokesController {
+    constructor({ host, keys, callback }) {
+        _KeystrokesController_host.set(this, void 0);
+        this._buffer = [];
+        this._lastKeyTime = Date.now();
+        this._catchKeySequence = (ev) => {
+            ev.stopImmediatePropagation();
+            const key = ev.key.toLowerCase();
+            const currentTime = Date.now();
+            if (currentTime - this._lastKeyTime > KEYSTROKE_DELAY_IN_MS) {
+                this._buffer = [];
+            }
+            this._buffer.push(key);
+            this._lastKeyTime = currentTime;
+            this._bindKeysWithCallback(this._buffer.join(''));
+        };
+        this._bindKeysWithCallback = (keySequence) => {
+            const isCorrectKeyPressed = !!this._keys.find((key) => {
+                return key.toLowerCase() === keySequence;
+            });
+            if (isCorrectKeyPressed) {
+                this._buffer = [];
+                this._callback();
+            }
+        };
+        __classPrivateFieldSet(this, _KeystrokesController_host, host, "f");
+        this._keys = keys;
+        this._callback = callback;
+        __classPrivateFieldGet(this, _KeystrokesController_host, "f").addController(this);
+    }
+    hostConnected() {
+        __classPrivateFieldGet(this, _KeystrokesController_host, "f").addEventListener('keydown', this._catchKeySequence);
+    }
+    hostDisconnected() {
+        __classPrivateFieldGet(this, _KeystrokesController_host, "f").removeEventListener('keydown', this._catchKeySequence);
+    }
+}
+_KeystrokesController_host = new WeakMap();
+
+export { KeystrokesController };
+//# sourceMappingURL=keystrokes_controller.js.map

package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller.js.map

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

package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_constants.d.ts

@@ -0,0 +1 @@
+export declare const KEYSTROKE_DELAY_IN_MS = 500;

package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_constants.js

@@ -0,0 +1,4 @@
+const KEYSTROKE_DELAY_IN_MS = 500;
+
+export { KEYSTROKE_DELAY_IN_MS };
+//# sourceMappingURL=keystrokes_controller_constants.js.map

package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;"}

package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_types.d.ts

@@ -0,0 +1,6 @@
+import { TWebComponentsContextControllerHost } from "../../core/context/context_controller_types";
+export declare type TKeystrokesControllerProps = {
+    host: TWebComponentsContextControllerHost;
+    keys: string[];
+    callback: () => void;
+};

package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_types.js

@@ -0,0 +1,2 @@
+import '@phoenixRoot/core/context/context_controller_types';
+//# sourceMappingURL=keystrokes_controller_types.js.map

package/build/esm/packages/phoenix/src/controllers/keystrokes_controller/keystrokes_controller_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keystrokes_controller_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/keystrokes_controller/keystrokes_controller_types.ts"],"names":[],"mappings":"AAAA,OAAoD,oDAAoD,CAAC"}

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

@@ -0,0 +1,10 @@
+import { TRelativePositionCalculatorConstructorOptions, TRelativePositionControllerPositionData } from "./relative_position_controller_types";
+export declare class PositionCalculator {
+    #private;
+    constructor({ direction, relativeElementRect, positionElementRect, container, nearestNonStaticElementFromElementToPositionRect }: TRelativePositionCalculatorConstructorOptions);
+    calculatePosition(): TRelativePositionControllerPositionData;
+    private _canFitTopSide;
+    private _canFitBottomSide;
+    private _calculateSidePosition;
+    private calculateAlignmentPosition;
+}

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

@@ -0,0 +1,87 @@
+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_nearestNonStaticElementFromElementToPositionRect, _PositionCalculator_containerRect;
+class PositionCalculator {
+    constructor({ direction, relativeElementRect, positionElementRect, container = document.body, nearestNonStaticElementFromElementToPositionRect }) {
+        _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);
+        __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");
+    }
+    calculatePosition() {
+        const [side, alignment = CALCULATOR_DIRECTIONS.center] = __classPrivateFieldGet(this, _PositionCalculator_direction, "f").split('-');
+        const sidePosition = this._calculateSidePosition(side);
+        const alignmentPosition = this.calculateAlignmentPosition(alignment);
+        return {
+            ...sidePosition,
+            ...alignmentPosition
+        };
+    }
+    _canFitTopSide() {
+        const elementTop = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
+        return elementTop > __classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").top && elementTop > 0;
+    }
+    _canFitBottomSide() {
+        const elementBottom = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top + __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
+        return elementBottom < __classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").bottom && elementBottom < window.innerHeight;
+    }
+    _calculateSidePosition(side) {
+        const topSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
+        const bottomSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top;
+        const centerOfRelativeElement = (topSideOfRelativeElement + bottomSideOfRelativeElement) / 2;
+        switch (side) {
+            case CALCULATOR_DIRECTIONS.top:
+                if (!this._canFitTopSide() && !this._canFitBottomSide())
+                    return { top: centerOfRelativeElement };
+                if (!this._canFitTopSide())
+                    return { top: bottomSideOfRelativeElement };
+                return { top: topSideOfRelativeElement };
+            case CALCULATOR_DIRECTIONS.bottom:
+                if (!this._canFitTopSide() && !this._canFitBottomSide())
+                    return { top: centerOfRelativeElement };
+                if (!this._canFitBottomSide())
+                    return { top: topSideOfRelativeElement };
+                return { top: bottomSideOfRelativeElement };
+            case CALCULATOR_DIRECTIONS.left:
+                // do zaimplementowania
+                return { top: 0 };
+            case CALCULATOR_DIRECTIONS.right:
+                // do zaimplementowania
+                return { top: 0 };
+            default:
+                return { top: 0 };
+        }
+    }
+    calculateAlignmentPosition(side) {
+        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 alignmentToCenter = (alignmentToLeftSide + alignmentToRightSide) / 2;
+        switch (side) {
+            case CALCULATOR_DIRECTIONS.top:
+                // do zaimplementowania
+                return { left: 0 };
+            case CALCULATOR_DIRECTIONS.bottom:
+                // do zaimplementowania
+                return { left: 0 };
+            case CALCULATOR_DIRECTIONS.left:
+                return { left: alignmentToLeftSide };
+            case CALCULATOR_DIRECTIONS.right:
+                return { left: alignmentToRightSide };
+            case CALCULATOR_DIRECTIONS.center:
+                return { left: alignmentToCenter };
+            default:
+                return { left: 0 };
+        }
+    }
+}
+_PositionCalculator_direction = new WeakMap(), _PositionCalculator_relativeElementRect = new WeakMap(), _PositionCalculator_positionElementRect = new WeakMap(), _PositionCalculator_nearestNonStaticElementFromElementToPositionRect = new WeakMap(), _PositionCalculator_containerRect = 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

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

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

@@ -0,0 +1,12 @@
+import { IRelativePositionController, TRelativePositionControllerConstructorOptions } from "./relative_position_controller_types";
+export declare class RelativePositionController implements IRelativePositionController {
+    #private;
+    constructor({ host, container, direction, relativeElement, elementToPosition }: TRelativePositionControllerConstructorOptions);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    position(): void;
+    private _findNearestScrollableElement;
+    private _findContainer;
+    private _findParentBasedOnStyle;
+    private _setElementPosition;
+}

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

@@ -0,0 +1,93 @@
+import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../external/tslib/tslib.es6.js';
+import 'lit';
+import { DEFAULT_THROTTLE_WAIT_TIME, DEFAULT_SCROLL_THROTTLE_WAIT_TIME, OVERFLOW_SCROLL, OVERFLOW_AUTO, NON_STATIC_POSITIONS } from './relative_position_controller_constants.js';
+import { PositionCalculator } from './relative_position_calculator.js';
+import lodash from '../../../../../external/lodash/lodash.js';
+
+var _RelativePositionController_host, _RelativePositionController_container, _RelativePositionController_nearestNonStaticElementFromElementToPosition, _RelativePositionController_direction, _RelativePositionController_nearestScrollableElement, _RelativePositionController_relativeElement, _RelativePositionController_elementToPosition, _RelativePositionController_throttledReposition, _RelativePositionController_throttledRepositionForScroll;
+class RelativePositionController {
+    constructor({ host, container, direction, relativeElement, elementToPosition }) {
+        _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);
+        _RelativePositionController_elementToPosition.set(this, void 0);
+        _RelativePositionController_throttledReposition.set(this, lodash.throttle(() => {
+            this.position();
+        }, DEFAULT_THROTTLE_WAIT_TIME));
+        _RelativePositionController_throttledRepositionForScroll.set(this, lodash.throttle(() => {
+            this.position();
+        }, DEFAULT_SCROLL_THROTTLE_WAIT_TIME));
+        __classPrivateFieldSet(this, _RelativePositionController_host, host, "f");
+        __classPrivateFieldSet(this, _RelativePositionController_container, container, "f");
+        __classPrivateFieldSet(this, _RelativePositionController_direction, direction, "f");
+        __classPrivateFieldSet(this, _RelativePositionController_relativeElement, relativeElement, "f");
+        __classPrivateFieldSet(this, _RelativePositionController_elementToPosition, elementToPosition, "f");
+        __classPrivateFieldGet(this, _RelativePositionController_host, "f").addController(this);
+    }
+    hostConnected() {
+        __classPrivateFieldGet(this, _RelativePositionController_host, "f").addEventListener('resize', __classPrivateFieldGet(this, _RelativePositionController_throttledReposition, "f"));
+        if (!__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f"))
+            return;
+        if (!__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f")) {
+            __classPrivateFieldSet(this, _RelativePositionController_nearestScrollableElement, this._findNearestScrollableElement(__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f")), "f");
+        }
+        __classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f").addEventListener('scroll', __classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
+    }
+    hostDisconnected() {
+        __classPrivateFieldGet(this, _RelativePositionController_host, "f").removeEventListener('resize', __classPrivateFieldGet(this, _RelativePositionController_throttledReposition, "f"));
+        if (__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f"))
+            __classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f").removeEventListener('scroll', __classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
+    }
+    position() {
+        if (!__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f") || !__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f"))
+            return;
+        __classPrivateFieldSet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, this._findContainer(__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f")), "f");
+        if (!__classPrivateFieldGet(this, _RelativePositionController_container, "f"))
+            __classPrivateFieldSet(this, _RelativePositionController_container, __classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f"), "f");
+        const position = new PositionCalculator({
+            direction: __classPrivateFieldGet(this, _RelativePositionController_direction, "f"),
+            relativeElementRect: __classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f").getBoundingClientRect(),
+            positionElementRect: __classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect(),
+            nearestNonStaticElementFromElementToPositionRect: __classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f").getBoundingClientRect(),
+            container: __classPrivateFieldGet(this, _RelativePositionController_container, "f")
+        }).calculatePosition();
+        this._setElementPosition(position);
+    }
+    _findNearestScrollableElement(element) {
+        const overflowArray = ['overflow', 'overflowY', 'overflowX'];
+        return this._findParentBasedOnStyle(element, overflowArray, (overflowArray) => overflowArray.includes(OVERFLOW_SCROLL) || overflowArray.includes(OVERFLOW_AUTO));
+    }
+    _findContainer(element) {
+        return this._findParentBasedOnStyle(element, ['position'], ([position]) => NON_STATIC_POSITIONS.includes(position));
+    }
+    _findParentBasedOnStyle(element, styles, callback) {
+        const parent = element.parentElement;
+        if (!parent)
+            return document.body;
+        const parentStyles = styles.reduce((styles, currentStyle) => {
+            return [...styles, window.getComputedStyle(parent)[currentStyle]];
+        }, []);
+        if (callback(parentStyles) || parent === document.body)
+            return parent;
+        return this._findParentBasedOnStyle(parent, styles, callback);
+    }
+    _setElementPosition(position) {
+        if (!__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f"))
+            return;
+        const { style: elementStyle } = __classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f");
+        if (elementStyle.position !== 'absolute')
+            elementStyle.position = 'absolute';
+        if (elementStyle.top !== '0')
+            elementStyle.top = '0';
+        if (elementStyle.left !== '0')
+            elementStyle.left = '0';
+        __classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").style.transform = `translate3d(${position.left}px, ${position.top}px, 0)`;
+    }
+}
+_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_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

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA,mBAAmB,0CAA8C;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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

@@ -0,0 +1,26 @@
+export declare const DIRECTIONS: {
+    readonly bottomLeft: "bottom-left";
+    readonly bottomRight: "bottom-right";
+    readonly bottomCenter: "bottom-center";
+    readonly topLeft: "top-left";
+    readonly topRight: "top-right";
+    readonly topCenter: "top-center";
+    readonly rightTop: "right-top";
+    readonly rightCenter: "right-center";
+    readonly rightBottom: "right-bottom";
+    readonly leftTop: "left-top";
+    readonly leftCenter: "left-center";
+    readonly leftBottom: "left-bottom";
+};
+export declare const CALCULATOR_DIRECTIONS: {
+    readonly bottom: "bottom";
+    readonly top: "top";
+    readonly left: "left";
+    readonly right: "right";
+    readonly center: "center";
+};
+export declare const NON_STATIC_POSITIONS: string[];
+export declare const OVERFLOW_SCROLL = "scroll";
+export declare const OVERFLOW_AUTO = "auto";
+export declare const DEFAULT_THROTTLE_WAIT_TIME = 300;
+export declare const DEFAULT_SCROLL_THROTTLE_WAIT_TIME = 15;

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

@@ -0,0 +1,29 @@
+const DIRECTIONS = {
+    bottomLeft: 'bottom-left',
+    bottomRight: 'bottom-right',
+    bottomCenter: 'bottom-center',
+    topLeft: 'top-left',
+    topRight: 'top-right',
+    topCenter: 'top-center',
+    rightTop: 'right-top',
+    rightCenter: 'right-center',
+    rightBottom: 'right-bottom',
+    leftTop: 'left-top',
+    leftCenter: 'left-center',
+    leftBottom: 'left-bottom'
+};
+const CALCULATOR_DIRECTIONS = {
+    bottom: 'bottom',
+    top: 'top',
+    left: 'left',
+    right: 'right',
+    center: 'center'
+};
+const NON_STATIC_POSITIONS = ['relative', 'absolute', 'fixed', 'sticky'];
+const OVERFLOW_SCROLL = 'scroll';
+const OVERFLOW_AUTO = 'auto';
+const DEFAULT_THROTTLE_WAIT_TIME = 300;
+const DEFAULT_SCROLL_THROTTLE_WAIT_TIME = 15;
+
+export { CALCULATOR_DIRECTIONS, DEFAULT_SCROLL_THROTTLE_WAIT_TIME, DEFAULT_THROTTLE_WAIT_TIME, DIRECTIONS, NON_STATIC_POSITIONS, OVERFLOW_AUTO, OVERFLOW_SCROLL };
+//# sourceMappingURL=relative_position_controller_constants.js.map

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

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

@@ -0,0 +1,27 @@
+import { CALCULATOR_DIRECTIONS, DIRECTIONS } from "./relative_position_controller_constants";
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+import { Any } from 'ts-toolbelt';
+export declare type TDirection = Any.Keys<typeof DIRECTIONS>;
+export declare type TSideDirection = Any.Keys<Pick<typeof CALCULATOR_DIRECTIONS, 'left' | 'right' | 'top' | 'bottom'>>;
+export declare type TAlignmentDirection = Any.Keys<typeof CALCULATOR_DIRECTIONS>;
+export declare type TRelativePositionControllerConstructorOptions = {
+    host: ReactiveControllerHost & HTMLElement;
+    direction: TDirection;
+    container?: HTMLElement;
+    relativeElement: HTMLElement;
+    elementToPosition: HTMLElement;
+};
+export interface IRelativePositionController extends ReactiveController {
+    position(): void;
+}
+export declare type TRelativePositionControllerPositionData = {
+    left: number;
+    top: number;
+};
+export declare type TRelativePositionCalculatorConstructorOptions = {
+    direction: TDirection;
+    relativeElementRect: DOMRect;
+    positionElementRect: DOMRect;
+    nearestNonStaticElementFromElementToPositionRect: DOMRect;
+    container?: HTMLElement;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"relative_position_controller_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/relative_position_controller/relative_position_controller_types.ts"],"names":[],"mappings":"AAAA,OAAkD,8FAA8F,CAAC;AACjJ,OAA2D,KAAK,CAAC;AAEjE,OAAoB,aAAa,CAAC"}

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

@@ -0,0 +1,8 @@
+import { IToggleElementAriaController, TToggleElementAriaControllerProps } from './toggle_element_aria_controller_types';
+export declare class ToggleElementAriaController implements IToggleElementAriaController {
+    #private;
+    private _initialAriaExpandedValue;
+    constructor({ host, initialAriaExpandedValue }: TToggleElementAriaControllerProps);
+    hostConnected(): void;
+    toggleAriaExpandedAttribute(): void;
+}

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

@@ -0,0 +1,21 @@
+import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../external/tslib/tslib.es6.js';
+
+var _ToggleElementAriaController_host;
+class ToggleElementAriaController {
+    constructor({ host, initialAriaExpandedValue }) {
+        _ToggleElementAriaController_host.set(this, void 0);
+        this._initialAriaExpandedValue = initialAriaExpandedValue;
+        __classPrivateFieldSet(this, _ToggleElementAriaController_host, host, "f");
+        __classPrivateFieldGet(this, _ToggleElementAriaController_host, "f").addController(this);
+    }
+    hostConnected() {
+        __classPrivateFieldGet(this, _ToggleElementAriaController_host, "f").setAttribute('aria-expanded', this._initialAriaExpandedValue ? 'true' : 'false');
+    }
+    toggleAriaExpandedAttribute() {
+        __classPrivateFieldGet(this, _ToggleElementAriaController_host, "f").setAttribute('aria-expanded', __classPrivateFieldGet(this, _ToggleElementAriaController_host, "f").getAttribute('aria-expanded') === 'true' ? 'false' : 'true');
+    }
+}
+_ToggleElementAriaController_host = new WeakMap();
+
+export { ToggleElementAriaController };
+//# sourceMappingURL=toggle_element_aria_controller.js.map

package/build/esm/packages/phoenix/src/controllers/toggle_element_aria_controller/toggle_element_aria_controller.js.map

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

package/build/esm/packages/phoenix/src/controllers/toggle_element_aria_controller/toggle_element_aria_controller_types.d.ts

@@ -0,0 +1,9 @@
+import { ReactiveController } from 'lit';
+import { TWebComponentsContextControllerHost } from "../../core/context/context_controller_types";
+export interface IToggleElementAriaController extends ReactiveController {
+    toggleAriaExpandedAttribute: (newAriaExpandedValue: boolean) => void;
+}
+export declare type TToggleElementAriaControllerProps = {
+    host: TWebComponentsContextControllerHost;
+    initialAriaExpandedValue: boolean;
+};