npm - @shoper/phoenix_design_system - Versions diffs - 1.3.0 → 1.3.2 - Mend

@shoper/phoenix_design_system 1.3.0 → 1.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (914) hide show

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

@@ -0,0 +1,55 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+var _ClickOutsideController_host, _ClickOutsideController_container, _ClickOutsideController_name, _ClickOutsideController_enabled, _ClickOutsideController_action;
+class ClickOutsideController {
+    constructor({ host, container, name, action }) {
+        _ClickOutsideController_host.set(this, void 0);
+        _ClickOutsideController_container.set(this, void 0);
+        _ClickOutsideController_name.set(this, void 0);
+        _ClickOutsideController_enabled.set(this, true);
+        _ClickOutsideController_action.set(this, void 0);
+        this._dispatchClickedOutsideEvent = (ev) => {
+            const target = ev.target;
+            const isContainerWithinTarget = target.contains(tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_container, "f")) && target !== tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_container, "f");
+            const isTargetWithinContainer = tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_container, "f").contains(target);
+            if (isContainerWithinTarget || !isTargetWithinContainer) {
+                tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_enabled, "f") && tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_action, "f").call(this, target);
+            }
+        };
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_host, host, "f");
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_container, container, "f");
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_name, name, "f");
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_action, action, "f");
+        tslib_es6.__classPrivateFieldGet(this, _ClickOutsideController_host, "f").addController(this);
+    }
+    hostConnected() {
+        this._setupClickEventListener();
+    }
+    enable() {
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_enabled, true, "f");
+    }
+    disable() {
+        tslib_es6.__classPrivateFieldSet(this, _ClickOutsideController_enabled, false, "f");
+    }
+    _setupClickEventListener() {
+        document.addEventListener('click', this._dispatchClickedOutsideEvent, {
+            capture: true
+        });
+    }
+    _removeClickEventListener() {
+        document.removeEventListener('click', this._dispatchClickedOutsideEvent, {
+            capture: true
+        });
+    }
+    hostDisconnected() {
+        this._removeClickEventListener();
+    }
+}
+_ClickOutsideController_host = new WeakMap(), _ClickOutsideController_container = new WeakMap(), _ClickOutsideController_name = new WeakMap(), _ClickOutsideController_enabled = new WeakMap(), _ClickOutsideController_action = 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 ADDED Viewed

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

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

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -0,0 +1,94 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+require('lit');
+var _KeystrokesController_host, _KeystrokesController_target;
+class KeystrokesController {
+    constructor({ host, keys, callback, target }) {
+        _KeystrokesController_host.set(this, void 0);
+        _KeystrokesController_target.set(this, void 0);
+        this._buffer = [];
+        this._clearBuffer = () => {
+            this._buffer = [];
+        };
+        this._saveKey = (ev) => {
+            const key = ev.key.toLowerCase();
+            if (!this._buffer.includes(key))
+                this._buffer = [...this._buffer, key];
+            this._bindSavedKeysWithCallback(ev, this._buffer);
+        };
+        this._bindSavedKeysWithCallback = (ev, savedKeys) => {
+            if (typeof this._keys === 'string') {
+                this._bindWithOneKey(ev, savedKeys);
+                return;
+            }
+            const areAllKeysPressed = this._isKeySequenceMultiple(this._keys)
+                ? this._areAllKeysPressedInMultipleSequences(this._keys, savedKeys)
+                : this._isOneOfTheKeysPressed(this._keys, savedKeys);
+            if (areAllKeysPressed)
+                this._callback(ev);
+        };
+        this._bindWithOneKey = (ev, savedKeys) => {
+            if (!savedKeys.includes(this._keys))
+                return;
+            this._callback(ev);
+        };
+        this._isKeySequenceMultiple = (keySequence) => {
+            const firstSequence = keySequence[0];
+            if (typeof firstSequence === 'object')
+                return true;
+            return false;
+        };
+        this._areAllKeysPressedInMultipleSequences = (keySequences, savedKeys) => {
+            return !!keySequences.find((keySequence) => {
+                return this._areAllKeysPressedInSingleSequence(keySequence, savedKeys);
+            });
+        };
+        this._areAllKeysPressedInSingleSequence = (keySequence, savedKeys) => {
+            const indexesInSavedKeys = this._calculateIndexesInSavedKeys(keySequence, savedKeys);
+            if (indexesInSavedKeys.includes(-1))
+                return false;
+            const firstPressedKeyIndex = indexesInSavedKeys[0];
+            const lastPressedKeyIndex = indexesInSavedKeys[indexesInSavedKeys.length - 1];
+            const areKeysPressedSequentially = lastPressedKeyIndex - firstPressedKeyIndex === indexesInSavedKeys.length - 1;
+            return areKeysPressedSequentially;
+        };
+        this._isOneOfTheKeysPressed = (keys, savedKeys) => {
+            const indexesInSavedKeys = this._calculateIndexesInSavedKeys(keys, savedKeys);
+            return typeof indexesInSavedKeys.find((index) => index > -1) === 'number';
+        };
+        this._calculateIndexesInSavedKeys = (keySequence, savedKeys) => {
+            return keySequence.reduce((allIndexes, currentKeyInSequence) => {
+                return [...allIndexes, savedKeys.indexOf(currentKeyInSequence.toLowerCase())];
+            }, []);
+        };
+        // do ogrania jeszcze string czyli zapięcie się na jeden guzik
+        this._removeKey = (ev) => {
+            const key = ev.key.toLowerCase();
+            if (this._buffer.includes(key))
+                this._buffer = this._buffer.filter((currentSavedKey) => currentSavedKey !== key);
+        };
+        tslib_es6.__classPrivateFieldSet(this, _KeystrokesController_host, host, "f");
+        tslib_es6.__classPrivateFieldSet(this, _KeystrokesController_target, target, "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('focusout', this._clearBuffer);
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_target, "f").addEventListener('keydown', this._saveKey);
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_target, "f").addEventListener('keyup', this._removeKey);
+    }
+    hostDisconnected() {
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_host, "f").removeEventListener('focusout', this._clearBuffer);
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_target, "f").removeEventListener('keydown', this._saveKey);
+        tslib_es6.__classPrivateFieldGet(this, _KeystrokesController_target, "f").removeEventListener('keyup', this._removeKey);
+    }
+}
+_KeystrokesController_host = new WeakMap(), _KeystrokesController_target = new WeakMap();
+exports.KeystrokesController = KeystrokesController;
+//# sourceMappingURL=keystrokes_controller.js.map

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

