@syncfusion/ej2-popups - npm Package Compare versions

Comparing version 20.1.57 to 20.1.58-106983

CHANGELOG.md

@@ -5,2 +5,104 @@ # Changelog
 
+## 20.3.60 (2022-12-06)
+
+### Dialog
+
+#### Bug Fixes
+
+- `#I420756` - Now, the z-index value calculation will function properly when you have multiple dialog elements on the same page.
+
+## 20.3.59 (2022-11-29)
+
+### Dialog
+
+#### Bug Fixes
+
+- `#I415699` - Now, the `DialogUtility` position property works properly when X coordinates are passed as strings and Y coordinates are passed as numbers.
+
+- `#I420058` - Now, the  Dialog Close icon Button top and left position values are equal.
+
+## 20.3.58 (2022-11-22)
+
+### Tooltip
+
+#### Bug Fixes
+
+- `#I415386` - The Tooltip not shown for dynamically added target while pressing Tab key has been resolved.
+
+## 20.3.56 (2022-11-08)
+
+### Tooltip
+
+#### Bug Fixes
+
+- `#F177524` - The script error "When setting `opensOn` as `Click` with a dynamic content in the React Tooltip component" has been resolved.
+
+## 20.3.50 (2022-10-18)
+
+### Dialog
+
+#### Bug Fixes
+
+- `#I400881` - Now, When you set a secondary font color in the bootstrap 5 theme using the theme studio, the changes will be reflected for the Dialog Cancel button.
+
+## 20.3.49 (2022-10-11)
+
+### Tooltip
+
+#### Bug Fixes
+
+- `#I397894` - The issue with "when using custom template variant the anchor that triggers the tooltip when hover is unable to receive keyboard focus" has been resolved.
+
+## 20.3.48 (2022-10-05)
+
+### Dialog
+
+#### Bug Fixes
+
+- `#I387601` - Now, when you call the destroy method to destroy the Dialog control, it properly destroys the close icons instance.
+
+## 20.2.49 (2022-09-13)
+
+### Dialog
+
+#### Bug Fixes
+
+- `#I401514` - Now, when we begin to drag the Utility Dialog, it does not move to the left side.
+
+## 20.2.45 (2022-08-23)
+
+### Tooltip
+
+#### Bug Fixes
+
+- `#I395530` - Issue with 'Unable to set a break within the content of the Tooltip component in order to render text in multiple lines' has been resolved.
+
+## 20.2.40 (2022-07-26)
+
+### Dialog
+
+#### Bug Fixes
+
+- `#I393351` - Now, the drag action for the dialog content area is prevented.
+
+## 20.2.39 (2022-07-19)
+
+### Dialog
+
+#### Bug Fixes
+
+- `#FB35757` - Now, the issue with Content Security Policy is resolved when pasting the contents into the Rich Text Editor.
+
+- `#F175969` - Now, the dragging working properly when dynamically set the dialog header.
+
+- `#FB36339` - Now, the issue with dialog templates not rendered properly is resolved.
+
+## 20.1.58 (2022-05-31)
+
+### Popup
+
+#### Bug Fixes
+
+- `#I376806` - Now, the drop down list popup will close properly even after interaction with more than one drop down component.
+
 ## 19.4.38 (2021-12-17)
@@ -7,0 +109,0 @@

dist/global/index.d.ts

