@shoper/phoenix_design_system 0.6.0 → 0.7.0

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/phoenix_light_lit_element.js

@@ -9,10 +9,11 @@ var decorators = require('lit/decorators');
 
 class PhoenixLightLitElement extends lit.LitElement {
     constructor() {
-        super();
+        super(...arguments);
         this._slots = {};
     }
-    firstUpdated() {
+    firstUpdated(props) {
+        super.firstUpdated(props);
         this._slots = this._assignSlots();
         this.requestUpdate();
     }

package/build/cjs/packages/phoenix/src/core/phoenix_light_lit_element.js.map

@@ -1 +1 @@
-{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,yCAA6C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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,wBAAwB,yCAA6C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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/index.js

@@ -15,7 +15,14 @@ var modal_body = require('./components/modal/modal_body.js');
 var modal_footer = require('./components/modal/modal_footer.js');
 var modal_header = require('./components/modal/modal_header.js');
 var modal_close = require('./components/modal/modal_close.js');
+var keystrokes_controller = require('./controllers/keystrokes_controller/keystrokes_controller.js');
 var btn_controller = require('./controllers/btn_controller.js');
+var click_outside_controller = require('./controllers/click_outside_controller/click_outside_controller.js');
+var relative_position_controller = require('./controllers/relative_position_controller/relative_position_controller.js');
+var dropdown = require('./components/dropdown/dropdown.js');
+var toggle_element_aria_controller = require('./controllers/toggle_element_aria_controller/toggle_element_aria_controller.js');
+var dropdown_toggler = require('./components/dropdown/dropdown_toggler.js');
+var dropdown_content = require('./components/dropdown/dropdown_content.js');
 
 
 
@@ -82,5 +89,27 @@ Object.defineProperty(exports, 'HModalClose', {
 		return modal_close.HModalClose;
 	}
 });
+exports.KeystrokesController = keystrokes_controller.KeystrokesController;
 exports.BtnController = btn_controller.BtnController;
+exports.ClickOutsideController = click_outside_controller.ClickOutsideController;
+exports.RelativePositionController = relative_position_controller.RelativePositionController;
+Object.defineProperty(exports, 'HDropdown', {
+	enumerable: true,
+	get: function () {
+		return dropdown.HDropdown;
+	}
+});
+exports.ToggleElementAriaController = toggle_element_aria_controller.ToggleElementAriaController;
+Object.defineProperty(exports, 'HDropdownToggler', {
+	enumerable: true,
+	get: function () {
+		return dropdown_toggler.HDropdownToggler;
+	}
+});
+Object.defineProperty(exports, 'HDropdownContent', {
+	enumerable: true,
+	get: function () {
+		return dropdown_content.HDropdownContent;
+	}
+});
 //# sourceMappingURL=index.js.map

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

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

package/build/cjs/packages/star_core/build/esm/external/tslib/tslib.es6.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any

package/build/esm/_virtual/_commonjsHelpers.js

@@ -0,0 +1,9 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn) {
+  var module = { exports: {} };
+	return fn(module, module.exports), module.exports;
+}
+
+export { commonjsGlobal, createCommonjsModule };
+//# sourceMappingURL=_commonjsHelpers.js.map

package/build/esm/_virtual/_commonjsHelpers.js.map

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