@shoper/phoenix_design_system 1.3.0 → 1.3.2

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

@@ -0,0 +1,161 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+require('lit');
+var global_constants = require('../../global_constants.js');
+var relative_position_controller_constants = require('./relative_position_controller_constants.js');
+var relative_position_calculator = require('./relative_position_calculator.js');
+var throttle = require('../../../../../external/lodash/throttle.js');
+
+var _RelativePositionController_host, _RelativePositionController_container, _RelativePositionController_nearestNonStaticElementFromElementToPosition, _RelativePositionController_direction, _RelativePositionController_nearestScrollableElement, _RelativePositionController_relativeElement, _RelativePositionController_elementToPosition, _RelativePositionController_disablePositioningOnCondition, _RelativePositionController_portalElementsNames, _RelativePositionController_isInitiallyScrollable, _RelativePositionController_initialMaxHeight, _RelativePositionController_initialHeight, _RelativePositionController_calculatedDirection, _RelativePositionController_hasPositioningBeenDisabled, _RelativePositionController_doesCurrentlyHaveShrinkMode, _RelativePositionController_offset, _RelativePositionController_throttledReposition, _RelativePositionController_throttledRepositionForScroll;
+class RelativePositionController {
+    constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition = () => false, portalElementsNames = [], offset = 0 }) {
+        _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_disablePositioningOnCondition.set(this, void 0);
+        _RelativePositionController_portalElementsNames.set(this, void 0);
+        _RelativePositionController_isInitiallyScrollable.set(this, void 0);
+        _RelativePositionController_initialMaxHeight.set(this, void 0);
+        _RelativePositionController_initialHeight.set(this, void 0);
+        _RelativePositionController_calculatedDirection.set(this, void 0);
+        _RelativePositionController_hasPositioningBeenDisabled.set(this, void 0);
+        _RelativePositionController_doesCurrentlyHaveShrinkMode.set(this, void 0);
+        _RelativePositionController_offset.set(this, void 0);
+        _RelativePositionController_throttledReposition.set(this, throttle['default'](() => {
+            if (tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)) {
+                this.disableRelativePositioning();
+                return;
+            }
+            this.position(true);
+        }, relative_position_controller_constants.DEFAULT_THROTTLE_WAIT_TIME));
+        _RelativePositionController_throttledRepositionForScroll.set(this, throttle['default'](() => {
+            if (tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)) {
+                this.disableRelativePositioning();
+                return;
+            }
+            this.position(true);
+        }, 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.__classPrivateFieldSet(this, _RelativePositionController_disablePositioningOnCondition, disablePositioningOnCondition, "f");
+        tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_portalElementsNames, portalElementsNames, "f");
+        tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_offset, offset, "f");
+        tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_isInitiallyScrollable, elementToPosition.classList.contains(global_constants.SCROLLABLE_CLASS_NAME), "f");
+        tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_initialMaxHeight, getComputedStyle(elementToPosition).maxHeight, "f");
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_host, "f").addController(this);
+    }
+    hostConnected() {
+        if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f")) {
+            tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_nearestScrollableElement, this._findNearestScrollableElement(tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f")), "f");
+        }
+        window.addEventListener('resize', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledReposition, "f"));
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestScrollableElement, "f").addEventListener('scroll', tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_throttledRepositionForScroll, "f"));
+    }
+    hostDisconnected() {
+        window.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(shouldNotReposition = false) {
+        if (tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_hasPositioningBeenDisabled, "f"))
+            this._dispatchReenabledPositioningEvent();
+        if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f"))
+            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 positionElementRect = tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_initialHeight, "f")
+            ? { ...tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect().toJSON(), height: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_initialHeight, "f") }
+            : tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect();
+        const position = new relative_position_calculator.PositionCalculator({
+            direction: shouldNotReposition && tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_calculatedDirection, "f") ? tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_calculatedDirection, "f") : tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_direction, "f"),
+            relativeElementRect: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f").getBoundingClientRect(),
+            positionElementRect,
+            nearestNonStaticElementFromElementToPositionRect: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f").getBoundingClientRect(),
+            container: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_container, "f"),
+            shouldNotReposition: shouldNotReposition || !tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getAttribute('style'),
+            offset: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_offset, "f")
+        }).calculatePosition();
+        this._setElementPosition(position);
+        const isRepositioningDisabled = shouldNotReposition && tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_doesCurrentlyHaveShrinkMode, "f");
+        if (isRepositioningDisabled)
+            return position.calculatedSide;
+        tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_calculatedDirection, position.calculatedSide, "f");
+        tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_doesCurrentlyHaveShrinkMode, !!position.shrinkMode, "f");
+        if (!position.shrinkMode) {
+            this._disableShrinkMode();
+            return position.calculatedSide;
+        }
+        this._enableShrinkMode();
+        return position.calculatedSide;
+    }
+    _dispatchReenabledPositioningEvent() {
+        tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_hasPositioningBeenDisabled, false, "f");
+        const enabledPositioningEvent = new CustomEvent(relative_position_controller_constants.RELATIVE_POSITION_CONTROLLER_EVENTS.enabledPositioning, {
+            bubbles: true
+        });
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_host, "f").dispatchEvent(enabledPositioningEvent);
+    }
+    _findNearestScrollableElement(element) {
+        const overflowArray = ['overflow', 'overflowY', 'overflowX'];
+        const scrollableElement = this._findParentBasedOnStyle(element, overflowArray, (overflowArray) => overflowArray.includes(relative_position_controller_constants.OVERFLOW_SCROLL) || overflowArray.includes(relative_position_controller_constants.OVERFLOW_AUTO));
+        return scrollableElement !== document.body ? scrollableElement : window;
+    }
+    _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) && !tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_portalElementsNames, "f").includes(parent.localName))
+            return parent;
+        return this._findParentBasedOnStyle(parent, styles, callback);
+    }
+    _setElementPosition(position) {
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").style.position = 'absolute';
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").style.top = '0';
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").style.left = '0';
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").style.transform = `translate3d(${position.left}px, ${position.top}px, 0)`;
+    }
+    _disableShrinkMode() {
+        if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_isInitiallyScrollable, "f"))
+            tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").classList.remove(global_constants.SCROLLABLE_CLASS_NAME);
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").style.maxHeight = tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_initialMaxHeight, "f") !== 'none' ? tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_initialMaxHeight, "f") : '';
+    }
+    _enableShrinkMode() {
+        if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_initialHeight, "f"))
+            tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_initialHeight, tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getBoundingClientRect().height, "f");
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").classList.add(global_constants.SCROLLABLE_CLASS_NAME);
+        const shrinkModeMaxHeight = window.innerHeight - tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_relativeElement, "f").getBoundingClientRect().bottom - relative_position_controller_constants.SHRINK_MODE_BOTTOM_MARGIN;
+        tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").style.maxHeight = `${shrinkModeMaxHeight > relative_position_controller_constants.SHRINK_MODE_MIN_HEIGHT ? shrinkModeMaxHeight : relative_position_controller_constants.SHRINK_MODE_MIN_HEIGHT}px`;
+    }
+    disableRelativePositioning() {
+        if (!tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_hasPositioningBeenDisabled, "f")) {
+            tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_hasPositioningBeenDisabled, true, "f");
+            const disabledPositioningEvent = new CustomEvent(relative_position_controller_constants.RELATIVE_POSITION_CONTROLLER_EVENTS.disabledPositioning, {
+                bubbles: true
+            });
+            tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_host, "f").dispatchEvent(disabledPositioningEvent);
+        }
+        const { style: elementStyle } = tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f");
+        elementStyle.position = '';
+        elementStyle.transform = '';
+    }
+}
+_RelativePositionController_host = new WeakMap(), _RelativePositionController_container = new WeakMap(), _RelativePositionController_nearestNonStaticElementFromElementToPosition = new WeakMap(), _RelativePositionController_direction = new WeakMap(), _RelativePositionController_nearestScrollableElement = new WeakMap(), _RelativePositionController_relativeElement = new WeakMap(), _RelativePositionController_elementToPosition = new WeakMap(), _RelativePositionController_disablePositioningOnCondition = new WeakMap(), _RelativePositionController_portalElementsNames = new WeakMap(), _RelativePositionController_isInitiallyScrollable = new WeakMap(), _RelativePositionController_initialMaxHeight = new WeakMap(), _RelativePositionController_initialHeight = new WeakMap(), _RelativePositionController_calculatedDirection = new WeakMap(), _RelativePositionController_hasPositioningBeenDisabled = new WeakMap(), _RelativePositionController_doesCurrentlyHaveShrinkMode = new WeakMap(), _RelativePositionController_offset = new WeakMap(), _RelativePositionController_throttledReposition = new WeakMap(), _RelativePositionController_throttledRepositionForScroll = new WeakMap();
+
+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;AACA,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const VERTICAL_DIRECTIONS = {
+    bottomLeft: 'bottom-left',
+    bottomRight: 'bottom-right',
+    bottomCenter: 'bottom-center',
+    topLeft: 'top-left',
+    topRight: 'top-right',
+    topCenter: 'top-center'
+};
+const HORIZONTAL_DIRECTIONS = {
+    rightTop: 'right-top',
+    rightCenter: 'right-center',
+    rightBottom: 'right-bottom',
+    leftTop: 'left-top',
+    leftCenter: 'left-center',
+    leftBottom: 'left-bottom'
+};
+const CENTER_DIRECTIONS = {
+    centerTop: 'center-top',
+    centerRight: 'center-right',
+    centerBottom: 'center-bottom',
+    centerLeft: 'center-left',
+    top: 'top',
+    right: 'right',
+    bottom: 'bottom',
+    left: 'left'
+};
+const DIRECTIONS = {
+    ...HORIZONTAL_DIRECTIONS,
+    ...VERTICAL_DIRECTIONS,
+    ...CENTER_DIRECTIONS
+};
+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 = 150;
+const DEFAULT_SCROLL_THROTTLE_WAIT_TIME = 15;
+const SHRINK_MODE_BOTTOM_MARGIN = 20;
+const SHRINK_MODE_MIN_HEIGHT = 80;
+const RELATIVE_POSITION_CONTROLLER_EVENT_NAME = 'relative_position_controller';
+const RELATIVE_POSITION_CONTROLLER_EVENTS = {
+    enabledPositioning: `${RELATIVE_POSITION_CONTROLLER_EVENT_NAME}.enabledPositioning`,
+    disabledPositioning: `${RELATIVE_POSITION_CONTROLLER_EVENT_NAME}.disabledPositioning`
+};
+
+exports.CALCULATOR_DIRECTIONS = CALCULATOR_DIRECTIONS;
+exports.CENTER_DIRECTIONS = CENTER_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.HORIZONTAL_DIRECTIONS = HORIZONTAL_DIRECTIONS;
+exports.NON_STATIC_POSITIONS = NON_STATIC_POSITIONS;
+exports.OVERFLOW_AUTO = OVERFLOW_AUTO;
+exports.OVERFLOW_SCROLL = OVERFLOW_SCROLL;
+exports.RELATIVE_POSITION_CONTROLLER_EVENTS = RELATIVE_POSITION_CONTROLLER_EVENTS;
+exports.SHRINK_MODE_BOTTOM_MARGIN = SHRINK_MODE_BOTTOM_MARGIN;
+exports.SHRINK_MODE_MIN_HEIGHT = SHRINK_MODE_MIN_HEIGHT;
+exports.VERTICAL_DIRECTIONS = VERTICAL_DIRECTIONS;
+//# 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;AACA;AACA;AACA;AACA;AACA;AACA;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/controllers/transition_controller/transition_controller.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('lit');
+var transition_controller_constants = require('./transition_controller_constants.js');
+
+class TransitionController {
+    constructor(host, transitionName) {
+        (this.host = host).addController(this);
+        this._transitionName = transitionName;
+    }
+    hostConnected() {
+        this._transitionDuration = parseFloat(getComputedStyle(this.host).transitionDuration) * 1000;
+    }
+    hostDisconnected() { }
+    async show(callback) {
+        return new Promise((resolve) => {
+            this.host.hidden = false;
+            this.host.classList.add(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionEnd}`);
+            requestAnimationFrame(() => {
+                this.host.classList.remove(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionStart}`);
+                if (typeof callback === 'function')
+                    callback();
+                setTimeout(() => {
+                    this.host.hidden = false;
+                    resolve();
+                }, this._transitionDuration);
+            });
+        });
+    }
+    async hide(callback) {
+        return new Promise((resolve) => {
+            requestAnimationFrame(() => {
+                if (typeof callback === 'function')
+                    callback();
+                this.host.classList.add(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionStart}`);
+                this.host.classList.remove(`${this._transitionName}-${transition_controller_constants.TRANSITION_CSS_CLASSES.transitionEnd}`);
+                setTimeout(() => {
+                    this.host.hidden = true;
+                    resolve();
+                }, this._transitionDuration);
+            });
+        });
+    }
+}
+
+exports.TransitionController = TransitionController;
+//# sourceMappingURL=transition_controller.js.map

package/build/cjs/packages/phoenix/src/controllers/transition_controller/transition_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;AACA;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/transition_controller/transition_controller_constants.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const TRANSITION_CSS_CLASSES = {
+    transitionStart: 'transition-start',
+    transitionEnd: 'transition-end'
+};
+
+exports.TRANSITION_CSS_CLASSES = TRANSITION_CSS_CLASSES;
+//# sourceMappingURL=transition_controller_constants.js.map

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

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

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+require('lit');
+var debounce = require('../../../../../external/lodash/debounce.js');
+
+var _VisibilityController_host;
+class VisibilityController {
+    constructor(host) {
+        _VisibilityController_host.set(this, void 0);
+        this._handleResize = debounce['default'](this._setVisibilityValue, 100);
+        tslib_es6.__classPrivateFieldSet(this, _VisibilityController_host, host, "f");
+        tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").addController(this);
+    }
+    hostConnected() {
+        this._setVisibilityValue();
+        this.initialVisibilityState = this._isVisibleBasedOnCssStyle();
+        tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").addEventListener('resize', this._handleResize);
+    }
+    _setVisibilityValue() {
+        const isVisible = this._isVisibleBasedOnCssStyle() && !tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").getAttribute('hidden');
+        isVisible ? this.show() : this.hide();
+    }
+    _isVisibleBasedOnCssStyle() {
+        const displayValue = getComputedStyle(tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f")).getPropertyValue('display');
+        return displayValue !== 'none';
+    }
+    hide() {
+        this.isVisible = false;
+        tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").setAttribute('hidden', '');
+    }
+    show() {
+        this.isVisible = true;
+        tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").removeAttribute('hidden');
+    }
+    hostDisconnected() {
+        tslib_es6.__classPrivateFieldGet(this, _VisibilityController_host, "f").removeEventListener('resize', this._handleResize);
+    }
+}
+_VisibilityController_host = new WeakMap();
+
+exports.VisibilityController = VisibilityController;
+//# sourceMappingURL=visibility_controller.js.map

package/build/cjs/packages/phoenix/src/controllers/visibility_controller/visibility_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,uBAAuB,4CAAgD;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

package/build/cjs/packages/phoenix/src/core/classes/behavior_subject/behavior_subject.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var subject = require('../subject/subject.js');
+
+class BehaviorSubject extends subject.Subject {
+    constructor(initialValue) {
+        super(initialValue);
+    }
+    subscribe(observer) {
+        this.observers.add(observer);
+        if (this.currentValue !== undefined)
+            observer.update(this.currentValue);
+    }
+}
+
+exports.BehaviorSubject = BehaviorSubject;
+//# sourceMappingURL=behavior_subject.js.map

package/build/cjs/packages/phoenix/src/core/classes/behavior_subject/behavior_subject.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;"}

package/build/cjs/packages/phoenix/src/core/classes/observer/observer.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+class Observer {
+    constructor(callback) {
+        this._callback = callback;
+    }
+    update(data) {
+        this._callback(data);
+    }
+}
+
+exports.Observer = Observer;
+//# sourceMappingURL=observer.js.map

package/build/cjs/packages/phoenix/src/core/classes/observer/observer.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;"}

package/build/cjs/packages/phoenix/src/core/classes/subject/subject.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+class Subject {
+    constructor(initialValue) {
+        this.observers = new Set();
+        this.initialValue = initialValue;
+        this.currentValue = initialValue;
+    }
+    get size() {
+        return this.observers.size;
+    }
+    getValue() {
+        var _a;
+        return (_a = this.currentValue) !== null && _a !== void 0 ? _a : this.initialValue;
+    }
+    subscribe(observer) {
+        this.observers.add(observer);
+        if (this.initialValue !== undefined)
+            observer.update(this.initialValue);
+    }
+    unsubscribe(observer) {
+        this.observers.delete(observer);
+    }
+    notify(data) {
+        const newValue = typeof data === 'function' ? data(this.currentValue) : data;
+        this.currentValue = newValue;
+        this.observers.forEach((observer) => observer.update(newValue));
+    }
+}
+
+exports.Subject = Subject;
+//# sourceMappingURL=subject.js.map

package/build/cjs/packages/phoenix/src/core/classes/subject/subject.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;"}

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const CONTEXT_ASYNC_CONSUMER_DEFAULT_INTERVAL_RATE = 50;
+const CONTEXT_ASYNC_CONSUMER_DFAULT_MAX_WAITING_TIME = 2000;
+
+exports.CONTEXT_ASYNC_CONSUMER_DEFAULT_INTERVAL_RATE = CONTEXT_ASYNC_CONSUMER_DEFAULT_INTERVAL_RATE;
+exports.CONTEXT_ASYNC_CONSUMER_DFAULT_MAX_WAITING_TIME = CONTEXT_ASYNC_CONSUMER_DFAULT_MAX_WAITING_TIME;
+//# sourceMappingURL=context_constants.js.map

package/build/cjs/packages/phoenix/src/core/context/context_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;"}

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

@@ -0,0 +1,63 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+require('lit');
+var context_constants = require('./context_constants.js');
+var context_consumer_messages_names = require('./context_consumer_messages_names.js');
+
+var _ContextConsumerController_host, _ContextConsumerController_asyncConsumerSentinelId, _ContextConsumerController_asyncConsumerIntervalId;
+class ContextConsumerController {
+    constructor(host) {
+        _ContextConsumerController_host.set(this, void 0);
+        _ContextConsumerController_asyncConsumerSentinelId.set(this, void 0);
+        _ContextConsumerController_asyncConsumerIntervalId.set(this, void 0);
+        tslib_es6.__classPrivateFieldSet(this, _ContextConsumerController_host, host, "f");
+        tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_host, "f").addController(this);
+    }
+    consume(key) {
+        return this._consumeValue(key);
+    }
+    async consumeAsync(key, { intervalRate = context_constants.CONTEXT_ASYNC_CONSUMER_DEFAULT_INTERVAL_RATE, maxWaitingTime = context_constants.CONTEXT_ASYNC_CONSUMER_DFAULT_MAX_WAITING_TIME } = {}) {
+        const value = this._consumeValue(key);
+        if (value !== undefined)
+            return value;
+        return new Promise((resolve, reject) => {
+            tslib_es6.__classPrivateFieldSet(this, _ContextConsumerController_asyncConsumerIntervalId, setInterval(() => {
+                const value = this._consumeValue(key);
+                if (value !== undefined) {
+                    resolve(value);
+                }
+            }, intervalRate), "f");
+            tslib_es6.__classPrivateFieldSet(this, _ContextConsumerController_asyncConsumerSentinelId, setTimeout(() => {
+                reject();
+            }, maxWaitingTime), "f");
+        }).finally(() => {
+            this._clearAsyncConsumerIntervals();
+        });
+    }
+    _consumeValue(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() {
+        this._clearAsyncConsumerIntervals();
+    }
+    _clearAsyncConsumerIntervals() {
+        tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelId, "f") && window.clearTimeout(tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerSentinelId, "f"));
+        tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalId, "f") && clearInterval(tslib_es6.__classPrivateFieldGet(this, _ContextConsumerController_asyncConsumerIntervalId, "f"));
+    }
+}
+_ContextConsumerController_host = new WeakMap(), _ContextConsumerController_asyncConsumerSentinelId = new WeakMap(), _ContextConsumerController_asyncConsumerIntervalId = 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;AACA;AACA;AACA;AACA;AACA;AACA;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,38 @@
+'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 _ContextProviderController_host, _ContextProviderController_contextValues, _ContextProviderController_handleRequestedValue;
+class ContextProviderController {
+    constructor(host) {
+        _ContextProviderController_host.set(this, void 0);
+        _ContextProviderController_contextValues.set(this, {});
+        _ContextProviderController_handleRequestedValue.set(this, (event) => {
+            const customEvent = event;
+            const valueKey = customEvent.detail.key;
+            if (tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f")[valueKey] === undefined)
+                return;
+            customEvent.detail[valueKey] = tslib_es6.__classPrivateFieldGet(this, _ContextProviderController_contextValues, "f")[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")[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;"}