@@ -1,10 +0,1 @@
-/*!
-*  filename: index.d.ts
-*  version : 20.1.57
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  [e-mail]. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _popups from '@syncfusion/ej2-popups';
@@ -11,0 +2,0 @@

helpers/e2e/dialog-helper.js

@@ -1,67 +0,83 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-class DialogHelper extends e2e_1.TestHelper {
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var DialogHelper = /** @class */ (function (_super) {
+        __extends(DialogHelper, _super);
+        function DialogHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    /**
-     * The method which returns Dialog control's root element.
-     */
-    getDialog() {
-        return this.selector('#' + this.id);
-    }
-    /**
-     * The method which returns content container of the Dialog control.
-     */
-    getContentElement() {
-        return this.selector('#' + this.id + ' div.e-dlg-content');
-    }
-    /**
-     * The method which returns header container of the Dialog control.
-     */
-    getHeaderElement() {
-        return this.selector('#' + this.id + ' div.e-dlg-header-content');
-    }
-    /**
-     * The method which returns footer buttons of the Dialog control.
-     */
-    getFooterButtons() {
-        return this.selector('#' + this.id + ' div.e-footer-content .e-btn');
-    }
-    /**
-     * The method which returns close icon's button of the Dialog control.
-     */
-    getCloseButton() {
-        return this.selector('#' + this.id + ' div.e-dlg-header-content .e-dlg-closeicon-btn');
-    }
-    /**
-     * The getModel method is used to return value of the property.
-     * @param property - Specifies name of the property. It must be string type.
-     */
-    getModel(property) {
-        this.getModel(property);
-    }
-    /**
-     * The setModel method is used to set value for the property. It will accepts two arguments.
-     * @param property - Specifices name of the property which value is to be updated.
-     * @param value - Specifies corresponding value of the property.
-     */
-    setModel(property, value) {
-        this.setModel(property, value);
-    }
-    /**
-     * The invoke method is used to access the public methods available in Dialog control.
-     * @param fName - Specifies method name of the Dialog control. It must be string type.
-     * @param args - Specifies arguments. This is optional.
-     */
-    invoke(fName, args) {
-        this.invoke(fName, args);
-    }
-}
-exports.DialogHelper = DialogHelper;
+        /**
+         * The method which returns Dialog control's root element.
+         */
+        DialogHelper.prototype.getDialog = function () {
+            return this.selector('#' + this.id);
+        };
+        /**
+         * The method which returns content container of the Dialog control.
+         */
+        DialogHelper.prototype.getContentElement = function () {
+            return this.selector('#' + this.id + ' div.e-dlg-content');
+        };
+        /**
+         * The method which returns header container of the Dialog control.
+         */
+        DialogHelper.prototype.getHeaderElement = function () {
+            return this.selector('#' + this.id + ' div.e-dlg-header-content');
+        };
+        /**
+         * The method which returns footer buttons of the Dialog control.
+         */
+        DialogHelper.prototype.getFooterButtons = function () {
+            return this.selector('#' + this.id + ' div.e-footer-content .e-btn');
+        };
+        /**
+         * The method which returns close icon's button of the Dialog control.
+         */
+        DialogHelper.prototype.getCloseButton = function () {
+            return this.selector('#' + this.id + ' div.e-dlg-header-content .e-dlg-closeicon-btn');
+        };
+        /**
+         * The getModel method is used to return value of the property.
+         * @param property - Specifies name of the property. It must be string type.
+         */
+        DialogHelper.prototype.getModel = function (property) {
+            this.getModel(property);
+        };
+        /**
+         * The setModel method is used to set value for the property. It will accepts two arguments.
+         * @param property - Specifices name of the property which value is to be updated.
+         * @param value - Specifies corresponding value of the property.
+         */
+        DialogHelper.prototype.setModel = function (property, value) {
+            this.setModel(property, value);
+        };
+        /**
+         * The invoke method is used to access the public methods available in Dialog control.
+         * @param fName - Specifies method name of the Dialog control. It must be string type.
+         * @param args - Specifies arguments. This is optional.
+         */
+        DialogHelper.prototype.invoke = function (fName, args) {
+            this.invoke(fName, args);
+        };
+        return DialogHelper;
+    }(e2e_1.TestHelper));
+    exports.DialogHelper = DialogHelper;
+});

helpers/e2e/index.js

@@ -1,8 +0,10 @@
-"use strict";
-function __export(m) {
-    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
-}
-Object.defineProperty(exports, "__esModule", { value: true });
-__export(require("./spinner-helper"));
-__export(require("./dialog-helper"));
-__export(require("./tooltip"));
+define(["require", "exports", "./spinner-helper", "./dialog-helper", "./tooltip"], function (require, exports, spinner_helper_1, dialog_helper_1, tooltip_1) {
+    "use strict";
+    function __export(m) {
+        for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+    }
+    Object.defineProperty(exports, "__esModule", { value: true });
+    __export(spinner_helper_1);
+    __export(dialog_helper_1);
+    __export(tooltip_1);
+});

