@shoper/phoenix_design_system 0.7.1 → 0.7.2

package/build/cjs/packages/phoenix/src/components/portal/portal_target.js

@@ -0,0 +1,77 @@
+'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.js');
+var phoenix_custom_element = require('../../core/decorators/phoenix_custom_element.js');
+var portal_target_error = require('./portal_target_error.js');
+var portal_constants = require('./portal_constants.js');
+
+var HPortalTarget_1;
+exports.HPortalTarget = HPortalTarget_1 = class HPortalTarget extends phoenix_light_lit_element.PhoenixLightLitElement {
+    constructor() {
+        super(...arguments);
+        this.name = '';
+        this._portalElementsMap = {};
+        this.portalElements = ({ detail: { portalId, content, to } }) => {
+            var _a;
+            if (!this.doesDestinationMatch(to))
+                return;
+            const newPortalElements = [...content].map((el) => this.appendChild(el));
+            const elementsInProtal = (_a = this._portalElementsMap[portalId]) !== null && _a !== void 0 ? _a : [];
+            this._portalElementsMap[portalId] = [...newPortalElements, ...elementsInProtal];
+        };
+        this.removeTeleportedItems = ({ detail: { portalId, to } }) => {
+            var _a;
+            if (!this.doesDestinationMatch(to))
+                return;
+            (_a = this._portalElementsMap[portalId]) === null || _a === void 0 ? void 0 : _a.forEach((el) => {
+                if (el.parentElement === this) {
+                    this.removeChild(el);
+                }
+            });
+            this._portalElementsMap[portalId] = [];
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.allowOnlyOnePortalTargetWithName();
+        document.addEventListener(portal_constants.PORTAL_EVENTS.open, this.portalElements, {
+            capture: true
+        });
+        document.addEventListener(portal_constants.PORTAL_EVENTS.close, this.removeTeleportedItems, {
+            capture: true
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        document.removeEventListener(portal_constants.PORTAL_EVENTS.open, this.portalElements);
+        document.removeEventListener(portal_constants.PORTAL_EVENTS.close, this.removeTeleportedItems);
+        HPortalTarget_1.portalTargetsNames.delete(this[portal_constants.PORTAL_TARGET_NAME_PROP]);
+    }
+    doesDestinationMatch(destination) {
+        return destination === this[portal_constants.PORTAL_TARGET_NAME_PROP];
+    }
+    allowOnlyOnePortalTargetWithName() {
+        if (HPortalTarget_1.portalTargetsNames.has(this[portal_constants.PORTAL_TARGET_NAME_PROP])) {
+            this.remove();
+            throw new portal_target_error.PortalTargetError(`Portal target with name "${this[portal_constants.PORTAL_TARGET_NAME_PROP]}" already exists.`);
+        }
+        HPortalTarget_1.portalTargetsNames.add(this[portal_constants.PORTAL_TARGET_NAME_PROP]);
+    }
+};
+exports.HPortalTarget.portalTargetsNames = new Set();
+tslib_es6.__decorate([
+    decorators.property({ type: String }),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HPortalTarget.prototype, "name", void 0);
+tslib_es6.__decorate([
+    decorators.state(),
+    tslib_es6.__metadata("design:type", Object)
+], exports.HPortalTarget.prototype, "_portalElementsMap", void 0);
+exports.HPortalTarget = HPortalTarget_1 = tslib_es6.__decorate([
+    phoenix_custom_element.phoenixCustomElement('h-portal-target')
+], exports.HPortalTarget);
+//# sourceMappingURL=portal_target.js.map

package/build/cjs/packages/phoenix/src/components/portal/portal_target.js.map

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

package/build/cjs/packages/phoenix/src/components/portal/portal_target_error.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+class PortalTargetError extends Error {
+}
+
+exports.PortalTargetError = PortalTargetError;
+//# sourceMappingURL=portal_target_error.js.map

package/build/cjs/packages/phoenix/src/components/portal/portal_target_error.js.map

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

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

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('lit');
+var keystrokes_controller = require('./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._keystrokesController = new keystrokes_controller.KeystrokesController({
+            host,
+            keys: [' ', 'enter'],
+            callback
+        });
+    }
+    hostConnected() { }
+    hostDisconnected() { }
+}
+
+exports.BtnController = BtnController;
+//# sourceMappingURL=btn_controller.js.map

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

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

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+require('lit');
+var click_outside_controller_messages = require('./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.CLICK_OUTSIDE_CONTROLLER_MESSAGES.clickedOutside, {
+                bubbles: true,
+                detail: {
+                    target: ev.target,
+                    name: this._name
+                }
+            });
+            const { target } = ev;
+            if (target.contains(tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_container, "f"))) {
+                tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_host, "f").dispatchEvent(clickedOutsideEvent);
+            }
+        };
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_host, host, "f");
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_container, container, "f");
+        this._name = name;
+        tslib_es6.__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();
+
+exports.ClickOutsideController = ClickOutsideController;
+//# sourceMappingURL=click_outside_controller.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const CLICK_OUTSIDE_CONTROLLER_MESSAGES = {
+    clickedOutside: 'clickedOutside'
+};
+
+exports.CLICK_OUTSIDE_CONTROLLER_MESSAGES = CLICK_OUTSIDE_CONTROLLER_MESSAGES;
+//# sourceMappingURL=click_outside_controller_messages.js.map

