npm - @shoper/phoenix_design_system - Versions diffs - 0.22.4 → 0.22.5 - Mend

@shoper/phoenix_design_system 0.22.4 → 0.22.5

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 (17) hide show

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

@@ -5,9 +5,9 @@ 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;
+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, shouldNotReposition }) {
+    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);
@@ -15,20 +15,22 @@ class PositionCalculator {
         _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);
-        const alignmentPosition = this.calculateAlignmentPosition(alignment);
+        const sidePosition = this._calculateSidePosition(side, alignment);
+        const alignmentPosition = this.calculateAlignmentPosition(alignment, side);
         return {
             ...sidePosition,
             ...alignmentPosition,
@@ -46,66 +48,188 @@ class PositionCalculator {
     _canFitCenter(centerPosition) {
         return centerPosition + tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height - window.scrollY < window.innerHeight && centerPosition - window.scrollY > 0;
     }
-    _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;
+    _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:
-                if (tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
-                    return { top: topSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.top };
-                if (!this._canFitTopSide() && !this._canFitBottomSide() && !this._canFitCenter(centerOfRelativeElement))
-                    return { top: bottomSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom, shrinkMode: true };
-                if (!this._canFitTopSide() && !this._canFitBottomSide())
-                    return { top: centerOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.center };
-                if (!this._canFitTopSide())
-                    return { top: bottomSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom };
-                return { top: topSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.top };
+                return this._calculateTopSide({
+                    topSide: topSideOfRelativeElement,
+                    bottomSide: bottomSideOfRelativeElement,
+                    verticalCenter: verticalCenterOfRelativeElement
+                });
             case relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom:
-                if (tslib_es6.__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
-                    return { top: bottomSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom };
-                if (!this._canFitTopSide() && !this._canFitBottomSide() && !this._canFitCenter(centerOfRelativeElement))
-                    return { top: bottomSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.bottom, shrinkMode: true };
-                if (!this._canFitTopSide() && !this._canFitBottomSide())
-                    return { top: centerOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.center };
-                if (!this._canFitBottomSide())
-                    return { top: topSideOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.top };
-                return { top: bottomSideOfRelativeElement, calculatedSide: 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 { top: centerOfRelativeElement, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.center };
+                return this._calculateCenterSide({
+                    verticalCenter: verticalCenterOfRelativeElement,
+                    horizontalCenter: horizontalCenterOfRelativeElement,
+                    alignment
+                });
             case relative_position_controller_constants.CALCULATOR_DIRECTIONS.left:
-                // do zaimplementowania
-                return { top: 0 };
+                return this._calculateLeftSide({
+                    leftSide: leftSideOfRelativeElement,
+                    rightSide: rightSideOfRelativeElement
+                });
             case relative_position_controller_constants.CALCULATOR_DIRECTIONS.right:
-                // do zaimplementowania
-                return { top: 0 };
+                return this._calculateRightSide({
+                    leftSide: leftSideOfRelativeElement,
+                    rightSide: rightSideOfRelativeElement
+                });
             default:
                 return { top: 0 };
         }
     }
-    calculateAlignmentPosition(side) {
+    _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 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, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.left };
-            case relative_position_controller_constants.CALCULATOR_DIRECTIONS.right:
-                return { left: alignmentToRightSide, calculatedSide: relative_position_controller_constants.CALCULATOR_DIRECTIONS.right };
+        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 { left: alignmentToCenter, calculatedSide: 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_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 CHANGED Viewed

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

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

@@ -9,9 +9,9 @@ var relative_position_controller_constants = require('./relative_position_contro
 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_throttledReposition, _RelativePositionController_throttledRepositionForScroll;
+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 = () => true, portalElementsNames = [] }) {
+    constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition = () => true, portalElementsNames = [], offset = 0 }) {
         _RelativePositionController_host.set(this, void 0);
         _RelativePositionController_container.set(this, void 0);
         _RelativePositionController_nearestNonStaticElementFromElementToPosition.set(this, void 0);
@@ -27,6 +27,7 @@ class RelativePositionController {
         _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();
@@ -52,6 +53,7 @@ class RelativePositionController {
         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);
@@ -84,19 +86,21 @@ class RelativePositionController {
             positionElementRect,
             nearestNonStaticElementFromElementToPositionRect: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f").getBoundingClientRect(),
             container: tslib_es6.__classPrivateFieldGet(this, _RelativePositionController_container, "f"),
-            shouldNotReposition
+            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;
+            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;
+            return position.calculatedSide;
         }
         this._enableShrinkMode();
+        return position.calculatedSide;
     }
     _dispatchReenabledPositioningEvent() {
         tslib_es6.__classPrivateFieldSet(this, _RelativePositionController_hasPositioningBeenDisabled, false, "f");
@@ -155,7 +159,7 @@ class RelativePositionController {
         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_throttledReposition = new WeakMap(), _RelativePositionController_throttledRepositionForScroll = new WeakMap();
+_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 CHANGED Viewed

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

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

@@ -1,11 +1,24 @@
-import { TRelativePositionCalculatorConstructorOptions, TRelativePositionControllerPositionData } from "./relative_position_controller_types";
+import { TRelativePositionCalculatorConstructorOptions } from './relative_position_calculator_types';
+import { TRelativePositionControllerPositionData } from "./relative_position_controller_types";
 export declare class PositionCalculator {
     #private;
-    constructor({ direction, relativeElementRect, positionElementRect, container, nearestNonStaticElementFromElementToPositionRect, shouldNotReposition }: TRelativePositionCalculatorConstructorOptions);
+    constructor({ direction, relativeElementRect, positionElementRect, container, nearestNonStaticElementFromElementToPositionRect, offset, shouldNotReposition }: TRelativePositionCalculatorConstructorOptions);
     calculatePosition(): TRelativePositionControllerPositionData;
     private _canFitTopSide;
     private _canFitBottomSide;
     private _canFitCenter;
+    private _canFitLeftSide;
+    private _canFitRightSide;
     private _calculateSidePosition;
+    private _calculateTopSide;
+    private _calculateBottomSide;
+    private _calculateCenterSide;
+    private _calculateLeftSide;
+    private _calculateRightSide;
     private calculateAlignmentPosition;
+    private _calculateTopAlignment;
+    private _calculateBottomAlignment;
+    private _calculateLeftAlignment;
+    private _calculateRightAlignment;
+    private _calculateCenterAlignment;
 }

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

@@ -1,9 +1,9 @@
 import { __classPrivateFieldSet, __classPrivateFieldGet } from '../../../../../external/tslib/tslib.es6.js';
 import { CALCULATOR_DIRECTIONS } from './relative_position_controller_constants.js';
-var _PositionCalculator_direction, _PositionCalculator_relativeElementRect, _PositionCalculator_positionElementRect, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, _PositionCalculator_containerRect, _PositionCalculator_documentHeight, _PositionCalculator_shouldNotReposition;
+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, shouldNotReposition }) {
+    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);
@@ -11,20 +11,22 @@ class PositionCalculator {
         _PositionCalculator_containerRect.set(this, void 0);
         _PositionCalculator_documentHeight.set(this, void 0);
         _PositionCalculator_shouldNotReposition.set(this, void 0);
+        _PositionCalculator_offset.set(this, void 0);
         __classPrivateFieldSet(this, _PositionCalculator_direction, direction, "f");
         __classPrivateFieldSet(this, _PositionCalculator_relativeElementRect, relativeElementRect, "f");
         __classPrivateFieldSet(this, _PositionCalculator_positionElementRect, positionElementRect, "f");
         __classPrivateFieldSet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, nearestNonStaticElementFromElementToPositionRect, "f");
         __classPrivateFieldSet(this, _PositionCalculator_containerRect, container.getBoundingClientRect(), "f");
         __classPrivateFieldSet(this, _PositionCalculator_shouldNotReposition, !!shouldNotReposition, "f");
+        __classPrivateFieldSet(this, _PositionCalculator_offset, offset, "f");
         const body = document.body;
         const documentElement = document.documentElement;
         __classPrivateFieldSet(this, _PositionCalculator_documentHeight, Math.max(body.scrollHeight, body.offsetHeight, documentElement.clientHeight, documentElement.scrollHeight, documentElement.offsetHeight), "f");
     }
     calculatePosition() {
         const [side, alignment = CALCULATOR_DIRECTIONS.center] = __classPrivateFieldGet(this, _PositionCalculator_direction, "f").split('-');
-        const sidePosition = this._calculateSidePosition(side);
-        const alignmentPosition = this.calculateAlignmentPosition(alignment);
+        const sidePosition = this._calculateSidePosition(side, alignment);
+        const alignmentPosition = this.calculateAlignmentPosition(alignment, side);
         return {
             ...sidePosition,
             ...alignmentPosition,
@@ -42,66 +44,188 @@ class PositionCalculator {
     _canFitCenter(centerPosition) {
         return centerPosition + __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height - window.scrollY < window.innerHeight && centerPosition - window.scrollY > 0;
     }
-    _calculateSidePosition(side) {
-        const topSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
-        const bottomSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top;
-        const centerOfRelativeElement = (topSideOfRelativeElement + bottomSideOfRelativeElement) / 2;
+    _canFitLeftSide() {
+        const positionElementLeftSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").left - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width;
+        return positionElementLeftSide >= __classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").left;
+    }
+    _canFitRightSide() {
+        const positionElementRightSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").right - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left;
+        return positionElementRightSide + __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width <= __classPrivateFieldGet(this, _PositionCalculator_containerRect, "f").width;
+    }
+    _calculateSidePosition(side, alignment) {
+        const topSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top -
+            __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top -
+            __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height -
+            __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const bottomSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top + __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const leftSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").left -
+            __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left -
+            __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width -
+            __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const rightSideOfRelativeElement = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").right - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left + __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        const verticalCenterOfRelativeElement = (topSideOfRelativeElement + bottomSideOfRelativeElement) / 2;
+        const horizontalCenterOfRelativeElement = (leftSideOfRelativeElement + rightSideOfRelativeElement) / 2;
         switch (side) {
             case CALCULATOR_DIRECTIONS.top:
-                if (__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
-                    return { top: topSideOfRelativeElement, calculatedSide: CALCULATOR_DIRECTIONS.top };
-                if (!this._canFitTopSide() && !this._canFitBottomSide() && !this._canFitCenter(centerOfRelativeElement))
-                    return { top: bottomSideOfRelativeElement, calculatedSide: CALCULATOR_DIRECTIONS.bottom, shrinkMode: true };
-                if (!this._canFitTopSide() && !this._canFitBottomSide())
-                    return { top: centerOfRelativeElement, calculatedSide: CALCULATOR_DIRECTIONS.center };
-                if (!this._canFitTopSide())
-                    return { top: bottomSideOfRelativeElement, calculatedSide: CALCULATOR_DIRECTIONS.bottom };
-                return { top: topSideOfRelativeElement, calculatedSide: CALCULATOR_DIRECTIONS.top };
+                return this._calculateTopSide({
+                    topSide: topSideOfRelativeElement,
+                    bottomSide: bottomSideOfRelativeElement,
+                    verticalCenter: verticalCenterOfRelativeElement
+                });
             case CALCULATOR_DIRECTIONS.bottom:
-                if (__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
-                    return { top: bottomSideOfRelativeElement, calculatedSide: CALCULATOR_DIRECTIONS.bottom };
-                if (!this._canFitTopSide() && !this._canFitBottomSide() && !this._canFitCenter(centerOfRelativeElement))
-                    return { top: bottomSideOfRelativeElement, calculatedSide: CALCULATOR_DIRECTIONS.bottom, shrinkMode: true };
-                if (!this._canFitTopSide() && !this._canFitBottomSide())
-                    return { top: centerOfRelativeElement, calculatedSide: CALCULATOR_DIRECTIONS.center };
-                if (!this._canFitBottomSide())
-                    return { top: topSideOfRelativeElement, calculatedSide: CALCULATOR_DIRECTIONS.top };
-                return { top: bottomSideOfRelativeElement, calculatedSide: CALCULATOR_DIRECTIONS.bottom };
+                return this._calculateBottomSide({
+                    topSide: topSideOfRelativeElement,
+                    bottomSide: bottomSideOfRelativeElement,
+                    verticalCenter: verticalCenterOfRelativeElement
+                });
             case CALCULATOR_DIRECTIONS.center:
-                return { top: centerOfRelativeElement, calculatedSide: CALCULATOR_DIRECTIONS.center };
+                return this._calculateCenterSide({
+                    verticalCenter: verticalCenterOfRelativeElement,
+                    horizontalCenter: horizontalCenterOfRelativeElement,
+                    alignment
+                });
             case CALCULATOR_DIRECTIONS.left:
-                // do zaimplementowania
-                return { top: 0 };
+                return this._calculateLeftSide({
+                    leftSide: leftSideOfRelativeElement,
+                    rightSide: rightSideOfRelativeElement
+                });
             case CALCULATOR_DIRECTIONS.right:
-                // do zaimplementowania
-                return { top: 0 };
+                return this._calculateRightSide({
+                    leftSide: leftSideOfRelativeElement,
+                    rightSide: rightSideOfRelativeElement
+                });
             default:
                 return { top: 0 };
         }
     }
-    calculateAlignmentPosition(side) {
+    _calculateTopSide({ topSide, bottomSide, verticalCenter }) {
+        if (__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
+            return { top: topSide, calculatedSide: CALCULATOR_DIRECTIONS.top };
+        if (!this._canFitTopSide() && !this._canFitBottomSide() && !this._canFitCenter(verticalCenter))
+            return { top: bottomSide, calculatedSide: CALCULATOR_DIRECTIONS.bottom, shrinkMode: true };
+        if (!this._canFitTopSide() && !this._canFitBottomSide())
+            return { top: verticalCenter, calculatedSide: CALCULATOR_DIRECTIONS.center };
+        if (!this._canFitTopSide())
+            return { top: bottomSide, calculatedSide: CALCULATOR_DIRECTIONS.bottom };
+        return { top: topSide, calculatedSide: CALCULATOR_DIRECTIONS.top };
+    }
+    _calculateBottomSide({ topSide, bottomSide, verticalCenter }) {
+        if (__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
+            return { top: bottomSide, calculatedSide: CALCULATOR_DIRECTIONS.bottom };
+        if (!this._canFitTopSide() && !this._canFitBottomSide() && !this._canFitCenter(verticalCenter))
+            return { top: bottomSide, calculatedSide: CALCULATOR_DIRECTIONS.bottom, shrinkMode: true };
+        if (!this._canFitTopSide() && !this._canFitBottomSide())
+            return { top: verticalCenter, calculatedSide: CALCULATOR_DIRECTIONS.center };
+        if (!this._canFitBottomSide())
+            return { top: topSide, calculatedSide: CALCULATOR_DIRECTIONS.top };
+        return { top: bottomSide, calculatedSide: CALCULATOR_DIRECTIONS.bottom };
+    }
+    _calculateCenterSide({ verticalCenter, horizontalCenter, alignment }) {
+        if (alignment === CALCULATOR_DIRECTIONS.left || alignment === CALCULATOR_DIRECTIONS.right)
+            return { top: verticalCenter, calculatedSide: CALCULATOR_DIRECTIONS.center };
+        return { left: horizontalCenter, calculatedSide: CALCULATOR_DIRECTIONS.center };
+    }
+    _calculateLeftSide({ leftSide, rightSide }) {
+        if (__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
+            return { left: leftSide, calculatedSide: CALCULATOR_DIRECTIONS.left };
+        if (!this._canFitLeftSide() && !this._canFitRightSide())
+            return { left: leftSide, calculatedSide: CALCULATOR_DIRECTIONS.left };
+        if (!this._canFitLeftSide())
+            return { left: rightSide, calculatedSide: CALCULATOR_DIRECTIONS.right };
+        return { left: leftSide, calculatedSide: CALCULATOR_DIRECTIONS.left };
+    }
+    _calculateRightSide({ leftSide, rightSide }) {
+        if (__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
+            return { left: rightSide, calculatedSide: CALCULATOR_DIRECTIONS.right };
+        if (!this._canFitRightSide() && !this._canFitLeftSide())
+            return { left: rightSide, calculatedSide: CALCULATOR_DIRECTIONS.right };
+        if (!this._canFitRightSide())
+            return { left: leftSide, calculatedSide: CALCULATOR_DIRECTIONS.left };
+        return { left: rightSide, calculatedSide: CALCULATOR_DIRECTIONS.right };
+    }
+    calculateAlignmentPosition(alignment, side) {
         const alignmentToLeftSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").left - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left;
         const alignmentToRightSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").right - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").left - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width;
-        const alignmentToCenter = (alignmentToLeftSide + alignmentToRightSide) / 2;
-        switch (side) {
-            case CALCULATOR_DIRECTIONS.top:
-                // do zaimplementowania
-                return { left: 0 };
-            case CALCULATOR_DIRECTIONS.bottom:
-                // do zaimplementowania
-                return { left: 0 };
-            case CALCULATOR_DIRECTIONS.left:
-                return { left: alignmentToLeftSide, calculatedSide: CALCULATOR_DIRECTIONS.left };
-            case CALCULATOR_DIRECTIONS.right:
-                return { left: alignmentToRightSide, calculatedSide: CALCULATOR_DIRECTIONS.right };
+        const alignmentToTopSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").top - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top;
+        const alignmentToBottomSide = __classPrivateFieldGet(this, _PositionCalculator_relativeElementRect, "f").bottom - __classPrivateFieldGet(this, _PositionCalculator_nearestNonStaticElementFromElementToPositionRect, "f").top - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height;
+        const verticalCenterOfRelativeElement = (alignmentToTopSide + alignmentToBottomSide) / 2;
+        const horizontalCenterOfRelativeElement = (alignmentToLeftSide + alignmentToRightSide) / 2;
+        const isSideCenter = side === CALCULATOR_DIRECTIONS.center;
+        switch (alignment) {
+            case CALCULATOR_DIRECTIONS.top: {
+                return this._calculateTopAlignment({ topAlignment: alignmentToTopSide, isSideCenter });
+            }
+            case CALCULATOR_DIRECTIONS.bottom: {
+                return this._calculateBottomAlignment({ bottomAlignment: alignmentToBottomSide, isSideCenter });
+            }
+            case CALCULATOR_DIRECTIONS.left: {
+                return this._calculateLeftAlignment({
+                    leftAlignment: alignmentToLeftSide,
+                    rightAlignment: alignmentToRightSide,
+                    isSideCenter
+                });
+            }
+            case CALCULATOR_DIRECTIONS.right: {
+                return this._calculateRightAlignment({
+                    leftAlignment: alignmentToLeftSide,
+                    rightAlignment: alignmentToRightSide,
+                    isSideCenter
+                });
+            }
             case CALCULATOR_DIRECTIONS.center:
-                return { left: alignmentToCenter, calculatedSide: CALCULATOR_DIRECTIONS.center };
+                return this._calculateCenterAlignment({
+                    horizontalCenter: horizontalCenterOfRelativeElement,
+                    verticalCenter: verticalCenterOfRelativeElement,
+                    side
+                });
             default:
                 return { left: 0 };
         }
     }
+    _calculateTopAlignment({ topAlignment, isSideCenter }) {
+        const alignmentToTop = isSideCenter ? topAlignment - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height - __classPrivateFieldGet(this, _PositionCalculator_offset, "f") : topAlignment;
+        return {
+            top: alignmentToTop,
+            calculatedSide: CALCULATOR_DIRECTIONS.top
+        };
+    }
+    _calculateBottomAlignment({ bottomAlignment, isSideCenter }) {
+        const alignmentToBottom = isSideCenter ? bottomAlignment + __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").height + __classPrivateFieldGet(this, _PositionCalculator_offset, "f") : bottomAlignment;
+        return { top: alignmentToBottom, calculatedSide: CALCULATOR_DIRECTIONS.bottom };
+    }
+    _calculateLeftAlignment({ leftAlignment, rightAlignment, isSideCenter }) {
+        const alignmentToLeftSide = isSideCenter ? leftAlignment - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width : leftAlignment;
+        const alignmentToRightSide = rightAlignment + __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width + __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        if (!isSideCenter)
+            return { left: alignmentToLeftSide, calculatedSide: CALCULATOR_DIRECTIONS.left };
+        if (__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
+            return { left: alignmentToLeftSide, calculatedSide: CALCULATOR_DIRECTIONS.left };
+        if (!this._canFitLeftSide() && !this._canFitRightSide())
+            return { left: alignmentToLeftSide, calculatedSide: CALCULATOR_DIRECTIONS.left };
+        if (!this._canFitLeftSide())
+            return { left: alignmentToRightSide, calculatedSide: CALCULATOR_DIRECTIONS.right };
+        return { left: alignmentToLeftSide - __classPrivateFieldGet(this, _PositionCalculator_offset, "f"), calculatedSide: CALCULATOR_DIRECTIONS.left };
+    }
+    _calculateRightAlignment({ leftAlignment, rightAlignment, isSideCenter }) {
+        const alignmentToRightSide = isSideCenter ? rightAlignment + __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width : rightAlignment;
+        const alignmentToLeftSide = leftAlignment - __classPrivateFieldGet(this, _PositionCalculator_positionElementRect, "f").width - __classPrivateFieldGet(this, _PositionCalculator_offset, "f");
+        if (!isSideCenter)
+            return { left: alignmentToRightSide, calculatedSide: CALCULATOR_DIRECTIONS.right };
+        if (__classPrivateFieldGet(this, _PositionCalculator_shouldNotReposition, "f"))
+            return { left: alignmentToRightSide, calculatedSide: CALCULATOR_DIRECTIONS.right };
+        if (!this._canFitLeftSide() && !this._canFitRightSide())
+            return { left: alignmentToRightSide, calculatedSide: CALCULATOR_DIRECTIONS.right };
+        if (!this._canFitRightSide())
+            return { left: alignmentToLeftSide, calculatedSide: CALCULATOR_DIRECTIONS.left };
+        return { left: alignmentToRightSide + __classPrivateFieldGet(this, _PositionCalculator_offset, "f"), calculatedSide: CALCULATOR_DIRECTIONS.right };
+    }
+    _calculateCenterAlignment({ horizontalCenter, verticalCenter, side }) {
+        if (side === CALCULATOR_DIRECTIONS.top || side === CALCULATOR_DIRECTIONS.bottom)
+            return { left: horizontalCenter, calculatedSide: CALCULATOR_DIRECTIONS.center };
+        return { top: verticalCenter, calculatedSide: 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_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();
 export { PositionCalculator };
 //# sourceMappingURL=relative_position_calculator.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1	+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,+DAA+D,4CAAgD;AAC/G;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}

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

@@ -0,0 +1,45 @@
+import { Any } from 'ts-toolbelt';
+import { CALCULATOR_DIRECTIONS } from './relative_position_controller_constants';
+import { TDirection } from './relative_position_controller_types';
+export declare type TCalculatorDirection = typeof CALCULATOR_DIRECTIONS[Any.Keys<typeof CALCULATOR_DIRECTIONS>];
+export declare type TRelativePositionCalculatorConstructorOptions = {
+    direction: TDirection;
+    relativeElementRect: DOMRect;
+    positionElementRect: DOMRect;
+    nearestNonStaticElementFromElementToPositionRect: DOMRect;
+    offset?: number;
+    container?: HTMLElement;
+    shouldNotReposition?: boolean;
+};
+export declare type TCalculateVerticalSideProps = {
+    topSide: number;
+    bottomSide: number;
+    verticalCenter: number;
+};
+export declare type TCalculateCenterSideProps = {
+    verticalCenter: number;
+    horizontalCenter: number;
+    alignment: TCalculatorDirection;
+};
+export declare type TCalculateHorizontalSideProps = {
+    leftSide: number;
+    rightSide: number;
+};
+export declare type TCalculateTopAlignmentProps = {
+    topAlignment: number;
+    isSideCenter: boolean;
+};
+export declare type TCalculateBottomAlignmentProps = {
+    bottomAlignment: number;
+    isSideCenter: boolean;
+};
+export declare type TCalculateHorizontalAlignmentProps = {
+    leftAlignment: number;
+    rightAlignment: number;
+    isSideCenter: boolean;
+};
+export declare type TCalculateCenterAlignmentProps = {
+    verticalCenter: number;
+    horizontalCenter: number;
+    side: TCalculatorDirection;
+};

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.js ADDED Viewed

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

package/build/esm/packages/phoenix/src/controllers/relative_position_controller/relative_position_calculator_types.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"relative_position_calculator_types.js","sourceRoot":"","sources":["../../../../../../../src/controllers/relative_position_controller/relative_position_calculator_types.ts"],"names":[],"mappings":"AAAA,OAAoB,aAAa,CAAC;AAClC,OAAsC,0CAA0C,CAAC;AACjF,OAA2B,sCAAsC,CAAC"}

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

@@ -1,10 +1,10 @@
-import { IRelativePositionController, TRelativePositionControllerConstructorOptions } from "./relative_position_controller_types";
+import { IRelativePositionController, TDirection, TRelativePositionControllerConstructorOptions } from "./relative_position_controller_types";
 export declare class RelativePositionController implements IRelativePositionController {
     #private;
-    constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition, portalElementsNames }: TRelativePositionControllerConstructorOptions);
+    constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition, portalElementsNames, offset }: TRelativePositionControllerConstructorOptions);
     hostConnected(): void;
     hostDisconnected(): void;
-    position(shouldNotReposition?: boolean): void;
+    position(shouldNotReposition?: boolean): TDirection;
     private _dispatchReenabledPositioningEvent;
     private _findNearestScrollableElement;
     private _findContainer;

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

@@ -5,9 +5,9 @@ import { RELATIVE_POSITION_CONTROLLER_EVENTS, OVERFLOW_SCROLL, OVERFLOW_AUTO, NO
 import { PositionCalculator } from './relative_position_calculator.js';
 import throttle_1 from '../../../../../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_throttledReposition, _RelativePositionController_throttledRepositionForScroll;
+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 = () => true, portalElementsNames = [] }) {
+    constructor({ host, container, direction, relativeElement, elementToPosition, disablePositioningOnCondition = () => true, portalElementsNames = [], offset = 0 }) {
         _RelativePositionController_host.set(this, void 0);
         _RelativePositionController_container.set(this, void 0);
         _RelativePositionController_nearestNonStaticElementFromElementToPosition.set(this, void 0);
@@ -23,6 +23,7 @@ class RelativePositionController {
         _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_1(() => {
             if (__classPrivateFieldGet(this, _RelativePositionController_disablePositioningOnCondition, "f").call(this)) {
                 this.disableRelativePositioning();
@@ -48,6 +49,7 @@ class RelativePositionController {
         __classPrivateFieldSet(this, _RelativePositionController_elementToPosition, elementToPosition, "f");
         __classPrivateFieldSet(this, _RelativePositionController_disablePositioningOnCondition, disablePositioningOnCondition, "f");
         __classPrivateFieldSet(this, _RelativePositionController_portalElementsNames, portalElementsNames, "f");
+        __classPrivateFieldSet(this, _RelativePositionController_offset, offset, "f");
         __classPrivateFieldSet(this, _RelativePositionController_isInitiallyScrollable, elementToPosition.classList.contains(SCROLLABLE_CLASS_NAME), "f");
         __classPrivateFieldSet(this, _RelativePositionController_initialMaxHeight, getComputedStyle(elementToPosition).maxHeight, "f");
         __classPrivateFieldGet(this, _RelativePositionController_host, "f").addController(this);
@@ -80,19 +82,21 @@ class RelativePositionController {
             positionElementRect,
             nearestNonStaticElementFromElementToPositionRect: __classPrivateFieldGet(this, _RelativePositionController_nearestNonStaticElementFromElementToPosition, "f").getBoundingClientRect(),
             container: __classPrivateFieldGet(this, _RelativePositionController_container, "f"),
-            shouldNotReposition
+            shouldNotReposition: shouldNotReposition || !__classPrivateFieldGet(this, _RelativePositionController_elementToPosition, "f").getAttribute('style'),
+            offset: __classPrivateFieldGet(this, _RelativePositionController_offset, "f")
         }).calculatePosition();
         this._setElementPosition(position);
         const isRepositioningDisabled = shouldNotReposition && __classPrivateFieldGet(this, _RelativePositionController_doesCurrentlyHaveShrinkMode, "f");
         if (isRepositioningDisabled)
-            return;
+            return position.calculatedSide;
         __classPrivateFieldSet(this, _RelativePositionController_calculatedDirection, position.calculatedSide, "f");
         __classPrivateFieldSet(this, _RelativePositionController_doesCurrentlyHaveShrinkMode, !!position.shrinkMode, "f");
         if (!position.shrinkMode) {
             this._disableShrinkMode();
-            return;
+            return position.calculatedSide;
         }
         this._enableShrinkMode();
+        return position.calculatedSide;
     }
     _dispatchReenabledPositioningEvent() {
         __classPrivateFieldSet(this, _RelativePositionController_hasPositioningBeenDisabled, false, "f");
@@ -151,7 +155,7 @@ class RelativePositionController {
         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_throttledReposition = new WeakMap(), _RelativePositionController_throttledRepositionForScroll = new WeakMap();
+_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();
 export { RelativePositionController };
 //# sourceMappingURL=relative_position_controller.js.map

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

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

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

@@ -1,8 +1,8 @@
-import { CALCULATOR_DIRECTIONS, DIRECTIONS } from "./relative_position_controller_constants";
 import { ReactiveController, ReactiveControllerHost } from 'lit';
 import { Any } from 'ts-toolbelt';
-export declare type TDirection = Any.Keys<typeof DIRECTIONS>;
-export declare type TCalculatorDirection = Any.Keys<typeof CALCULATOR_DIRECTIONS>;
+import { DIRECTIONS } from "./relative_position_controller_constants";
+import { TCalculatorDirection } from './relative_position_calculator_types';
+export declare type TDirection = typeof DIRECTIONS[Any.Keys<typeof DIRECTIONS>];
 export declare type TRelativePositionControllerConstructorOptions = {
     host: ReactiveControllerHost & HTMLElement;
     direction: TDirection;
@@ -11,6 +11,7 @@ export declare type TRelativePositionControllerConstructorOptions = {
     elementToPosition: HTMLElement;
     disablePositioningOnCondition?: () => boolean;
     portalElementsNames?: string[];
+    offset?: number;
 };
 export interface IRelativePositionController extends ReactiveController {
     position(): void;
@@ -24,11 +25,3 @@ export declare type TRelativePositionControllerPositionData = {
 export declare type TPartialPositionControllerPositionData = Omit<TRelativePositionControllerPositionData, 'calculatedSide'> & {
     calculatedSide: TCalculatorDirection;
 };
-export declare type TRelativePositionCalculatorConstructorOptions = {
-    direction: TDirection;
-    relativeElementRect: DOMRect;
-    positionElementRect: DOMRect;
-    nearestNonStaticElementFromElementToPositionRect: DOMRect;
-    container?: HTMLElement;
-    shouldNotReposition?: boolean;
-};

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

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

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

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

package/package.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "name": "@shoper/phoenix_design_system",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "0.22.4",
+  "version": "0.22.5",
   "description": "phoenix design system",
   "author": "zefirek",
   "license": "MIT",