helpers/e2e/spinner-helper.js

@@ -1,55 +0,71 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-class SpinnerHelper extends e2e_1.TestHelper {
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var SpinnerHelper = /** @class */ (function (_super) {
+        __extends(SpinnerHelper, _super);
+        function SpinnerHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    /**
-     * The method which returns target element of the Spinner control.
-     */
-    getSpinner() {
-        return this.selector('#' + this.id);
-    }
-    /**
-     * The getSpinnerPane method which returns wrapper element of the Spinner control.
-     */
-    getSpinnerPane() {
-        return this.selector('#' + this.id + ' div.e-spinner-pane');
-    }
-    /**
-     * The method which returns Spinner image.
-     */
-    getSpinnerImage() {
-        return this.selector('#' + this.id + ' div.e-spinner-pane .e-spinner-inner svg');
-    }
-    /**
-     * The getModel method is used to return value of the property.
-     * @param property - Specifies name of the property. It must be string type.
-     */
-    getModel(property) {
-        this.getModel(property);
-    }
-    /**
-     * The setModel method is used to set value for the property. It will accepts two arguments.
-     * @param property - Specifices name of the property which value is to be updated.
-     * @param value - Specifies corresponding value of the property.
-     */
-    setModel(property, value) {
-        this.setModel(property, value);
-    }
-    /**
-     * The invoke method is used to access the public methods available in Spinner control.
-     * @param fName - Specifies method name of the Spinner control. It must be string type.
-     * @param args - Specifies arguments. This is optional.
-     */
-    invoke(fName, args) {
-        this.invoke(fName, args);
-    }
-}
-exports.SpinnerHelper = SpinnerHelper;
+        /**
+         * The method which returns target element of the Spinner control.
+         */
+        SpinnerHelper.prototype.getSpinner = function () {
+            return this.selector('#' + this.id);
+        };
+        /**
+         * The getSpinnerPane method which returns wrapper element of the Spinner control.
+         */
+        SpinnerHelper.prototype.getSpinnerPane = function () {
+            return this.selector('#' + this.id + ' div.e-spinner-pane');
+        };
+        /**
+         * The method which returns Spinner image.
+         */
+        SpinnerHelper.prototype.getSpinnerImage = function () {
+            return this.selector('#' + this.id + ' div.e-spinner-pane .e-spinner-inner svg');
+        };
+        /**
+         * The getModel method is used to return value of the property.
+         * @param property - Specifies name of the property. It must be string type.
+         */
+        SpinnerHelper.prototype.getModel = function (property) {
+            this.getModel(property);
+        };
+        /**
+         * The setModel method is used to set value for the property. It will accepts two arguments.
+         * @param property - Specifices name of the property which value is to be updated.
+         * @param value - Specifies corresponding value of the property.
+         */
+        SpinnerHelper.prototype.setModel = function (property, value) {
+            this.setModel(property, value);
+        };
+        /**
+         * The invoke method is used to access the public methods available in Spinner control.
+         * @param fName - Specifies method name of the Spinner control. It must be string type.
+         * @param args - Specifies arguments. This is optional.
+         */
+        SpinnerHelper.prototype.invoke = function (fName, args) {
+            this.invoke(fName, args);
+        };
+        return SpinnerHelper;
+    }(e2e_1.TestHelper));
+    exports.SpinnerHelper = SpinnerHelper;
+});

helpers/e2e/tooltip.js

