@syncfusion/ej2-popups - npm Package Compare versions

Comparing version 22.2.11 to 23.1.36

CHANGELOG.md

@@ -5,10 +5,2 @@ # Changelog
 
-### Dialog
-
-#### Bug Fixes
-
-- `#I482911` - Fixed an issue where the `refreshPosition` method did not correctly append the model dialog to the intended position.
-
-## 22.2.9 (2023-08-15)
-
 ### Tooltip
@@ -18,88 +10,5 @@
 
-- `#I488643` - Resolved an issue where the Tooltip does not update properly for the canvas elements.
+- `#I498062` - The issue with the disabled arrow tip pointer has been resolved.
+- `#I494771` - Provided support to dynamically update the isSticky property value of the Tooltip component.
 
-### Tooltip
-
-#### Bug Fixes
-
-- `#I488643` - Resolved an issue where the Tooltip does not update properly for the rect and g elements.
-
-## 22.2.7 (2023-08-02)
-
-### Spinner
-
-#### Bug Fixes
-
-- `#483152` - Resolved an issue where the `cssClass` property was not able to accept multiple classes.
-
-### Dialog
-
-#### Bug Fixes
-
-- `#I483277` - Fixed a memory leak issue in the dialog component.
-
-## 22.2.5 (2023-07-27)
-
-### Tooltip
-
-#### Bug Fixes
-
-- `#I473286` - Resolved the incorrect positioning of Tooltip when page is scaled.
-
-## 22.1.38 (2023-07-11)
-
-### Tooltip
-
-#### Bug Fixes
-
-- `#I477278` - The issue, when enabling the sticky mode the Tooltip component does not stick to its target when page is scrolled has been resolved.
-
-## 22.1.36 (2023-06-28)
-
-### Tooltip
-
-#### Bug Fixes
-
-- `#I466814` - The Tooltip fit alignment issue when hovering over the last element has been resolved
-
-## 21.2.10 (2023-06-13)
-
-### Tooltip
-
-#### Bug Fixes
-
-- `#I466814` - The Tooltip alignment issue when hovering over the last element has been resolved.
-
-## 21.2.3 (2023-05-03)
-
-### Tooltip
-
-#### Bug Fixes
-
-- `#I446416` - The performance issue in ListView while integrating Tooltip has been resolved.
-
-## 21.1.41 (2023-04-18)
-
-### Tooltip
-
-#### Bug Fixes
-
-- `#I448669` - The issue in Tooltip component while hovering the previous selected item has been resolved.
-
-### Spinner
-
-#### Bug Fixes
-
-- `#I448112` - Now, able to change the Spinner template dynamically.
-
-- `I449008` - Now, Spinner actions on parent element not affecting the child element spinner.
-
-## 21.1.37 (2023-03-29)
-
-### Dialog
-
-#### Bug Fixes
-
-- `#I446985` - Now, while using the NVDA screen reader, the entire dialog elements will not be read twice.
-
 ## 21.1.35 (2023-03-23)
@@ -106,0 +15,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 22.2.11
+*  version : 23.1.36
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-popups@*",
-  "_id": "@syncfusion/ej2-popups@22.2.9",
+  "_id": "@syncfusion/ej2-popups@21.6.0",
   "_inBundle": false,
-  "_integrity": "sha512-/g2rGTyXEejzC/FTPYqtuqLTnLuPPA6/N0XWbLGhLCAstzsWd26mAswvxlchopv1+4AbW9EMAnk7f2e6ijMyEA==",
+  "_integrity": "sha512-KDx7/RK6zpYAeKbapTCmAvpmYKbKbFSUEPC/d5BqOVzLYSazlKYmZnbplvCwnubD5Fff2P6iKE1EdvqPoBwXJQ==",
   "_location": "/@syncfusion/ej2-popups",
@@ -46,6 +46,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-popups/-/ej2-popups-22.2.9.tgz",
-  "_shasum": "e1d0b54de759a8ac4f149abf422c65368fb882b3",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-popups/-/ej2-popups-21.6.0.tgz",
+  "_shasum": "94188dbcabe52528d34eed967202e5fd47a08e1a",
   "_spec": "@syncfusion/ej2-popups@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -59,4 +59,4 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.10",