package/build/cjs/packages/phoenix/src/controllers/click_outside_controller/click_outside_controller_messages.js.map

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

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

@@ -0,0 +1,50 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+require('lit');
+var keystrokes_controller_constants = require('./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 > keystrokes_controller_constants.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();
+            }
+        };
+        tslib_es6.__classPrivateFieldSet(this, _KeystrokesController_host, host, "f");
+        this._keys = keys;
+        this._callback = callback;
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_host, "f").addController(this);
+    }
+    hostConnected() {
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_host, "f").addEventListener('keydown', this._catchKeySequence);
+    }
+    hostDisconnected() {
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_host, "f").removeEventListener('keydown', this._catchKeySequence);
+    }
+}
+_KeystrokesController_host = new WeakMap();
+
+exports.KeystrokesController = KeystrokesController;
+//# sourceMappingURL=keystrokes_controller.js.map

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

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

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const KEYSTROKE_DELAY_IN_MS = 500;
+
+exports.KEYSTROKE_DELAY_IN_MS = KEYSTROKE_DELAY_IN_MS;
+//# sourceMappingURL=keystrokes_controller_constants.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,91 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var relative_position_controller_constants = require('./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);
+        tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_direction, direction, "f");
+        tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_relativeElementRect, relativeElementRect, "f");
+        tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_positionElementRect, positionElementRect, "f");
+        tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, nearestNonStaticElementFromElementToPositionRect, "f");
+        tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_containerRect, container.getBoundingClientRect(), "f");
+    }
+    calculatePosition() {
+        const [side, alignment = relative_position_controller_constants.CALCULATOR_DIRECTIONS.center] = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_direction, "f").split('-');
+        const sidePosition = this._calculateSidePosition(side);
+        const alignmentPosition = this.calculateAlignmentPosition(alignment);
+        return {
+            ...sidePosition,
+            ...alignmentPosition
+        };
+    }
+    _canFitTopSide() {
+        const elementTop = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
+        return elementTop > tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").top && elementTop > 0;
+    }
+    _canFitBottomSide() {
+        const elementBottom = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
+        return elementBottom < tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").bottom && elementBottom < window.innerHeight;
+    }
+    _calculateSidePosition(side) {
+        const topSideOfRelativeElement = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
+        const bottomSideOfRelativeElement = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top;
+        const centerOfRelativeElement = (topSideOfRelativeElement + bottomSideOfRelativeElement) / 2;
+        switch (side) {
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.top:
+                if (!this._canFitTopSide() && !this._canFitBottomSide())
+                    return { top: centerOfRelativeElement };
+                if (!this._canFitTopSide())
+                    return { top: bottomSideOfRelativeElement };
+                return { top: topSideOfRelativeElement };
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom:
+                if (!this._canFitTopSide() && !this._canFitBottomSide())
+                    return { top: centerOfRelativeElement };
+                if (!this._canFitBottomSide())
+                    return { top: topSideOfRelativeElement };
+                return { top: bottomSideOfRelativeElement };
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.left:
+                // do zaimplementowania
+                return { top: 0 };
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.right:
+                // do zaimplementowania
+                return { top: 0 };
+            default:
+                return { top: 0 };
+        }
+    }
+    calculateAlignmentPosition(side) {
+        const alignmentToLeftSide = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").left - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left;
+        const alignmentToRightSide = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").right - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width;
+        const alignmentToCenter = (alignmentToLeftSide + alignmentToRightSide) / 2;
+        switch (side) {
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.top:
+                // do zaimplementowania
+                return { left: 0 };
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom:
+                // do zaimplementowania
+                return { left: 0 };
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.left:
+                return { left: alignmentToLeftSide };
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.right:
+                return { left: alignmentToRightSide };
+            case relative_position_controller_constants.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();
+
+exports.PositionCalculator = PositionCalculator;
+//# sourceMappingURL=relative_position_calculator.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+require('lit');
+var relative_position_controller_constants = require('./relative_position_controller_constants.js');
+var relative_position_calculator = require('./relative_position_calculator.js');
+var lodash = require('../../../../../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['default'].throttle(() => {
+            this.position();
+        }, relative_position_controller_constants.DEFAULT_THROTTLE_WAIT_TIME));
+        _RelativePositionController_throttledRepositionForScroll.set(this, lodash['default'].throttle(() => {
+            this.position();
+        }, relative_position_controller_constants.DEFAULT_SCROLL_THROTTLE_WAIT_TIME));
+        tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_host, host, "f");
+        tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_container, container, "f");
+        tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_direction, direction, "f");
+        tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_relativeElement, relativeElement, "f");
+        tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_elementToPosition, elementToPosition, "f");
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_host, "f").addController(this);
+    }
+    hostConnected() {
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_host, "f").addEventListener('resize', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledReposition, "f"));
+        if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f"))
+            return;
+        if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f")) {
+            tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_nearestScrollableElement, this._findNearestScrollableElement(tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f")), "f");
+        }
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f").addEventListener('scroll', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
+    }
+    hostDisconnected() {
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_host, "f").removeEventListener('resize', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledReposition, "f"));
+        if (tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f"))
+            tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f").removeEventListener('scroll', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
+    }
+    position() {
+        if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f") || !tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f"))
+            return;
+        tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, this._findContainer(tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f")), "f");
+        if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_container, "f"))
+            tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_container, tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f"), "f");
+        const position = new relative_position_calculator.PositionCalculator({
+            direction: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_direction, "f"),
+            relativeElementRect: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f").getBoundingClientRect(),
+            positionElementRect: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect(),
+            nearestNonStaticElementFromElementToPositionRect: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f").getBoundingClientRect(),
+            container: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_container, "f")
+        }).calculatePosition();
+        this._setElementPosition(position);
+    }
+    _findNearestScrollableElement(element) {
+        const overflowArray = ['overflow', 'overflowY', 'overflowX'];
+        return this._findParentBasedOnStyle(element, overflowArray, (overflowArray) => overflowArray.includes(relative_position_controller_constants.OVERFLOW_SCROLL) || overflowArray.includes(relative_position_controller_constants.OVERFLOW_AUTO));
+    }
+    _findContainer(element) {
+        return this._findParentBasedOnStyle(element, ['position'], ([position]) => relative_position_controller_constants.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 (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f"))
+            return;
+        const { style: elementStyle } = tslib_es6.__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';
+        tslib_es6.__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();
+
+exports.RelativePositionController = RelativePositionController;
+//# sourceMappingURL=relative_position_controller.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA,wBAAwB,4CAAgD;AACxE;AACA;AACA;AACA,qBAAqB,0CAA8C;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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;
+
+exports.CALCULATOR_DIRECTIONS = CALCULATOR_DIRECTIONS;
+exports.DEFAULT_SCROLL_THROTTLE_WAIT_TIME = DEFAULT_SCROLL_THROTTLE_WAIT_TIME;
+exports.DEFAULT_THROTTLE_WAIT_TIME = DEFAULT_THROTTLE_WAIT_TIME;
+exports.DIRECTIONS = DIRECTIONS;
+exports.NON_STATIC_POSITIONS = NON_STATIC_POSITIONS;
+exports.OVERFLOW_AUTO = OVERFLOW_AUTO;
+exports.OVERFLOW_SCROLL = OVERFLOW_SCROLL;
+//# sourceMappingURL=relative_position_controller_constants.js.map

package/build/cjs/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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+
+var _ToggleElementAriaController_host;
+class ToggleElementAriaController {
+    constructor({ host, initialAriaExpandedValue }) {
+        _ToggleElementAriaController_host.set(this, void 0);
+        this._initialAriaExpandedValue = initialAriaExpandedValue;
+        tslib_es6.__classPrivateFieldSet(this, _ToggleElementAriaController_host, host, "f");
+        tslib_es6.__classPrivateFieldGet(this, _ToggleElementAriaController_host, "f").addController(this);
+    }
+    hostConnected() {
+        tslib_es6.__classPrivateFieldGet(this, _ToggleElementAriaController_host, "f").setAttribute('aria-expanded', this._initialAriaExpandedValue ? 'true' : 'false');
+    }
+    toggleAriaExpandedAttribute() {
+        tslib_es6.__classPrivateFieldGet(this, _ToggleElementAriaController_host, "f").setAttribute('aria-expanded', tslib_es6.__classPrivateFieldGet(this, _ToggleElementAriaController_host, "f").getAttribute('aria-expanded') === 'true' ? 'false' : 'true');
+    }
+}
+_ToggleElementAriaController_host = new WeakMap();
+
+exports.ToggleElementAriaController = ToggleElementAriaController;
+//# sourceMappingURL=toggle_element_aria_controller.js.map

package/build/cjs/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;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;"}

package/build/cjs/packages/phoenix/src/core/context/context_consumer_controller.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+require('lit');
+var context_consumer_messages_names = require('./context_consumer_messages_names.js');
+
+var _ContextConsumerController_host;
+class ContextConsumerController {
+    constructor(host) {
+        _ContextConsumerController_host.set(this, void 0);
+        tslib_es6.__classPrivateFieldSet(this, _ContextConsumerController_host, host, "f");
+        tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_host, "f").addController(this);
+    }
+    consume(key) {
+        const consumeEvent = new CustomEvent(context_consumer_messages_names.WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, {
+            bubbles: true,
+            cancelable: true,
+            composed: true,
+            detail: { key }
+        });
+        tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_host, "f").dispatchEvent(consumeEvent);
+        return consumeEvent.detail[key];
+    }
+    // Added to fix typescript error
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    hostConnected() { }
+}
+_ContextConsumerController_host = new WeakMap();
+
+exports.ContextConsumerController = ContextConsumerController;
+//# sourceMappingURL=context_consumer_controller.js.map

package/build/cjs/packages/phoenix/src/core/context/context_consumer_controller.js.map

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

package/build/cjs/packages/phoenix/src/core/context/context_consumer_messages_names.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const WEB_COMPONENT_CONTEXT_EVENTS = {
+    valueRequested: 'value-requested'
+};
+
+exports.WEB_COMPONENT_CONTEXT_EVENTS = WEB_COMPONENT_CONTEXT_EVENTS;
+//# sourceMappingURL=context_consumer_messages_names.js.map

package/build/cjs/packages/phoenix/src/core/context/context_consumer_messages_names.js.map

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

package/build/cjs/packages/phoenix/src/core/context/context_provider_controller.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+require('lit');
+var context_consumer_messages_names = require('./context_consumer_messages_names.js');
+var values_container = require('../../../../star_core/build/esm/packages/star_core/src/classes/values_container/values_container.js');
+
+var _ContextProviderController_host, _ContextProviderController_contextValues, _ContextProviderController_handleRequestedValue;
+class ContextProviderController {
+    constructor(host) {
+        _ContextProviderController_host.set(this, void 0);
+        _ContextProviderController_contextValues.set(this, new values_container.ValuesContainer());
+        _ContextProviderController_handleRequestedValue.set(this, (event) => {
+            const customEvent = event;
+            const valueKey = customEvent.detail.key;
+            if (!tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").has(valueKey))
+                return;
+            customEvent.detail[valueKey] = tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").get(valueKey);
+            event.stopPropagation();
+        });
+        tslib_es6.__classPrivateFieldSet(this, _ContextProviderController_host, host, "f");
+        tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_host, "f").addController(this);
+    }
+    provide(key, value) {
+        tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f").add(key, value);
+    }
+    hostConnected() {
+        tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_host, "f").addEventListener(context_consumer_messages_names.WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_handleRequestedValue, "f"));
+    }
+    hostDisconnected() {
+        tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_host, "f").removeEventListener(context_consumer_messages_names.WEB_COMPONENT_CONTEXT_EVENTS.valueRequested, tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_handleRequestedValue, "f"));
+    }
+}
+_ContextProviderController_host = new WeakMap(), _ContextProviderController_contextValues = new WeakMap(), _ContextProviderController_handleRequestedValue = new WeakMap();
+
+exports.ContextProviderController = ContextProviderController;
+//# sourceMappingURL=context_provider_controller.js.map

package/build/cjs/packages/phoenix/src/core/context/context_provider_controller.js.map

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