@@ -1,41 +0,57 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-/**
- * E2E test helpers for Tooltip to easily interact and the test the component
- */
-class TooltipHelper extends e2e_1.TestHelper {
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
     /**
-     * Initialize the Tooltip E2E helpers
-     * @param id Element id of the tooltip element
-     * @param wrapperFn Pass the wrapper function
+     * E2E test helpers for Tooltip to easily interact and the test the component
      */
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+    var TooltipHelper = /** @class */ (function (_super) {
+        __extends(TooltipHelper, _super);
+        /**
+         * Initialize the Tooltip E2E helpers
+         * @param id Element id of the tooltip element
+         * @param wrapperFn Pass the wrapper function
+         */
+        function TooltipHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    /**
-     * Used to get root element of the Tooltip component
-     */
-    getElement() {
-        return this.selector('#' + this.id);
-    }
-    /**
-     * Used to get the opened tooltip popup element
-     */
-    getTooltipPopup() {
-        return this.selector(`[id^="${this.id}_"]`);
-    }
-    /**
-     * Used to get the opened tooltip close button.
-     * Works only when `isSticky` is enabled
-     */
-    getTooltipPopupCloseButton() {
-        return this.selector(`[id^="${this.id}_"] > div.e-icons.e-tooltip-close`);
-    }
-}
-exports.TooltipHelper = TooltipHelper;
+        /**
+         * Used to get root element of the Tooltip component
+         */
+        TooltipHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        /**
+         * Used to get the opened tooltip popup element
+         */
+        TooltipHelper.prototype.getTooltipPopup = function () {
+            return this.selector("[id^=\"" + this.id + "_\"]");
+        };
+        /**
+         * Used to get the opened tooltip close button.
+         * Works only when `isSticky` is enabled
+         */
+        TooltipHelper.prototype.getTooltipPopupCloseButton = function () {
+            return this.selector("[id^=\"" + this.id + "_\"] > div.e-icons.e-tooltip-close");
+        };
+        return TooltipHelper;
+    }(e2e_1.TestHelper));
+    exports.TooltipHelper = TooltipHelper;
+});