-    "@syncfusion/ej2-buttons": "~22.2.9"
+    "@syncfusion/ej2-base": "~23.1.36",
+    "@syncfusion/ej2-buttons": "~23.1.36"
   },
@@ -96,4 +96,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "22.2.11",
+  "version": "23.1.36",
   "sideEffects": false
 }

src/common/collision.js

@@ -28,11 +28,6 @@ /**
     }
-    var zoomingFactor = 1;
-    var parentWithZoomStyle = element.closest('[style*="zoom"]');
-    if (parentWithZoomStyle) {
-        zoomingFactor = parseFloat(getComputedStyle(parentWithZoomStyle).zoom);
-    }
     if (axis.X) {
         var containerWidth = targetContainer ? getTargetContainerWidth() : getViewPortWidth();
-        var containerLeft = ContainerLeft() / zoomingFactor;
-        var containerRight = ContainerRight() / zoomingFactor;
+        var containerLeft = ContainerLeft();
+        var containerRight = ContainerRight();
         var overLeft = containerLeft - position.left;
@@ -60,4 +55,4 @@ var overRight = position.left + elemData.width - containerRight;
         var containerHeight = targetContainer ? getTargetContainerHeight() : getViewPortHeight();
-        var containerTop = ContainerTop() / zoomingFactor;
-        var containerBottom = ContainerBottom() / zoomingFactor;
+        var containerTop = ContainerTop();
+        var containerBottom = ContainerBottom();
         var overTop = containerTop - position.top;
@@ -64,0 +59,0 @@ var overBottom = position.top + elemData.height - containerBottom;

src/dialog/dialog-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, Property, Event, Collection, L10n, EmitType, Complex, compile, createElement } from '@syncfusion/ej2-base';import { addClass, removeClass, detach, attributes, prepend, setStyleAttribute } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, ChildProperty, isBlazor } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, append, EventHandler, Draggable, extend } from '@syncfusion/ej2-base';import { BlazorDragEventArgs, SanitizeHtmlHelper, Browser } from '@syncfusion/ej2-base';import { Button, ButtonModel } from '@syncfusion/ej2-buttons';import { Popup, PositionData, getZindexPartial } from '../popup/popup';import { PositionDataModel } from '../popup/popup-model';import { createResize, removeResize, setMinHeight, setMaxWidth, setMaxHeight } from '../common/resize';
+import { Component, Property, Event, Collection, L10n, EmitType, Complex, compile, createElement, animationMode } from '@syncfusion/ej2-base';import { addClass, removeClass, detach, attributes, prepend, setStyleAttribute } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, ChildProperty, isBlazor } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, append, EventHandler, Draggable, extend } from '@syncfusion/ej2-base';import { BlazorDragEventArgs, SanitizeHtmlHelper, Browser } from '@syncfusion/ej2-base';import { Button, ButtonModel } from '@syncfusion/ej2-buttons';import { Popup, PositionData, getZindexPartial } from '../popup/popup';import { PositionDataModel } from '../popup/popup-model';import { createResize, removeResize, setMinHeight, setMaxWidth, setMaxHeight } from '../common/resize';
 import {ButtonType,DialogEffect,ResizeDirections,BeforeSanitizeHtmlArgs,BeforeOpenEventArgs,OpenEventArgs,BeforeCloseEventArgs,CloseEventArgs} from "./dialog";
@@ -3,0 +3,0 @@ import {ComponentModel} from '@syncfusion/ej2-base';

src/tooltip/tooltip-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, Property, ChildProperty, Event, BaseEventArgs, append, compile } from '@syncfusion/ej2-base';import { EventHandler, EmitType, Touch, TapEventArgs, Browser, Animation as PopupAnimation } from '@syncfusion/ej2-base';import { isNullOrUndefined, getUniqueID, formatUnit, select, selectAll } from '@syncfusion/ej2-base';import { attributes, closest, removeClass, addClass, remove } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, Complex, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { Popup } from '../popup/popup';import { OffsetPosition, calculatePosition } from '../common/position';import { isCollide, fit } from '../common/collision';
+import { Component, Property, ChildProperty, Event, BaseEventArgs, append, compile } from '@syncfusion/ej2-base';import { EventHandler, EmitType, Touch, TapEventArgs, Browser, Animation as PopupAnimation, animationMode } from '@syncfusion/ej2-base';import { isNullOrUndefined, getUniqueID, formatUnit, select, selectAll } from '@syncfusion/ej2-base';import { attributes, closest, removeClass, addClass, remove } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, Complex, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { Popup } from '../popup/popup';import { OffsetPosition, calculatePosition } from '../common/position';import { isCollide, fit } from '../common/collision';
 import {TooltipAnimationSettings,Position,TipPointerPosition,TooltipEventArgs} from "./tooltip";
@@ -3,0 +3,0 @@ import {ComponentModel} from '@syncfusion/ej2-base';

src/tooltip/tooltip.js

@@ -21,3 +21,3 @@ var __extends = (this && this.__extends) || (function () {
 import { Component, Property, ChildProperty, Event, append, compile } from '@syncfusion/ej2-base';
-import { EventHandler, Touch, Browser, Animation as PopupAnimation } from '@syncfusion/ej2-base';
+import { EventHandler, Touch, Browser, Animation as PopupAnimation, animationMode } from '@syncfusion/ej2-base';
 import { isNullOrUndefined, getUniqueID, formatUnit, select, selectAll } from '@syncfusion/ej2-base';
@@ -145,10 +145,16 @@ import { attributes, closest, removeClass, addClass, remove } from '@syncfusion/ej2-base';
     };
-    Tooltip.prototype.getScalingFactor = function () {
-        var eleRect = this.tooltipEle.getBoundingClientRect();
-        var xScalingFactor = (Math.round(eleRect.width) / this.tooltipEle.offsetWidth) || 1;
-        var yScalingFactor = (Math.round(eleRect.height) / this.tooltipEle.offsetHeight) || 1;
-        return {
-            x: isFinite(xScalingFactor) ? xScalingFactor : 1,
-            y: isFinite(yScalingFactor) ? yScalingFactor : 1
-        };
+    Tooltip.prototype.getScalingFactor = function (target) {
+        if (!target) {
+            return { x: 1, y: 1 };
+        }
+        var scalingFactors = { x: 1, y: 1 };
+        var elementsWithTransform = target.closest('[style*="transform: scale"]');
+        if (elementsWithTransform && elementsWithTransform != this.tooltipEle && elementsWithTransform.contains(this.tooltipEle)) {
+            var computedStyle = window.getComputedStyle(elementsWithTransform);
+            var transformValue = computedStyle.getPropertyValue("transform");
+            var matrixValues = transformValue.match(/matrix\(([^)]+)\)/)[1].split(",").map(parseFloat);
+            scalingFactors.x = matrixValues[0];
+            scalingFactors.y = matrixValues[3];
+        }
+        return scalingFactors;
     };
@@ -164,3 +170,3 @@ Tooltip.prototype.getTooltipPosition = function (target) {
         var pos = calculatePosition(target, this.tooltipPositionX, this.tooltipPositionY, !this.isBodyContainer, this.isBodyContainer ? null : this.containerElement.getBoundingClientRect());
-        var scalingFactors = this.getScalingFactor();
+        var scalingFactors = this.getScalingFactor(target);
         var offsetPos = this.calculateTooltipOffset(this.position, scalingFactors.x, scalingFactors.y);
@@ -382,15 +388,12 @@ var collisionPosition = this.calculateElementPosition(pos, offsetPos);
                 }
-                var tempFunction = compile(this.content);
-                var tempArr = tempFunction({}, this, 'content', this.element.id + 'content', undefined, undefined, tooltipContent);
-                if (tempArr) {
-                    if (this.enableHtmlParse) {
-                        var nodeList = tempArr.length;
-                        for (var i = 0; i < nodeList; i++) {
-                            tooltipContent[append(tempArr, tooltipContent), 'innerHTML'] = this.content;
-                        }
+                if (this.enableHtmlParse) {
+                    var tempFunction = compile(this.content);
+                    var tempArr = tempFunction({}, this, 'content', this.element.id + 'content', undefined, undefined, tooltipContent, this.root);
+                    if (tempArr) {
+                        append(tempArr, tooltipContent);
                     }
-                    else {
-                        tooltipContent['textContent'] = this.content;
-                    }
                 }
+                else {
+                    tooltipContent['textContent'] = this.content;
+                }
             }
@@ -414,2 +417,6 @@ else {
         if (!this.isSticky) {
+            var existingCloseIcon = this.tooltipEle.querySelector('.' + ICON + '.' + CLOSE);
+            if (existingCloseIcon) {
+                remove(existingCloseIcon);
+            }
             return;
@@ -615,3 +622,3 @@ }
             var openAnimation_1 = {
-                name: showAnimation.effect,
+                name: (showAnimation.effect === 'None' && animationMode === 'Enable') ? 'FadeIn' : this.animation.open.effect,
                 duration: showAnimation.duration,
@@ -706,3 +713,3 @@ delay: showAnimation.delay,
                 this.adjustArrow(target, newpos, elePosHorizontal, elePosVertical);
-                var scalingFactors = this.getScalingFactor();
+                var scalingFactors = this.getScalingFactor(target);
                 var offsetPos = this.calculateTooltipOffset(newpos, scalingFactors.x, scalingFactors.y);
@@ -796,3 +803,3 @@ offsetPos.top -= this.getOffSetPosition('TopBottom', newpos, this.offsetY);
         var closeAnimation = {
-            name: hideAnimation.effect,
+            name: (hideAnimation.effect === 'None' && animationMode === 'Enable') ? 'FadeOut' : this.animation.close.effect,
             duration: hideAnimation.duration,
@@ -886,3 +893,3 @@ delay: hideAnimation.delay,
         this.adjustArrow(event.target, this.position, this.tooltipPositionX, this.tooltipPositionY);
-        var scalingFactors = this.getScalingFactor();
+        var scalingFactors = this.getScalingFactor(event.target);
         var pos = this.calculateTooltipOffset(this.position, scalingFactors.x, scalingFactors.y);
@@ -1178,3 +1185,5 @@ var x = eventPageX + pos.left + this.offsetX;
                         var arrowInnerELe = select('.' + ARROW_TIP_INNER, this.tooltipEle);
-                        arrowInnerELe.style.top = arrowInnerELe.style.left = null;
+                        if (arrowInnerELe) {
+                            arrowInnerELe.style.top = arrowInnerELe.style.left = null;
+                        }
                         this.reposition(targetElement);
@@ -1220,2 +1229,8 @@ }
                     break;
+                case 'isSticky':
+                    if (this.tooltipEle && targetElement) {
+                        this.renderCloseIcon();
+                        this.reposition(targetElement);
+                    }
+                    break;
                 case 'container':
@@ -1222,0 +1237,0 @@ if (!isNullOrUndefined(this.containerElement)) {

No alert changes

Improved metrics

Total package byte prevSize

3781213

increased by0.15%

Worsened metrics

Lines of code

54198

Dependency changes

• + Added@syncfusion/ej2-base@23.1.43(transitive)

• + Added@syncfusion/ej2-buttons@23.1.43(transitive)

• + Added@syncfusion/ej2-icons@23.1.36(transitive)

• - Removed@syncfusion/ej2-base@22.2.12(transitive)

• - Removed@syncfusion/ej2-buttons@22.2.9(transitive)

• - Removed@syncfusion/ej2-icons@22.2.5(transitive)

• Updated@syncfusion/ej2-base@~23.1.36

• Updated@syncfusion/ej2-buttons@~23.1.36