@ptsecurity/mosaic 15.8.11 → 15.9.1

package/fesm2020/ptsecurity-mosaic-core.mjs

@@ -31,6 +31,7 @@ var AnimationCurves;
     AnimationCurves["DecelerationCurve"] = "cubic-bezier(0.0,0.0,0.2,1)";
     AnimationCurves["AccelerationCurve"] = "cubic-bezier(0.4,0.0,1,1)";
     AnimationCurves["SharpCurve"] = "cubic-bezier(0.4,0.0,0.6,1)";
+    AnimationCurves["EaseInOut"] = "ease-in-out";
 })(AnimationCurves || (AnimationCurves = {}));
 
 /**
@@ -2315,6 +2316,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             type: Directive
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
 
+const getOffset = ({ originX, overlayX, originY, overlayY }, { width, height }, arrowOffset) => {
+    const offset = {};
+    // tslint:disable-next-line:no-magic-numbers
+    const elementWidthHalf = width / 2;
+    // tslint:disable-next-line:no-magic-numbers
+    const elementHeightHalf = height / 2;
+    // alignment should be applied only if the element is small
+    if (arrowOffset > elementWidthHalf) {
+        const PADDING = arrowOffset - elementWidthHalf;
+        if (originX === overlayX) {
+            if (originX === 'start') {
+                offset.offsetX = -PADDING;
+            }
+            if (originX === 'end') {
+                offset.offsetX = PADDING;
+            }
+        }
+    }
+    // alignment should be applied only if the element is small
+    if (arrowOffset > elementHeightHalf) {
+        const PADDING = arrowOffset - elementHeightHalf;
+        if (originY === overlayY) {
+            if (originY === 'top') {
+                offset.offsetY = -PADDING;
+            }
+            if (originY === 'bottom') {
+                offset.offsetY = PADDING;
+            }
+        }
+    }
+    return offset;
+};
 // tslint:disable-next-line:naming-convention
 class McPopUpTrigger {
     constructor(overlay, elementRef, ngZone, scrollDispatcher, hostView, scrollStrategy, direction) {
@@ -2499,12 +2532,21 @@ class McPopUpTrigger {
         this.overlayRef = this.createOverlay();
         this.subscribeOnClosingActions();
         const position = this.overlayRef.getConfig().positionStrategy
-            .withPositions(this.getPrioritizedPositions())
+            .withPositions(this.getAdjustedPositions())
             .withPush(true);
         if (reapplyPosition) {
             setTimeout(() => position.reapplyLastPosition());
         }
     }
+    /**
+     * Returns a list of positions that are aligned with the element's dimensions and offsets.
+     */
+    getAdjustedPositions() {
+        return this.getPrioritizedPositions().map((pos) => ({
+            ...pos,
+            ...getOffset(pos, this.elementRef.nativeElement.getBoundingClientRect(), this.arrowOffset)
+        }));
+    }
     getPriorityPlacementStrategy(value) {
         const result = [];
         const possiblePositions = Object.keys(this.availablePositions);
@@ -2755,7 +2797,7 @@ const validationTooltipShowDelay = 10;
 const validationTooltipHideDelay = 3000;
 const MC_VALIDATION = new InjectionToken('McUseValidation', { factory: () => ({ useValidation: true }) });
 
-const VERSION = new Version('15.8.11+sha-a68efad');
+const VERSION = new Version('15.9.1+sha-cb6693a');
 
 /**
  * Generated bundle index. Do not edit.