@@ -0,0 +1 @@

package/build/cjs/packages/phoenix/src/controllers/list_box_controller/list_box_controller_constants.js ADDED Viewed

@@ -0,0 +1,11 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+const LIST_BOX_KEYBOARD_NAVIGATION_DIRECTIONS = {
+    horizontal: 'horizontal',
+    vertical: 'vertical'
+};
+exports.LIST_BOX_KEYBOARD_NAVIGATION_DIRECTIONS = LIST_BOX_KEYBOARD_NAVIGATION_DIRECTIONS;
+//# sourceMappingURL=list_box_controller_constants.js.map

package/build/cjs/packages/phoenix/src/controllers/list_box_controller/list_box_controller_constants.js.map ADDED Viewed

	@@ -0,0 +1 @@
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/list_box_controller/list_box_keyboard_controller.js ADDED Viewed

@@ -0,0 +1,84 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var tslib_es6 = require('../../../../../external/tslib/tslib.es6.js');
+require('lit');
+var utilities = require('@dreamcommerce/utilities');
+var keystrokes_controller = require('../keystrokes_controller/keystrokes_controller.js');
+var list_box_controller_constants = require('./list_box_controller_constants.js');
+var _ListBoxKeyboardController_host, _ListBoxKeyboardController__$list, _ListBoxKeyboardController_currentOptionIndex, _ListBoxKeyboardController__$options, _ListBoxKeyboardController_listItemSelector, _ListBoxKeyboardController_keys;
+class ListBoxKeyboardController {
+    constructor({ host, $list, listItemSelector = '[role="option"]', orientation = list_box_controller_constants.LIST_BOX_KEYBOARD_NAVIGATION_DIRECTIONS.vertical }) {
+        _ListBoxKeyboardController_host.set(this, void 0);
+        _ListBoxKeyboardController__$list.set(this, void 0);
+        _ListBoxKeyboardController_currentOptionIndex.set(this, void 0);
+        _ListBoxKeyboardController__$options.set(this, void 0);
+        _ListBoxKeyboardController_listItemSelector.set(this, void 0);
+        _ListBoxKeyboardController_keys.set(this, void 0);
+        this._handleArrowNavigation = (event) => {
+            event.preventDefault();
+            const { key } = event;
+            const prevOptionIndex = tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_currentOptionIndex, "f");
+            let newOptionIndex = key === 'ArrowDown' || key === 'ArrowRight' ? this._getNextOptionIndex() : this._getPrevOptionIndex();
+            if (newOptionIndex === undefined) {
+                const selectedOptionIndex = tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController__$options, "f").findIndex(($option) => $option.selected);
+                newOptionIndex = selectedOptionIndex !== -1 ? selectedOptionIndex : 0;
+            }
+            if (newOptionIndex === tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_currentOptionIndex, "f"))
+                return;
+            if (prevOptionIndex !== undefined) {
+                const $prevOption = tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController__$options, "f")[prevOptionIndex];
+                utilities.UiDomUtils.makeUnnavigable($prevOption);
+            }
+            tslib_es6.__classPrivateFieldSet(this, _ListBoxKeyboardController_currentOptionIndex, newOptionIndex, "f");
+            const $focusedOption = tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController__$options, "f")[newOptionIndex];
+            utilities.UiDomUtils.makeNavigable($focusedOption);
+            $focusedOption.focus();
+        };
+        tslib_es6.__classPrivateFieldSet(this, _ListBoxKeyboardController_host, host, "f");
+        tslib_es6.__classPrivateFieldSet(this, _ListBoxKeyboardController__$list, $list, "f");
+        tslib_es6.__classPrivateFieldSet(this, _ListBoxKeyboardController_listItemSelector, listItemSelector, "f");
+        tslib_es6.__classPrivateFieldSet(this, _ListBoxKeyboardController_keys, orientation === list_box_controller_constants.LIST_BOX_KEYBOARD_NAVIGATION_DIRECTIONS.vertical ? ['ArrowUp', 'ArrowDown'] : ['ArrowLeft', 'ArrowRight'], "f");
+        tslib_es6.__classPrivateFieldSet(this, _ListBoxKeyboardController__$options, Array.from($list.querySelectorAll(tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_listItemSelector, "f"))), "f");
+        tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_host, "f").addController(this);
+    }
+    hostConnected() {
+        new keystrokes_controller.KeystrokesController({
+            host: tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_host, "f"),
+            keys: tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_keys, "f"),
+            callback: this._handleArrowNavigation,
+            target: tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController__$list, "f")
+        });
+        utilities.UiDomUtils.makeNavigable(tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController__$list, "f"));
+        tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController__$list, "f").addEventListener('focusin', (event) => {
+            if (event.target !== tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController__$list, "f"))
+                return;
+            if (tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_currentOptionIndex, "f") === undefined)
+                return;
+            const $prevOption = tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController__$options, "f")[tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_currentOptionIndex, "f")];
+            utilities.UiDomUtils.makeUnnavigable($prevOption);
+            tslib_es6.__classPrivateFieldSet(this, _ListBoxKeyboardController_currentOptionIndex, undefined, "f");
+        });
+        tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController__$options, "f").forEach(($option) => utilities.UiDomUtils.makeUnnavigable($option));
+    }
+    _getPrevOptionIndex() {
+        if (tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_currentOptionIndex, "f") === undefined)
+            return undefined;
+        if (tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_currentOptionIndex, "f") <= 0)
+            return tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_currentOptionIndex, "f");
+        return tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_currentOptionIndex, "f") - 1;
+    }
+    _getNextOptionIndex() {
+        if (tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_currentOptionIndex, "f") === undefined)
+            return undefined;
+        if (tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_currentOptionIndex, "f") >= tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController__$options, "f").length - 1)
+            return tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_currentOptionIndex, "f");
+        return tslib_es6.__classPrivateFieldGet(this, _ListBoxKeyboardController_currentOptionIndex, "f") + 1;
+    }
+}
+_ListBoxKeyboardController_host = new WeakMap(), _ListBoxKeyboardController__$list = new WeakMap(), _ListBoxKeyboardController_currentOptionIndex = new WeakMap(), _ListBoxKeyboardController__$options = new WeakMap(), _ListBoxKeyboardController_listItemSelector = new WeakMap(), _ListBoxKeyboardController_keys = new WeakMap();
+exports.ListBoxKeyboardController = ListBoxKeyboardController;
+//# sourceMappingURL=list_box_keyboard_controller.js.map

