@ptsecurity/mosaic 15.8.10 → 15.9.0

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 = {}));
 
 /**
@@ -514,7 +515,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
 
 const enUSLocaleData = {
     'en-US': {
-        select: { hiddenItemsText: 'one more' },
+        select: { hiddenItemsText: '{{ number }} more' },
         datepicker: {
             placeholder: 'dd/mm/yyyy'
         },
@@ -535,7 +536,7 @@ const enUSLocaleData = {
 
 const esLALocaleData = {
     'es-LA': {
-        select: { hiddenItemsText: 'más' },
+        select: { hiddenItemsText: '{{ number }} más' },
         datepicker: {
             placeholder: 'dd/mm/aaaa'
         },
@@ -562,7 +563,7 @@ const esLALocaleData = {
 
 const faIRLocaleData = {
     'fa-IR': {
-        select: { hiddenItemsText: 'أكثر' },
+        select: { hiddenItemsText: '{{ number }} بیشتر' },
         datepicker: {
             placeholder: 'روز/ ماه/سال'
         },
@@ -590,7 +591,7 @@ const faIRLocaleData = {
 
 const ptBRLocaleData = {
     'pt-BR': {
-        select: { hiddenItemsText: 'mais' },
+        select: { hiddenItemsText: '{{ number }} mais' },
         datepicker: {
             placeholder: 'dd/mm/yyyy'
         },
@@ -617,7 +618,7 @@ const ptBRLocaleData = {
 
 const ruRULocaleData = {
     'ru-RU': {
-        select: { hiddenItemsText: 'еще' },
+        select: { hiddenItemsText: 'еще {{ number }}' },
         datepicker: {
             placeholder: 'дд.мм.гггг'
         },
@@ -701,7 +702,7 @@ const tkTMLocaleData = {
 
 const znCNLocaleData = {
     'zh-CN': {
-        select: { hiddenItemsText: '更多的' },
+        select: { hiddenItemsText: '另外 {{ number }} 个' },
         datepicker: {
             placeholder: '年/月/日'
         },
@@ -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.10+sha-e38d354');
+const VERSION = new Version('15.9.0+sha-463b2be');
 
 /**
  * Generated bundle index. Do not edit.