package.json

 {
-  "_from": "@syncfusion/ej2-popups@*",
-  "_id": "@syncfusion/ej2-popups@20.1.55",
-  "_inBundle": false,
-  "_integrity": "sha512-V2ANoQ8x0J2w6uAqVXyx8PqvaMDtuEYQLDvRDuYPhPcWOukx39r+Wtkk+hPtax42bGT3v5A/tVKx2NYgyB7Qzg==",
-  "_location": "/@syncfusion/ej2-popups",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-popups@*",
-    "name": "@syncfusion/ej2-popups",
-    "escapedName": "@syncfusion%2fej2-popups",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-popups",
-    "/@syncfusion/ej2-calendars",
-    "/@syncfusion/ej2-diagrams",
-    "/@syncfusion/ej2-documenteditor",
-    "/@syncfusion/ej2-dropdowns",
-    "/@syncfusion/ej2-filemanager",
-    "/@syncfusion/ej2-gantt",
-    "/@syncfusion/ej2-grids",
-    "/@syncfusion/ej2-inplace-editor",
-    "/@syncfusion/ej2-inputs",
-    "/@syncfusion/ej2-kanban",
-    "/@syncfusion/ej2-navigations",
-    "/@syncfusion/ej2-notifications",
-    "/@syncfusion/ej2-pdfviewer",
-    "/@syncfusion/ej2-pivotview",
-    "/@syncfusion/ej2-react-popups",
-    "/@syncfusion/ej2-richtexteditor",
-    "/@syncfusion/ej2-schedule",
-    "/@syncfusion/ej2-splitbuttons",
-    "/@syncfusion/ej2-treegrid",
-    "/@syncfusion/ej2-vue-popups"
-  ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-popups/-/ej2-popups-20.1.55.tgz",
-  "_shasum": "47bca08d579f8c8ca51b1976fbc0915166cc4aca",
-  "_spec": "@syncfusion/ej2-popups@*",
-  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
-  },
-  "bundleDependencies": false,
-  "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.56",
-    "@syncfusion/ej2-buttons": "~20.1.55"
-  },
-  "deprecated": false,
-  "description": "A package of Essential JS 2 popup components such as Dialog and Tooltip that is used to display information or messages in separate pop-ups.",
-  "devDependencies": {},
-  "es2015": "./dist/es6/ej2-popups.es2015.js",
-  "homepage": "https://github.com/syncfusion/ej2-javascript-ui-controls#readme",
-  "keywords": [
-    "ej2",
-    "syncfusion",
-    "web-components",
-    "javascript",
-    "typescript",
-    "dialog",
-    "modal",
-    "popup",
-    "alert",
-    "tooltip",
-    "hint",
-    "spinner",
-    "waiting-popup",
-    "loading-indicator",
-    "loader",
-    "busy-indicator",
-    "waitingfor-loader"
-  ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-popups.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-popups",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
-  },
-  "typings": "index.d.ts",
-  "version": "20.1.57",
-  "sideEffects": false
-}
+	"_from": "@syncfusion/ej2-popups@*",
+	"_id": "@syncfusion/ej2-popups@20.1.55",
+	"_inBundle": false,
+	"_integrity": "sha512-V2ANoQ8x0J2w6uAqVXyx8PqvaMDtuEYQLDvRDuYPhPcWOukx39r+Wtkk+hPtax42bGT3v5A/tVKx2NYgyB7Qzg==",
+	"_location": "/@syncfusion/ej2-popups",
+	"_phantomChildren": {},
+	"_requested": {
+	  "type": "range",
+	  "registry": true,
+	  "raw": "@syncfusion/ej2-popups@*",
+	  "name": "@syncfusion/ej2-popups",
+	  "escapedName": "@syncfusion%2fej2-popups",
+	  "scope": "@syncfusion",
+	  "rawSpec": "*",
+	  "saveSpec": null,
+	  "fetchSpec": "*"
+	},
+	"_requiredBy": [
+	  "/",
+	  "/@syncfusion/ej2",
+	  "/@syncfusion/ej2-angular-popups",
+	  "/@syncfusion/ej2-calendars",
+	  "/@syncfusion/ej2-diagrams",
+	  "/@syncfusion/ej2-documenteditor",
+	  "/@syncfusion/ej2-dropdowns",
+	  "/@syncfusion/ej2-filemanager",
+	  "/@syncfusion/ej2-gantt",
+	  "/@syncfusion/ej2-grids",
+	  "/@syncfusion/ej2-inplace-editor",
+	  "/@syncfusion/ej2-inputs",
+	  "/@syncfusion/ej2-kanban",
+	  "/@syncfusion/ej2-navigations",
+	  "/@syncfusion/ej2-notifications",
+	  "/@syncfusion/ej2-pdfviewer",
+	  "/@syncfusion/ej2-pivotview",
+	  "/@syncfusion/ej2-react-popups",
+	  "/@syncfusion/ej2-richtexteditor",
+	  "/@syncfusion/ej2-schedule",
+	  "/@syncfusion/ej2-splitbuttons",
+	  "/@syncfusion/ej2-treegrid",
+	  "/@syncfusion/ej2-vue-popups"
+	],
+	"_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-popups/-/ej2-popups-20.1.55.tgz",
+	"_shasum": "47bca08d579f8c8ca51b1976fbc0915166cc4aca",
+	"_spec": "@syncfusion/ej2-popups@*",
+	"_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
+	"author": {
+	  "name": "Syncfusion Inc."
+	},
+	"bugs": {
+	  "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
+	},
+	"bundleDependencies": false,
+	"dependencies": {
+		"@syncfusion/ej2-base": "~20.1.57",
+		"@syncfusion/ej2-buttons": "~20.1.55"
+	},
+	"deprecated": false,
+	"description": "A package of Essential JS 2 popup components such as Dialog and Tooltip that is used to display information or messages in separate pop-ups.",
+	"devDependencies": {},
+	"es2015": "./dist/es6/ej2-popups.es2015.js",
+	"homepage": "https://github.com/syncfusion/ej2-javascript-ui-controls#readme",
+	"keywords": [
+	  "ej2",
+	  "syncfusion",
+	  "web-components",
+	  "javascript",
+	  "typescript",
+	  "dialog",
+	  "modal",
+	  "popup",
+	  "alert",
+	  "tooltip",
+	  "hint",
+	  "spinner",
+	  "waiting-popup",
+	  "loading-indicator",
+	  "loader",
+	  "busy-indicator",
+	  "waitingfor-loader"
+	],
+	"license": "SEE LICENSE IN license",
+	"main": "./dist/ej2-popups.umd.min.js",
+	"module": "./index.js",
+	"name": "@syncfusion/ej2-popups",
+	"repository": {
+	  "type": "git",
+	  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
+	},
+	"typings": "index.d.ts",
+	"version": "20.1.58-106983",
+	"sideEffects": false
+  }