package/build/cjs/packages/phoenix/src/controllers/list_box_controller/list_box_keyboard_controller.js.map ADDED Viewed

@@ -0,0 +1 @@

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

@@ -0,0 +1,235 @@
+'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, _PositionCalculator_documentHeight, _PositionCalculator_shouldNotReposition, _PositionCalculator_offset;
+class PositionCalculator {
+    constructor({ direction, relativeElementRect, positionElementRect, container = document.body, nearestNonStaticElementFromElementToPositionRect, offset = 0, shouldNotReposition }) {
+        _PositionCalculator_direction.set(this, void 0);
+        _PositionCalculator_relativeElementRect.set(this, void 0);
+        _PositionCalculator_positionElementRect.set(this, void 0);
+        _PositionCalculator_nearestNonStaticElementFromElementToPositionRect.set(this, void 0);
+        _PositionCalculator_containerRect.set(this, void 0);
+        _PositionCalculator_documentHeight.set(this, void 0);
+        _PositionCalculator_shouldNotReposition.set(this, void 0);
+        _PositionCalculator_offset.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");
+        tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_shouldNotReposition, !!shouldNotReposition, "f");
+        tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_offset, offset, "f");
+        const body = document.body;
+        const documentElement = document.documentElement;
+        tslib_es6.__classPrivateFieldSet(this, _PositionCalculator_documentHeight, Math.max(body.scrollHeight, body.offsetHeight, documentElement.clientHeight, documentElement.scrollHeight, documentElement.offsetHeight), "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, alignment);
+        const alignmentPosition = this.calculateAlignmentPosition(alignment, side);
+        return {
+            ...sidePosition,
+            ...alignmentPosition,
+            calculatedSide: `${sidePosition.calculatedSide || ''}-${alignmentPosition.calculatedSide || ''}`
+        };
+    }
+    _canFitTopSide() {
+        const elementPositionTop = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
+        return elementPositionTop > tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").top && elementPositionTop > 0;
+    }
+    _canFitBottomSide() {
+        const elementPositionBottom = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
+        return elementPositionBottom < tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").bottom && elementPositionBottom < tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_documentHeight, "f");
+    }
+    _canFitCenter(centerPosition) {
+        return centerPosition + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height - window.scrollY < window.innerHeight && centerPosition - window.scrollY > 0;
+    }
+    _canFitLeftSide() {
+        const positionElementLeftSide = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").left - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width;
+        return positionElementLeftSide >= tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").left;
+    }
+    _canFitRightSide() {
+        const positionElementRightSide = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").right - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left;
+        return positionElementRightSide + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width <= tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").width;
+    }
+    _calculateSidePosition(side, alignment) {
+        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 -
+            tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const bottomSideOfRelativeElement = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const leftSideOfRelativeElement = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").left -
+            tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left -
+            tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width -
+            tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const rightSideOfRelativeElement = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").right - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const verticalCenterOfRelativeElement = (topSideOfRelativeElement + bottomSideOfRelativeElement) / 2;
+        const horizontalCenterOfRelativeElement = (leftSideOfRelativeElement + rightSideOfRelativeElement) / 2;
+        switch (side) {
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.top:
+                return this._calculateTopSide({
+                    topSide: topSideOfRelativeElement,
+                    bottomSide: bottomSideOfRelativeElement,
+                    verticalCenter: verticalCenterOfRelativeElement
+                });
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom:
+                return this._calculateBottomSide({
+                    topSide: topSideOfRelativeElement,
+                    bottomSide: bottomSideOfRelativeElement,
+                    verticalCenter: verticalCenterOfRelativeElement
+                });
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.center:
+                return this._calculateCenterSide({
+                    verticalCenter: verticalCenterOfRelativeElement,
+                    horizontalCenter: horizontalCenterOfRelativeElement,
+                    alignment
+                });
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.left:
+                return this._calculateLeftSide({
+                    leftSide: leftSideOfRelativeElement,
+                    rightSide: rightSideOfRelativeElement
+                });
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.right:
+                return this._calculateRightSide({
+                    leftSide: leftSideOfRelativeElement,
+                    rightSide: rightSideOfRelativeElement
+                });
+            default:
+                return { top: 0 };
+        }
+    }
+    _calculateTopSide({ topSide, bottomSide, verticalCenter }) {
+        if (tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
+            return { top: topSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.top };
+        if (!this._canFitTopSide() && !this._canFitBottomSide() && !this._canFitCenter(verticalCenter))
+            return { top: bottomSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom, shrinkMode: true };
+        if (!this._canFitTopSide() && !this._canFitBottomSide())
+            return { top: verticalCenter, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.center };
+        if (!this._canFitTopSide())
+            return { top: bottomSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom };
+        return { top: topSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.top };
+    }
+    _calculateBottomSide({ topSide, bottomSide, verticalCenter }) {
+        if (tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
+            return { top: bottomSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom };
+        if (!this._canFitTopSide() && !this._canFitBottomSide() && !this._canFitCenter(verticalCenter))
+            return { top: bottomSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom, shrinkMode: true };
+        if (!this._canFitTopSide() && !this._canFitBottomSide())
+            return { top: verticalCenter, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.center };
+        if (!this._canFitBottomSide())
+            return { top: topSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.top };
+        return { top: bottomSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom };
+    }
+    _calculateCenterSide({ verticalCenter, horizontalCenter, alignment }) {
+        if (alignment === relative_position_controller_constants.CALCULATOR_DIRECTIONS.left || alignment === relative_position_controller_constants.CALCULATOR_DIRECTIONS.right)
+            return { top: verticalCenter, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.center };
+        return { left: horizontalCenter, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.center };
+    }
+    _calculateLeftSide({ leftSide, rightSide }) {
+        if (tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
+            return { left: leftSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.left };
+        if (!this._canFitLeftSide() && !this._canFitRightSide())
+            return { left: leftSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.left };
+        if (!this._canFitLeftSide())
+            return { left: rightSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.right };
+        return { left: leftSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.left };
+    }
+    _calculateRightSide({ leftSide, rightSide }) {
+        if (tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
+            return { left: rightSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.right };
+        if (!this._canFitRightSide() && !this._canFitLeftSide())
+            return { left: rightSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.right };
+        if (!this._canFitRightSide())
+            return { left: leftSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.left };
+        return { left: rightSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.right };
+    }
+    calculateAlignmentPosition(alignment, 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 alignmentToTopSide = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top;
+        const alignmentToBottomSide = tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
+        const verticalCenterOfRelativeElement = (alignmentToTopSide + alignmentToBottomSide) / 2;
+        const horizontalCenterOfRelativeElement = (alignmentToLeftSide + alignmentToRightSide) / 2;
+        const isSideCenter = side === relative_position_controller_constants.CALCULATOR_DIRECTIONS.center;
+        switch (alignment) {
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.top: {
+                return this._calculateTopAlignment({ topAlignment: alignmentToTopSide, isSideCenter });
+            }
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom: {
+                return this._calculateBottomAlignment({ bottomAlignment: alignmentToBottomSide, isSideCenter });
+            }
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.left: {
+                return this._calculateLeftAlignment({
+                    leftAlignment: alignmentToLeftSide,
+                    rightAlignment: alignmentToRightSide,
+                    isSideCenter
+                });
+            }
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.right: {
+                return this._calculateRightAlignment({
+                    leftAlignment: alignmentToLeftSide,
+                    rightAlignment: alignmentToRightSide,
+                    isSideCenter
+                });
+            }
+            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.center:
+                return this._calculateCenterAlignment({
+                    horizontalCenter: horizontalCenterOfRelativeElement,
+                    verticalCenter: verticalCenterOfRelativeElement,
+                    side
+                });
+            default:
+                return { left: 0 };
+        }
+    }
+    _calculateTopAlignment({ topAlignment, isSideCenter }) {
+        const alignmentToTop = isSideCenter ? topAlignment - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_offset, "f") : topAlignment;
+        return {
+            top: alignmentToTop,
+            calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.top
+        };
+    }
+    _calculateBottomAlignment({ bottomAlignment, isSideCenter }) {
+        const alignmentToBottom = isSideCenter ? bottomAlignment + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_offset, "f") : bottomAlignment;
+        return { top: alignmentToBottom, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom };
+    }
+    _calculateLeftAlignment({ leftAlignment, rightAlignment, isSideCenter }) {
+        const alignmentToLeftSide = isSideCenter ? leftAlignment - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width : leftAlignment;
+        const alignmentToRightSide = rightAlignment + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        if (!isSideCenter)
+            return { left: alignmentToLeftSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.left };
+        if (tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
+            return { left: alignmentToLeftSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.left };
+        if (!this._canFitLeftSide() && !this._canFitRightSide())
+            return { left: alignmentToLeftSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.left };
+        if (!this._canFitLeftSide())
+            return { left: alignmentToRightSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.right };
+        return { left: alignmentToLeftSide - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_offset, "f"), calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.left };
+    }
+    _calculateRightAlignment({ leftAlignment, rightAlignment, isSideCenter }) {
+        const alignmentToRightSide = isSideCenter ? rightAlignment + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width : rightAlignment;
+        const alignmentToLeftSide = leftAlignment - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width - tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        if (!isSideCenter)
+            return { left: alignmentToRightSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.right };
+        if (tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
+            return { left: alignmentToRightSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.right };
+        if (!this._canFitLeftSide() && !this._canFitRightSide())
+            return { left: alignmentToRightSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.right };
+        if (!this._canFitRightSide())
+            return { left: alignmentToLeftSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.left };
+        return { left: alignmentToRightSide + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_offset, "f"), calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.right };
+    }
+    _calculateCenterAlignment({ horizontalCenter, verticalCenter, side }) {
+        if (side === relative_position_controller_constants.CALCULATOR_DIRECTIONS.top || side === relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom)
+            return { left: horizontalCenter, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.center };
+        return { top: verticalCenter, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.center };
+    }
+}
+_PositionCalculator_direction = new WeakMap(), _PositionCalculator_relativeElementRect = new WeakMap(), _PositionCalculator_positionElementRect = new WeakMap(), _PositionCalculator_nearestNonStaticElementFromElementToPositionRect = new WeakMap(), _PositionCalculator_containerRect = new WeakMap(), _PositionCalculator_documentHeight = new WeakMap(), _PositionCalculator_shouldNotReposition = new WeakMap(), _PositionCalculator_offset = new WeakMap();
+exports.PositionCalculator = PositionCalculator;
+//# sourceMappingURL=relative_position_calculator.js.map

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

@@ -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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}