README.md

@@ -91,2 +91,2 @@ # ej2-popups
 
-© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+© Copyright 2019 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

src/dialog/dialog-model.d.ts

@@ -282,5 +282,5 @@ 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';
      * * `Y value`: top, center, bottom, or offset value.
-     * 
+     *
      * > More information on the positioning in dialog can be found on this [documentation](../../dialog/getting-started/#positioning)  section.
-     * 
+     *
      * {% codeBlock src='dialog/position/index.md' %}{% endcodeBlock %}
@@ -287,0 +287,0 @@ *

src/dialog/dialog.d.ts

@@ -148,3 +148,3 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
      * @blazorType string
-
+     * @deprecated
      */
@@ -178,3 +178,3 @@ target?: HTMLElement | string;
      * @blazorType string
-
+     * @deprecated
      */
@@ -350,2 +350,3 @@ target?: HTMLElement | string;
     private dialogOpen;
+    private isVue;
     private initialRender;
@@ -648,2 +649,3 @@ private innerContentElement;
     destroyed: EmitType<Event>;
+    protected needsID: boolean;
     constructor(options?: DialogModel, element?: string | HTMLElement);
@@ -657,2 +659,3 @@ /**
     render(): void;
+    private initializeValue;
     /**
@@ -868,2 +871,4 @@ *Initialize the event handler
     close?: EmitType<Object>;
+    width?: string | number;
+    height?: string | number;
 }
@@ -888,2 +893,4 @@ /**
     close?: EmitType<Object>;
+    width?: string | number;
+    height?: string | number;
 }
@@ -890,0 +897,0 @@ interface DialogDimension {

src/popup/popup.d.ts

@@ -182,2 +182,3 @@ import { ChildProperty } from '@syncfusion/ej2-base';
     constructor(element?: HTMLElement, options?: PopupModel);
+    private fmDialogContainer;
     /**
@@ -184,0 +185,0 @@ * Called internally if any of the property value changed.

src/popup/popup.js

@@ -153,4 +153,6 @@ var __extends = (this && this.__extends) || (function () {
     Popup.prototype.destroy = function () {
+        if (this.element.classList.contains('e-popup-open')) {
+            this.unwireEvents();
+        }
         this.element.classList.remove(CLASSNAMES.ROOT, CLASSNAMES.RTL, CLASSNAMES.OPEN, CLASSNAMES.CLOSE);
-        this.unwireEvents();
         _super.prototype.destroy.call(this);
@@ -559,3 +561,7 @@ };
         var _this = this;
+        this.fmDialogContainer = this.element.getElementsByClassName('e-file-select-wrap')[0];
         this.wireEvents();
+        if (this.fmDialogContainer && Browser.isIos) {
+            this.fmDialogContainer.style.display = 'block';
+        }
         if (this.zIndex === 1000 || !isNullOrUndefined(relativeElement)) {
@@ -636,3 +642,4 @@ var zIndexElement = (isNullOrUndefined(relativeElement)) ? this.element : relativeElement;
             var parentStyle = getComputedStyle(parent);
-            if (parentStyle.position === 'fixed' && !isNullOrUndefined(this.element) && this.element.offsetParent && this.element.offsetParent.tagName === 'BODY') {
+            if (parentStyle.position === 'fixed' && !isNullOrUndefined(this.element) && this.element.offsetParent &&
+                this.element.offsetParent.tagName === 'BODY') {
                 this.element.style.top = window.scrollY > parseInt(this.element.style.top) ? formatUnit(window.scrollY - parseInt(this.element.style.top))
@@ -639,0 +646,0 @@ : formatUnit(parseInt(this.element.style.top) - window.scrollY);

src/tooltip/tooltip.d.ts

@@ -113,2 +113,3 @@ import { Component, ChildProperty, BaseEventArgs } from '@syncfusion/ej2-base';
     private isBodyContainer;
+    private targetsList;
     /**
@@ -419,2 +420,3 @@ * It is used to set the width of Tooltip component which accepts both string and number values.
     private wireEvents;
+    private updateTarget;
     private getTriggerList;
@@ -421,0 +423,0 @@ private wireFocusEvents;

src/tooltip/tooltip.js

@@ -101,2 +101,3 @@ var __extends = (this && this.__extends) || (function () {
         addClass([this.element], ROOT);
+        this.element.setAttribute('tabindex', '0');
     };
@@ -173,3 +174,5 @@ Tooltip.prototype.formatPosition = function () {
     Tooltip.prototype.closePopupHandler = function () {
-        this.clearTemplate(['content']);
+        if (this.isReact && !(this.opensOn === "Click" && typeof (this.content) === 'function')) {
+            this.clearTemplate(['content']);
+        }
         this.clear();
@@ -286,2 +289,6 @@ this.trigger('afterClose', this.tooltipEventArgs);
                 }
+                else if ((tipPosExclude) && (this.tipPointerPosition === 'End' || this.tipPointerPosition === 'Start')) {
+                    leftValue = (this.tipPointerPosition === 'End') ? ((target.offsetWidth + ((this.tooltipEle.offsetWidth - target.offsetWidth) / 2)) - (tipWidth / 2)) - POINTER_ADJUST + 'px'
+                        : ((this.tooltipEle.offsetWidth - target.offsetWidth) / 2) - (tipWidth / 2) + POINTER_ADJUST + 'px';
+                }
                 else {
@@ -342,3 +349,3 @@ leftValue = ((tooltipWidth / 2) - (tipWidth / 2)) + 'px';
                         for (var i = 0; i < nodeList; i++) {
-                            append(tempArr, tooltipContent);
+                            tooltipContent[append(tempArr, tooltipContent), 'innerHTML'] = this.content;
                         }
@@ -349,3 +356,2 @@ }
                     }
-                    this.enableHtmlParse ? append(tempArr, tooltipContent) : tooltipContent['textContent'] = this.content;
                 }
@@ -918,2 +924,3 @@ }
                 this.wireFocusEvents();
+                EventHandler.add(this.element, 'DOMNodeInserted', this.updateTarget, this);
             }
@@ -941,2 +948,11 @@ if (opensOn === 'Click') {
     };
+    Tooltip.prototype.updateTarget = function (e) {
+        if (!isNullOrUndefined(this.targetsList) && !isNullOrUndefined(this.target)) {
+            var target = [].slice.call(selectAll(this.target, this.element));
+            if (target.length !== this.targetsList.length) {
+                this.unwireEvents(this.opensOn);
+                this.wireEvents(this.opensOn);
+            }
+        }
+    };
     Tooltip.prototype.getTriggerList = function (trigger) {
@@ -951,4 +967,6 @@ if (trigger === 'Auto') {
             var targetList = [].slice.call(selectAll(this.target, this.element));
+            this.targetsList = targetList;
             for (var _i = 0, targetList_2 = targetList; _i < targetList_2.length; _i++) {
                 var target = targetList_2[_i];
+                target.setAttribute('tabindex', '0');
                 EventHandler.add(target, 'focus', this.targetHover, this);
@@ -978,2 +996,3 @@ }
             }
+            target.setAttribute("tabindex", "0");
         }
@@ -999,2 +1018,3 @@ };
                 this.unwireFocusEvents();
+                EventHandler.remove(this.element, 'DOMNodeInserted', this.updateTarget);
             }
@@ -1026,2 +1046,3 @@ if (opensOn === 'Click') {
                 var target = targetList_3[_i];
+                target.removeAttribute('tabindex');
                 EventHandler.remove(target, 'focus', this.targetHover);
@@ -1054,2 +1075,3 @@ }
         }
+        target.removeAttribute("tabindex");
     };
@@ -1056,0 +1078,0 @@ Tooltip.prototype.findTarget = function () {

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3539980

increased by5.83%

Number of package files

330

increased by4.1%

Lines of code

49013

increased by2.24%

Worsened metrics

Number of low quality alerts

3

increased by200%

Dependency changes

• Updated@syncfusion/ej2-base@~20.1.57