@syncfusion/ej2-popups - npm Package Compare versions

styles/dialog/_material3-dark-definition.scss

styles/dialog/icons/_material3-dark.scss

styles/dialog/material3-dark.css

styles/dialog/material3-dark.scss

styles/dialog/material3.css

styles/dialog/material3.scss

styles/material3-dark.css

styles/material3-dark.scss

styles/material3.css

styles/material3.scss

styles/popup/_material3-dark-definition.scss

styles/popup/material3-dark.css

styles/popup/material3-dark.scss

styles/popup/material3.css

styles/popup/material3.scss

styles/spinner/_material3-dark-definition.scss

styles/spinner/material3-dark.css

styles/spinner/material3-dark.scss

styles/spinner/material3.css

styles/spinner/material3.scss

styles/tooltip/_material3-dark-definition.scss

styles/tooltip/icons/_material3-dark.scss

styles/tooltip/material3-dark.css

styles/tooltip/material3-dark.scss

styles/tooltip/material3.css

styles/tooltip/material3.scss

1

.eslintrc.json

		@@ -40,2 +40,3 @@ {
		"security/detect-new-buffer":"error",
		"security/detect-bidi-characters":"error",
		"@typescript-eslint/no-inferrable-types": "off",
		@@ -42,0 +43,0 @@ "@typescript-eslint/ban-types": ["warn", {

78

CHANGELOG.md

		@@ -5,17 +5,17 @@ # Changelog

		### Dialog
		### Tooltip

		#### Bug Fixes

		- `#I430348` - Fixed an issue where pressing the enter key triggered the button click event multiple times.
		- `#I473286` - Resolved the incorrect positioning of Tooltip when page is scaled.

		## 20.4.49 (2023-02-07)
		## 22.1.38 (2023-07-11)

		### Dialog
		### Tooltip

		#### Bug Fixes

		- `#I428772` - Fixed alignment issue with Dialog component header content and close icon.
		- `#I477278` - The issue, when enabling the sticky mode the Tooltip component does not stick to its target when page is scrolled has been resolved.

		## 20.4.48 (2023-02-01)
		## 22.1.36 (2023-06-28)

		@@ -26,6 +26,38 @@ ### Tooltip

		- `#I424071` - The issue of the Tooltip component throwing a script error when setting content as '${}' has been resolved.
		- `#I466814` - The Tooltip fit alignment issue when hovering over the last element has been resolved

		## 20.4.44 (2023-01-18)
		## 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
		@@ -35,19 +67,37 @@

		- `#I427261` - The Dialog component now closes properly when the escape key is pressed while the Rich Text Editor toolbar is extended and the Image Dialog is open.
		- `#I446985` - Now, while using the NVDA screen reader, the entire dialog elements will not be read twice.

		## 20.4.43 (2023-01-10)
		## 21.1.35 (2023-03-23)

		### Tooltip

		#### New Features

		- `#I434633` - Provided the htmlAttributes support for the Tooltip component which allows to add attributes for the root element of Tooltip popup.

		#### Breaking Changes

		- The tooltip target's tabindex and aria-describedby attributes, which were handled by the built-in source, were removed. Now, you can add these attributes directly to a target element.

		### Dialog

		#### New Features

		- State persistence: Provide support to preserve the updated values of the dialog width and height when performing a page reload.

		## 20.4.53 (2023-03-07)

		### Dialog

		#### Bug Fixes

		- `#I422249` - Now, Removed the "aria-describedby" attribute from Dialog element.
		- `#I441169` - Now, the Dialog Component `ESC` key works properly.

		## 20.4.40 (2022-12-28)
		## 20.4.52 (2023-02-28)

		### Popup
		### Dialog

		#### Bug Fixes

		- `#I423129` - Now, when Rich Text Editor is placed inside the modal dialog the hyperlink quickToolbar popup is visible.
		- `#I430348` - Fixed an issue where pressing the enter key triggered the button click event multiple times.

		@@ -54,0 +104,0 @@ ## 20.4.38 (2022-12-21)

9

dist/global/index.d.ts

		@@ -1,10 +0,1 @@
		/*!
		* filename: index.d.ts
		* version : 20.4.51
		* 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
		* licensing@syncfusion.com. Any infringement will be prosecuted under
		* applicable laws.
		*/
		import * as _popups from '@syncfusion/ej2-popups';
		@@ -11,0 +2,0 @@

188

package.json

		{
		"_from": "@syncfusion/ej2-popups@*",
		"_id": "@syncfusion/ej2-popups@20.4.49",
		"_inBundle": false,
		"_integrity": "sha512-SjIVU7fGmHXSKOZwLbaqpGunU8hbcaCMNqq2TqFWFcbrbpSxt30re7xTHE3UvRe3Qs55a5RZO339rnQHucBjig==",
		"_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-image-editor",
		"/@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": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-popups/-/ej2-popups-20.4.49.tgz",
		"_shasum": "5f60cf9262f8ad87c2e3c9def90fe5c73c74c52b",
		"_spec": "@syncfusion/ej2-popups@*",
		"_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
		"author": {
		"name": "Syncfusion Inc."
		},
		"bugs": {
		"url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
		},
		"bundleDependencies": false,
		"dependencies": {
		"@syncfusion/ej2-base": "~20.4.51",
		"@syncfusion/ej2-buttons": "~20.4.50"
		},
		"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.es5.js",
		"homepage": "https://www.syncfusion.com/javascript-ui-controls",
		"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.4.51",
		"sideEffects": false
		}
		"_from": "@syncfusion/ej2-popups@*",
		"_id": "@syncfusion/ej2-popups@20.4.51",
		"_inBundle": false,
		"_integrity": "sha512-OIRjJfnxXiW0ym2f1nPBjanV8T8hC0dbA+nXe5bIHORWS6urV6LQkaQPeeG79hfegVN4ZrC2TzXVjK30Xcv5cg==",
		"_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-image-editor",
		"/@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": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-popups/-/ej2-popups-20.4.51.tgz",
		"_shasum": "542cb1779cf5edb0c9aa4e82f1a419c54a9a8ce2",
		"_spec": "@syncfusion/ej2-popups@*",
		"_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
		"author": {
		"name": "Syncfusion Inc."
		},
		"bugs": {
		"url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
		},
		"bundleDependencies": false,
		"dependencies": {
		"@syncfusion/ej2-base": "~20.4.51",
		"@syncfusion/ej2-buttons": "~20.4.50"
		},
		"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.es5.js",
		"homepage": "https://www.syncfusion.com/javascript-ui-controls",
		"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.4.52-12871",
		"sideEffects": false
		}

2

README.md

		@@ -91,2 +91,2 @@ # ej2-popups

		© Copyright 2023 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.

16

src/dialog/dialog-model.d.ts

		@@ -104,4 +104,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';
		* @blazorType string
		* @aspType string
		*/
		content?: string \| HTMLElement;
		content?: string \| HTMLElement \| Function;

		@@ -116,2 +117,9 @@ /**
		/**
		* Enables or disables the persistence of the dialog's dimensions and position state between page reloads.
		*
		* @default false
		*/
		enablePersistence?: boolean;

		/**
		* Specifies the value that represents whether the close icon is shown in the dialog component.
		@@ -139,4 +147,5 @@ *
		* @blazorType string
		* @aspType string
		*/
		header?: string \| HTMLElement;
		header?: string \| HTMLElement \| Function;

		@@ -223,4 +232,5 @@ /**
		* @blazorType string
		* @aspType string
		*/
		footerTemplate?: HTMLElement \| string;
		footerTemplate?: HTMLElement \| string \| Function;

		@@ -227,0 +237,0 @@ /**

22

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
		*/
		@@ -375,4 +375,5 @@ target?: HTMLElement \| string;
		* @blazorType string
		* @aspType string
		*/
		content: string \| HTMLElement;
		content: string \| HTMLElement \| Function;
		/**
		@@ -385,2 +386,8 @@ * Defines whether to allow the cross-scripting site or not.
		/**
		* Enables or disables the persistence of the dialog's dimensions and position state between page reloads.
		*
		* @default false
		*/
		enablePersistence: boolean;
		/**
		* Specifies the value that represents whether the close icon is shown in the dialog component.
		@@ -406,4 +413,5 @@ *
		* @blazorType string
		* @aspType string
		*/
		header: string \| HTMLElement;
		header: string \| HTMLElement \| Function;
		/**
		@@ -480,4 +488,5 @@ * Specifies the value that represents whether the dialog component is visible.
		* @blazorType string
		* @aspType string
		*/
		footerTemplate: HTMLElement \| string;
		footerTemplate: HTMLElement \| string \| Function;
		/**
		@@ -669,2 +678,3 @@ * Specifies the value whether the dialog component can be dragged by the end-user.
		protected preRender(): void;
		private updatePersistData;
		private isNumberValue;
		@@ -749,3 +759,3 @@ private checkPositionData;
		*/
		protected getPersistData(): string;
		getPersistData(): string;
		/**
		@@ -752,0 +762,0 @@ * To destroy the widget

13

src/popup/popup.js

		@@ -157,2 +157,4 @@ var __extends = (this && this.__extends) \|\| (function () {
		this.element.classList.remove(CLASSNAMES.ROOT, CLASSNAMES.RTL, CLASSNAMES.OPEN, CLASSNAMES.CLOSE);
		this.content = null;
		this.relateTo = null;
		_super.prototype.destroy.call(this);
		@@ -387,5 +389,6 @@ };
		else if (relateToElement) {
		var height = this.element.clientHeight;
		var display = this.element.style.display;
		this.element.style.display = 'block';
		pos = this.getAnchorPosition(relateToElement, this.element, this.position, this.offsetX, this.offsetY);
		pos = this.getAnchorPosition(relateToElement, this.element, this.position, this.offsetX, this.offsetY, height);
		this.element.style.display = display;
		@@ -411,3 +414,4 @@ }
		};
		Popup.prototype.getAnchorPosition = function (anchorEle, ele, position, offsetX, offsetY) {
		Popup.prototype.getAnchorPosition = function (anchorEle, ele, position, offsetX, offsetY, height) {
		if (height === void 0) { height = 0; }
		var eleRect = this.checkGetBoundingClientRect(ele);
		@@ -475,5 +479,8 @@ var anchorRect = this.checkGetBoundingClientRect(anchorEle);
		}
		else if (this.targetType === 'container') {
		else if (this.targetType === 'container' && !ele.classList.contains('e-dialog')) {
		anchorPos.top += (anchorRect.height - eleRect.height);
		}
		else if (this.targetType === 'container' && ele.classList.contains('e-dialog')) {
		anchorPos.top += (anchorRect.height - height);
		}
		else {
		@@ -480,0 +487,0 @@ anchorPos.top += (anchorRect.height);

2

src/spinner/spinner.d.ts

		@@ -13,3 +13,3 @@ export declare type createElementParams = (tag: string, prop?: {
		*/
		export declare type SpinnerType = 'Material' \| 'Fabric' \| 'Bootstrap' \| 'HighContrast' \| 'Bootstrap4' \| 'Tailwind' \| 'Bootstrap5' \| 'Fluent';
		export declare type SpinnerType = 'Material' \| 'Material3' \| 'Fabric' \| 'Bootstrap' \| 'HighContrast' \| 'Bootstrap4' \| 'Tailwind' \| 'Bootstrap5' \| 'Fluent';
		/**
		@@ -16,0 +16,0 @@ * Function to change the Spinners in a page globally from application end.

72

src/spinner/spinner.js

		import { isNullOrUndefined, classList, createElement } from '@syncfusion/ej2-base';
		var globalTimeOut = {};
		var DEFT_MAT_WIDTH = 30;
		var DEFT_MAT3_WIDTH = 30;
		var DEFT_FAB_WIDTH = 30;
		@@ -12,2 +13,3 @@ var DEFT_FLUENT_WIDTH = 30;
		var CLS_MATERIALSPIN = 'e-spin-material';
		var CLS_MATERIAL3SPIN = 'e-spin-material3';
		var CLS_FABRICSPIN = 'e-spin-fabric';
		@@ -138,2 +140,15 @@ var CLS_FLUENTSPIN = 'e-spin-fluent';
		*/
		function createMaterial3Spinner(container, radius, makeElement) {
		var uniqueID = random_generator();
		globalTimeOut["" + uniqueID] = { timeOut: 0, type: 'Material3', radius: radius };
		create_material_element(container, uniqueID, makeElement, CLS_MATERIAL3SPIN);
		mat_calculate_attributes(radius, container, 'Material3', CLS_MATERIAL3SPIN);
		}
		/**
		*
		* @param {HTMLElement} container - specifies the element
		* @param {number} radius - specifies the radius
		* @param {createElementParams} makeElement - specifies the element
		* @returns {void}
		*/
		function createBootstrap4Spinner(container, radius, makeElement) {
		@@ -253,2 +268,5 @@ var uniqueID = random_generator();
		break;
		case 'Material3':
		createMaterial3Spinner(innerContainer, radius, makeElement);
		break;
		case 'Fabric':
		@@ -448,2 +466,5 @@ createFabricSpinner(innerContainer, radius, makeElement);
		break;
		case 'Material3':
		defaultSize = DEFT_MAT3_WIDTH;
		break;
		case 'Fabric':
		@@ -605,8 +626,15 @@ defaultSize = DEFT_FAB_WIDTH;
		function updatePath(value, container) {
		if ((!isNullOrUndefined(container.querySelector('svg.e-spin-material')))
		&& (!isNullOrUndefined(container.querySelector('svg.e-spin-material').querySelector('path.e-path-circle')))) {
		var svg = container.querySelector('svg.e-spin-material');
		var path = svg.querySelector('path.e-path-circle');
		path.setAttribute('stroke-dashoffset', getDashOffset(diameter, strokeSize, value, max) + '');
		path.setAttribute('transform', 'rotate(' + (rotate) + ' ' + diameter / 2 + ' ' + diameter / 2 + ')');
		if (!isNullOrUndefined(container.querySelector('svg.e-spin-material')) \|\| !isNullOrUndefined(container.querySelector('svg.e-spin-material3'))) {
		var svg = void 0;
		if (!isNullOrUndefined(container.querySelector('svg.e-spin-material')) && !isNullOrUndefined(container.querySelector('svg.e-spin-material').querySelector('path.e-path-circle'))) {
		svg = container.querySelector('svg.e-spin-material');
		}
		else if (!isNullOrUndefined(container.querySelector('svg.e-spin-material3')) && !isNullOrUndefined(container.querySelector('svg.e-spin-material3').querySelector('path.e-path-circle'))) {
		svg = container.querySelector('svg.e-spin-material3');
		}
		if (!isNullOrUndefined(svg)) {
		var path = svg.querySelector('path.e-path-circle');
		path.setAttribute('stroke-dashoffset', getDashOffset(diameter, strokeSize, value, max) + '');
		path.setAttribute('transform', 'rotate(' + (rotate) + ' ' + diameter / 2 + ' ' + diameter / 2 + ')');
		}
		}
		@@ -634,3 +662,3 @@ }
		path.setAttribute('d', drawArc(diameter, strokeSize));
		if (type === 'Material') {
		if (type === 'Material' \|\| type === 'Material3') {
		path.setAttribute('stroke-width', strokeSize + '');
		@@ -787,4 +815,10 @@ path.setAttribute('stroke-dasharray', ((diameter - strokeSize) * Math.PI * 0.75) + '');
		if (container) {
		spinnerWrap = container.classList.contains(CLS_SPINWRAP) ? container :
		container.querySelector('.' + CLS_SPINWRAP);
		if (container.classList.contains(CLS_SPINWRAP)) {
		spinnerWrap = container;
		}
		else {
		var spinWrapCollection = void 0;
		spinWrapCollection = container.querySelectorAll('.' + CLS_SPINWRAP);
		spinnerWrap = Array.from(spinWrapCollection).find(function (wrap) { return wrap.parentElement === container; }) \|\| null;
		}
		}
		@@ -806,2 +840,3 @@ if (container && spinnerWrap) {
		case 'Material':
		case 'Material3':
		// eslint-disable-next-line
		@@ -883,2 +918,5 @@ isHide ? clearTimeout(globalTimeOut[id].timeOut) : startMatAnimate(inner, id, globalTimeOut[id].radius);
		}
		if (!isNullOrUndefined(spinTemplate)) {
		replaceContent(container, spinTemplate, spinCSSClass);
		}
		}
		@@ -899,10 +937,12 @@ }
		var svgElement = container.querySelector('svg');
		var radius = theme === 'Bootstrap' ? parseFloat(svgElement.style.height) : parseFloat(svgElement.style.height) / 2;
		var classNames = svgElement.getAttribute('class');
		var svgClassList = classNames.split(/\s/);
		if (svgClassList.indexOf('e-spin-material') >= 0) {
		var id = svgElement.getAttribute('id');
		clearTimeout(globalTimeOut["" + id].timeOut);
		if (!isNullOrUndefined(svgElement)) {
		var radius = theme === 'Bootstrap' ? parseFloat(svgElement.style.height) : parseFloat(svgElement.style.height) / 2;
		var classNames = svgElement.getAttribute('class');
		var svgClassList = classNames.split(/\s/);
		if (svgClassList.indexOf('e-spin-material') >= 0) {
		var id = svgElement.getAttribute('id');
		clearTimeout(globalTimeOut["" + id].timeOut);
		}
		setTheme(theme, container, radius, makeEle);
		}
		setTheme(theme, container, radius, makeEle);
		}

25

src/tooltip/tooltip-model.d.ts

		@@ -52,4 +52,5 @@ 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';
		*
		* @aspType string
		*/
		content?: string \| HTMLElement;
		content?: string \| HTMLElement \| Function;

		@@ -133,2 +134,3 @@ /**
		* to know more about this property with demo.
		*
		* {% codeBlock src="tooltip/tippointerposition/index.md" %}{% endcodeBlock %}
		@@ -144,2 +146,3 @@ *
		* If it is in touch device, it will show the Tooltip content when tap and holding on the target element.
		*
		* {% codeBlock src="tooltip/openson/index.md" %}{% endcodeBlock %}
		@@ -156,2 +159,3 @@ * {% codeBlock src="tooltip/opensOn-api/index.ts" %}{% endcodeBlock %}
		* to know more about this property with demo.
		*
		* {% codeBlock src="tooltip/mousetrail/index.md" %}{% endcodeBlock %}
		@@ -168,2 +172,3 @@ * {% codeBlock src="tooltip/offsetX-api/index.ts" %}{% endcodeBlock %}
		* to know more about this property with demo.
		*
		* {% codeBlock src="tooltip/issticky/index.md" %}{% endcodeBlock %}
		@@ -179,2 +184,3 @@ *
		* to know more about this property with demo.
		*
		* {% codeBlock src="tooltip/animation/index.md" %}{% endcodeBlock %}
		@@ -217,2 +223,12 @@ * {% codeBlock src="tooltip/animation-api/index.ts" %}{% endcodeBlock %}
		/**
		* Allows additional HTML attributes such as tabindex, title, name, etc. to root element of the Tooltip popup, and
		* accepts n number of attributes in a key-value pair format.
		*
		* {% codeBlock src='tooltip/htmlAttributes/index.md' %}{% endcodeBlock %}
		*
		* @default {}
		*/
		htmlAttributes?: { [key: string]: string };

		/**
		* We can trigger `beforeRender` event before the Tooltip and its contents are added to the DOM.
		@@ -235,2 +251,3 @@ * When one of its arguments `cancel` is set to true, the Tooltip can be prevented from rendering on the page.
		* set customized styles in it and so on.
		*
		* {% codeBlock src="tooltip/beforeOpen/index.md" %}{% endcodeBlock %}
		@@ -244,2 +261,3 @@ *
		* We can trigger `afterOpen` event after the Tooltip Component gets opened.
		*
		* {% codeBlock src="tooltip/afterOpen/index.md" %}{% endcodeBlock %}
		@@ -253,2 +271,3 @@ *
		* We can trigger `beforeClose` event before the Tooltip hides from the screen. If returned false, then the Tooltip is no more hidden.
		*
		* {% codeBlock src="tooltip/beforeClose/index.md" %}{% endcodeBlock %}
		@@ -262,2 +281,3 @@ *
		* We can trigger `afterClose` event when the Tooltip Component gets closed.
		*
		* {% codeBlock src="tooltip/afterClose/index.md" %}{% endcodeBlock %}
		@@ -271,2 +291,3 @@ *
		* We can trigger `beforeCollision` event for every collision fit calculation.
		*
		* {% codeBlock src="tooltip/beforeCollision/index.md" %}{% endcodeBlock %}
		@@ -283,3 +304,2 @@ *
		*/
		/* eslint-disable */
		created?: EmitType<Object>;
		@@ -292,5 +312,4 @@
		*/
		/* eslint-disable */
		destroyed?: EmitType<Object>;

		}

74

src/tooltip/tooltip.d.ts

		@@ -7,2 +7,9 @@ import { Component, ChildProperty, BaseEventArgs } from '@syncfusion/ej2-base';
		* Set of open modes available for Tooltip.
		* ```props
		* Auto :- The tooltip opens automatically when the trigger element is hovered over.
		* Hover :- The tooltip opens when the trigger element is hovered over.
		* Click :- The tooltip opens when the trigger element is clicked.
		* Focus :- The tooltip opens when the trigger element is focused.
		* Custom :- The tooltip opens when the trigger element is triggered by a custom event.
		* ```
		*/
		@@ -12,2 +19,16 @@ export declare type OpenMode = 'Auto' \| 'Hover' \| 'Click' \| 'Focus' \| 'Custom';
		* Applicable positions where the Tooltip can be displayed over specific target elements.
		* ```props
		* TopLeft :- The tooltip is positioned at the top-left corner of the trigger element.
		* TopCenter :- The tooltip is positioned at the top-center of the trigger element.
		* TopRight :- The tooltip is positioned at the top-right corner of the trigger element.
		* BottomLeft :- The tooltip is positioned at the bottom-left corner of the trigger element.
		* BottomCenter :- The tooltip is positioned at the bottom-center of the trigger element.
		* BottomRight :- The tooltip is positioned at the bottom-right corner of the trigger element.
		* LeftTop :- The tooltip is positioned at the left-top corner of the trigger element.
		* LeftCenter :- The tooltip is positioned at the left-center of the trigger element.
		* LeftBottom :- The tooltip is positioned at the left-bottom corner of the trigger element.
		* RightTop :- The tooltip is positioned at the right-top corner of the trigger element.
		* RightCenter :- The tooltip is positioned at the right-center of the trigger element.
		* RightBottom :- The tooltip is positioned at the right-bottom corner of the trigger element.
		* ```
		*/
		@@ -17,2 +38,8 @@ export declare type Position = 'TopLeft' \| 'TopCenter' \| 'TopRight' \| 'BottomLeft' \| 'BottomCenter' \| 'BottomRight' \| 'LeftTop' \| 'LeftCenter' \| 'LeftBottom' \| 'RightTop' \| 'RightCenter' \| 'RightBottom';
		* Applicable tip positions attached to the Tooltip.
		* ```props
		* Auto :- The tip pointer position is automatically calculated based on the available space.
		* Start :- The tip pointer is positioned at the start of the tooltip.
		* Middle :- The tip pointer is positioned at the middle of the tooltip.
		* End :- The tip pointer is positioned at the end of the tooltip.
		* ```
		*/
		@@ -22,2 +49,19 @@ export declare type TipPointerPosition = 'Auto' \| 'Start' \| 'Middle' \| 'End';
		* Animation effects that are applicable for Tooltip.
		* ```props
		* FadeIn :- A fade-in animation effect where the tooltip gradually increases in opacity from 0 to full.
		* FadeOut :- A fade-out animation effect where the tooltip gradually decreases in opacity from full to 0.
		* FadeZoomIn :- A fade-in animation effect combined with a zoom-in effect.
		* FadeZoomOut :- A fade-out animation effect combined with a zoom-out effect.
		* FlipXDownIn :- A flip-down animation effect where the tooltip starts upside down and flips down to become fully visible.
		* FlipXDownOut :- A flip-down animation effect where the tooltip starts fully visible and flips down to become invisible.
		* FlipXUpIn :- A flip-up animation effect where the tooltip starts upside down and flips up to become fully visible.
		* FlipXUpOut :- A flip-up animation effect where the tooltip starts fully visible and flips up to become invisible.
		* FlipYLeftIn :- A flip-left animation effect where the tooltip starts from the right side and flips left to become fully visible.
		* FlipYLeftOut :- A flip-left animation effect where the tooltip starts from the left side and flips left to become invisible.
		* FlipYRightIn :- A flip-right animation effect where the tooltip starts from the left side and flips right to become fully visible.
		* FlipYRightOut :- A flip-right animation effect where the tooltip starts from the right side and flips right to become invisible.
		* ZoomIn :- zoom-in animation effect where the tooltip starts small and gradually grows in size to become fully visible.
		* ZoomOut :- A zoom-out animation effect where the tooltip starts full size and gradually decreases in size to become invisible.
		* None :- No animation effect, the tooltip simply appears or disappears without any animation.
		* ```
		*/
		@@ -141,4 +185,5 @@ export declare type Effect = 'FadeIn' \| 'FadeOut' \| 'FadeZoomIn' \| 'FadeZoomOut' \| 'FlipXDownIn' \| 'FlipXDownOut' \| 'FlipXUpIn' \| 'FlipXUpOut' \| 'FlipYLeftIn' \| 'FlipYLeftOut' \| 'FlipYRightIn' \| 'FlipYRightOut' \| 'ZoomIn' \| 'ZoomOut' \| 'None';
		*
		* @aspType string
		*/
		content: string \| HTMLElement;
		content: string \| HTMLElement \| Function;
		/**
		@@ -213,2 +258,3 @@ * It is used to set the container element in which the Tooltip’s pop-up will be appended. It accepts value as both string and HTML Element.
		* to know more about this property with demo.
		*
		* {% codeBlock src="tooltip/tippointerposition/index.md" %}{% endcodeBlock %}
		@@ -223,2 +269,3 @@ *
		* If it is in touch device, it will show the Tooltip content when tap and holding on the target element.
		*
		* {% codeBlock src="tooltip/openson/index.md" %}{% endcodeBlock %}
		@@ -234,2 +281,3 @@ * {% codeBlock src="tooltip/opensOn-api/index.ts" %}{% endcodeBlock %}
		* to know more about this property with demo.
		*
		* {% codeBlock src="tooltip/mousetrail/index.md" %}{% endcodeBlock %}
		@@ -245,2 +293,3 @@ * {% codeBlock src="tooltip/offsetX-api/index.ts" %}{% endcodeBlock %}
		* to know more about this property with demo.
		*
		* {% codeBlock src="tooltip/issticky/index.md" %}{% endcodeBlock %}
		@@ -255,2 +304,3 @@ *
		* to know more about this property with demo.
		*
		* {% codeBlock src="tooltip/animation/index.md" %}{% endcodeBlock %}
		@@ -288,2 +338,13 @@ * {% codeBlock src="tooltip/animation-api/index.ts" %}{% endcodeBlock %}
		/**
		* Allows additional HTML attributes such as tabindex, title, name, etc. to root element of the Tooltip popup, and
		* accepts n number of attributes in a key-value pair format.
		*
		* {% codeBlock src='tooltip/htmlAttributes/index.md' %}{% endcodeBlock %}
		*
		* @default {}
		*/
		htmlAttributes: {
		[key: string]: string;
		};
		/**
		* We can trigger `beforeRender` event before the Tooltip and its contents are added to the DOM.
		@@ -305,2 +366,3 @@ * When one of its arguments `cancel` is set to true, the Tooltip can be prevented from rendering on the page.
		* set customized styles in it and so on.
		*
		* {% codeBlock src="tooltip/beforeOpen/index.md" %}{% endcodeBlock %}
		@@ -313,2 +375,3 @@ *
		* We can trigger `afterOpen` event after the Tooltip Component gets opened.
		*
		* {% codeBlock src="tooltip/afterOpen/index.md" %}{% endcodeBlock %}
		@@ -321,2 +384,3 @@ *
		* We can trigger `beforeClose` event before the Tooltip hides from the screen. If returned false, then the Tooltip is no more hidden.
		*
		* {% codeBlock src="tooltip/beforeClose/index.md" %}{% endcodeBlock %}
		@@ -329,2 +393,3 @@ *
		* We can trigger `afterClose` event when the Tooltip Component gets closed.
		*
		* {% codeBlock src="tooltip/afterClose/index.md" %}{% endcodeBlock %}
		@@ -337,2 +402,3 @@ *
		* We can trigger `beforeCollision` event for every collision fit calculation.
		*
		* {% codeBlock src="tooltip/beforeCollision/index.md" %}{% endcodeBlock %}
		@@ -368,2 +434,3 @@ *
		private renderPopup;
		private getScalingFactor;
		private getTooltipPosition;
		@@ -379,4 +446,4 @@ private windowResize;
		private renderCloseIcon;
		private addDescribedBy;
		private removeDescribedBy;
		private addDataTooltipId;
		private removeDataTooltipId;
		private tapHoldHandler;
		@@ -437,3 +504,2 @@ private touchEndHandler;
		private wireEvents;
		private updateTarget;
		private getTriggerList;
		@@ -440,0 +506,0 @@ private wireFocusEvents;

198

src/tooltip/tooltip.js

		@@ -101,3 +101,2 @@ var __extends = (this && this.__extends) \|\| (function () {
		addClass([this.element], ROOT);
		this.element.setAttribute('tabindex', '0');
		};
		@@ -146,6 +145,18 @@ Tooltip.prototype.formatPosition = function () {
		};
		Tooltip.prototype.getScalingFactor = function () {
		var xScalingFactor = this.element.getBoundingClientRect().width / this.element.offsetWidth;
		var yScalingFactor = this.element.getBoundingClientRect().height / this.element.offsetHeight;
		return { x: xScalingFactor, y: yScalingFactor };
		};
		Tooltip.prototype.getTooltipPosition = function (target) {
		this.tooltipEle.style.display = 'block';
		var parentWithZoomStyle = this.element.closest('[style*="zoom"]');
		if (parentWithZoomStyle) {
		if (!parentWithZoomStyle.contains(this.tooltipEle)) {
		this.tooltipEle.style.zoom = getComputedStyle(parentWithZoomStyle).zoom;
		}
		}
		var pos = calculatePosition(target, this.tooltipPositionX, this.tooltipPositionY, !this.isBodyContainer, this.isBodyContainer ? null : this.containerElement.getBoundingClientRect());
		var offsetPos = this.calculateTooltipOffset(this.position);
		var scalingFactors = this.getScalingFactor();
		var offsetPos = this.calculateTooltipOffset(this.position, scalingFactors.x, scalingFactors.y);
		var collisionPosition = this.calculateElementPosition(pos, offsetPos);
		@@ -155,2 +166,4 @@ var collisionLeft = collisionPosition[0];
		var elePos = this.collisionFlipFit(target, collisionLeft, collisionTop);
		elePos.left = elePos.left / scalingFactors.x;
		elePos.top = elePos.top / scalingFactors.y;
		this.tooltipEle.style.display = '';
		@@ -177,3 +190,3 @@ return elePos;
		Tooltip.prototype.closePopupHandler = function () {
		if (this.isReact && !(this.opensOn === "Click" && typeof (this.content) === 'function')) {
		if (this.isReact && !(this.opensOn === 'Click' && typeof (this.content) === 'function')) {
		this.clearTemplate(['content']);
		@@ -185,12 +198,19 @@ }
		};
		Tooltip.prototype.calculateTooltipOffset = function (position) {
		Tooltip.prototype.calculateTooltipOffset = function (position, xScalingFactor, yScalingFactor) {
		if (xScalingFactor === void 0) { xScalingFactor = 1; }
		if (yScalingFactor === void 0) { yScalingFactor = 1; }
		var tooltipEleRect = this.tooltipEle.getBoundingClientRect();
		var arrowEleRect;
		var pos = { top: 0, left: 0 };
		var tooltipEleWidth = this.tooltipEle.offsetWidth;
		var tooltipEleHeight = this.tooltipEle.offsetHeight;
		var tooltipEleWidth = Math.round(tooltipEleRect.width);
		var tooltipEleHeight = Math.round(tooltipEleRect.height);
		var arrowEle = select('.' + ARROW_TIP, this.tooltipEle);
		var tipWidth = arrowEle ? arrowEle.offsetWidth : 0;
		var tipHeight = arrowEle ? arrowEle.offsetHeight : 0;
		if (arrowEle) {
		arrowEleRect = arrowEle.getBoundingClientRect();
		}
		var tipWidth = arrowEle ? Math.round(arrowEleRect.width) : 0;
		var tipHeight = arrowEle ? Math.round(arrowEleRect.height) : 0;
		var tipAdjust = (this.showTipPointer ? SHOW_POINTER_TIP_GAP : HIDE_POINTER_TIP_GAP);
		var tipHeightAdjust = (tipHeight / 2) + POINTER_ADJUST + (this.tooltipEle.offsetHeight - this.tooltipEle.clientHeight);
		var tipWidthAdjust = (tipWidth / 2) + POINTER_ADJUST + (this.tooltipEle.offsetWidth - this.tooltipEle.clientWidth);
		var tipHeightAdjust = (tipHeight / 2) + POINTER_ADJUST + (tooltipEleHeight - (this.tooltipEle.clientHeight * yScalingFactor));
		var tipWidthAdjust = (tipWidth / 2) + POINTER_ADJUST + (tooltipEleWidth - (this.tooltipEle.clientWidth * xScalingFactor));
		if (this.mouseTrail) {
		@@ -346,3 +366,2 @@ tipAdjust += MOUSE_TRAIL_GAP;
		}
		// eslint-disable-next-line
		var tempFunction = compile(this.content);
		@@ -363,3 +382,2 @@ var tempArr = tempFunction({}, this, 'content', this.element.id + 'content', undefined, undefined, tooltipContent);
		else {
		// eslint-disable-next-line
		var templateFunction = compile(this.content);
		@@ -387,24 +405,7 @@ var tempArr = templateFunction({}, this, 'content', this.element.id + 'content', undefined, undefined, tooltipContent);
		};
		Tooltip.prototype.addDescribedBy = function (target, id) {
		var describedby = (target.getAttribute('aria-describedby') \|\| '').split(/\s+/);
		if (describedby.indexOf(id) < 0) {
		describedby.push(id);
		}
		attributes(target, { 'aria-describedby': describedby.join(' ').trim(), 'data-tooltip-id': id });
		Tooltip.prototype.addDataTooltipId = function (target, id) {
		attributes(target, { 'data-tooltip-id': id });
		};
		Tooltip.prototype.removeDescribedBy = function (target) {
		var id = target.getAttribute('data-tooltip-id');
		var describedby = (target.getAttribute('aria-describedby') \|\| '').split(/\s+/);
		var index = describedby.indexOf(id);
		if (index !== -1) {
		describedby.splice(index, 1);
		}
		Tooltip.prototype.removeDataTooltipId = function (target) {
		target.removeAttribute('data-tooltip-id');
		var orgdescribedby = describedby.join(' ').trim();
		if (orgdescribedby) {
		target.setAttribute('aria-describedby', orgdescribedby);
		}
		else {
		target.removeAttribute('aria-describedby');
		}
		};
		@@ -420,3 +421,2 @@ Tooltip.prototype.tapHoldHandler = function (evt) {
		}
		// eslint-disable-next-line
		var close = function () {
		@@ -461,3 +461,2 @@ _this.close();
		}
		// eslint-disable-next-line security/detect-non-literal-fs-filename -- Safe as no value holds user input
		this.showTooltip(target, this.animation.open, e);
		@@ -486,3 +485,2 @@ };
		};
		// eslint-disable-next-line
		var observeCallback = function (beforeRenderArgs) {
		@@ -510,2 +508,12 @@ _this.beforeRenderCallback(beforeRenderArgs, target, e, showAnimation);
		});
		if (Object.keys(this.htmlAttributes).length !== 0) {
		for (var attr in this.htmlAttributes) {
		if (attr === "class") {
		this.tooltipEle.classList.add(this.htmlAttributes["" + attr]);
		}
		else {
		this.tooltipEle.setAttribute(attr, this.htmlAttributes["" + attr]);
		}
		}
		}
		this.tooltipBeforeRender(target, this);
		@@ -517,3 +525,3 @@ this.tooltipAfterRender(target, e, showAnimation, this);
		this.adjustArrow(target, this.position, this.tooltipPositionX, this.tooltipPositionY);
		this.addDescribedBy(target, this.ctrlId + '_content');
		this.addDataTooltipId(target, this.ctrlId + '_content');
		this.renderContent(target);
		@@ -557,3 +565,3 @@ PopupAnimation.stop(this.tooltipEle);
		removeClass([ctrlObj.tooltipEle], HIDE_POPUP);
		ctrlObj.addDescribedBy(target, ctrlObj.ctrlId + '_content');
		ctrlObj.addDataTooltipId(target, ctrlObj.ctrlId + '_content');
		ctrlObj.renderContent(target);
		@@ -582,3 +590,2 @@ addClass([ctrlObj.tooltipEle], POPUP_OPEN);
		}
		// eslint-disable-next-line
		var observeCallback = function (observedArgs) {
		@@ -599,3 +606,2 @@ ctrlObj.beforeOpenCallback(observedArgs, target, showAnimation, e);
		else {
		// eslint-disable-next-line
		var openAnimation_1 = {
		@@ -611,3 +617,2 @@ name: showAnimation.effect,
		if (this.openDelay > 0) {
		// eslint-disable-next-line
		var show = function () {
		@@ -685,25 +690,31 @@ if (_this.mouseTrail) {
		this.trigger('beforeCollision', this.tooltipEventArgs);
		var elePosVertical = elePos.vertical;
		var elePosHorizontal = elePos.horizontal;
		if (elePos.position !== newpos) {
		var pos = calculatePosition(target, elePosHorizontal, elePosVertical, !this.isBodyContainer, this.isBodyContainer ? null : this.containerElement.getBoundingClientRect());
		this.adjustArrow(target, newpos, elePosHorizontal, elePosVertical);
		var offsetPos = this.calculateTooltipOffset(newpos);
		offsetPos.top -= this.getOffSetPosition('TopBottom', newpos, this.offsetY);
		offsetPos.left -= this.getOffSetPosition('RightLeft', newpos, this.offsetX);
		elePos.position = newpos;
		var elePosition = this.calculateElementPosition(pos, offsetPos);
		elePos.left = elePosition[0];
		elePos.top = elePosition[1];
		if (this.tooltipEventArgs.cancel) {
		newpos = this.position;
		}
		else {
		this.adjustArrow(target, newpos, elePosHorizontal, elePosVertical);
		var elePosVertical = elePos.vertical;
		var elePosHorizontal = elePos.horizontal;
		if (elePos.position !== newpos) {
		var pos = calculatePosition(target, elePosHorizontal, elePosVertical, !this.isBodyContainer, this.isBodyContainer ? null : this.containerElement.getBoundingClientRect());
		this.adjustArrow(target, newpos, elePosHorizontal, elePosVertical);
		var scalingFactors = this.getScalingFactor();
		var offsetPos = this.calculateTooltipOffset(newpos, scalingFactors.x, scalingFactors.y);
		offsetPos.top -= this.getOffSetPosition('TopBottom', newpos, this.offsetY);
		offsetPos.left -= this.getOffSetPosition('RightLeft', newpos, this.offsetX);
		elePos.position = newpos;
		var elePosition = this.calculateElementPosition(pos, offsetPos);
		elePos.left = elePosition[0];
		elePos.top = elePosition[1];
		}
		else {
		this.adjustArrow(target, newpos, elePosHorizontal, elePosVertical);
		}
		}
		var eleOffset = { left: elePos.left, top: elePos.top };
		var left = this.isBodyContainer ?
		fit(this.tooltipEle, this.checkCollideTarget(), { X: true, Y: false }, eleOffset).left : eleOffset.left;
		var position = this.isBodyContainer ?
		fit(this.tooltipEle, this.checkCollideTarget(), { X: true, Y: true }, eleOffset) : eleOffset;
		this.tooltipEle.style.display = 'block';
		if (this.showTipPointer && (newpos.indexOf('Bottom') === 0 \|\| newpos.indexOf('Top') === 0)) {
		var arrowEle = select('.' + ARROW_TIP, this.tooltipEle);
		var arrowleft = parseInt(arrowEle.style.left, 10) - (left - elePos.left);
		var arrowleft = parseInt(arrowEle.style.left, 10) - (position.left - elePos.left);
		if (arrowleft < 0) {
		@@ -718,3 +729,4 @@ arrowleft = 0;
		this.tooltipEle.style.display = '';
		eleOffset.left = left;
		eleOffset.left = position.left;
		eleOffset.top = position.top;
		return eleOffset;
		@@ -734,3 +746,2 @@ };
		clearTimeout(this.showTimer);
		// eslint-disable-next-line
		var hide = function () {
		@@ -779,3 +790,2 @@ if (_this.closeDelay && _this.tooltipEle && _this.isTooltipOpen) {
		this.isHidden = true;
		// eslint-disable-next-line
		var closeAnimation = {
		@@ -800,3 +810,3 @@ name: hideAnimation.effect,
		}
		this.removeDescribedBy(target);
		this.removeDataTooltipId(target);
		};
		@@ -872,3 +882,4 @@ Tooltip.prototype.clear = function () {
		this.adjustArrow(event.target, this.position, this.tooltipPositionX, this.tooltipPositionY);
		var pos = this.calculateTooltipOffset(this.position);
		var scalingFactors = this.getScalingFactor();
		var pos = this.calculateTooltipOffset(this.position, scalingFactors.x, scalingFactors.y);
		var x = eventPageX + pos.left + this.offsetX;
		@@ -882,3 +893,3 @@ var y = eventPageY + pos.top + this.offsetY;
		this.adjustArrow(event.target, elePos.position, elePos.horizontal, elePos.vertical);
		var colpos = this.calculateTooltipOffset(elePos.position);
		var colpos = this.calculateTooltipOffset(elePos.position, scalingFactors.x, scalingFactors.y);
		elePos.left = eventPageX + colpos.left - this.offsetX;
		@@ -891,2 +902,9 @@ elePos.top = eventPageY + colpos.top - this.offsetY;
		Tooltip.prototype.keyDown = function (event) {
		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);
		}
		}
		if (this.tooltipEle && event.keyCode === 27) {
		@@ -902,3 +920,3 @@ this.close();
		Tooltip.prototype.scrollHandler = function (e) {
		if (this.tooltipEle) {
		if (this.tooltipEle && !this.isSticky) {
		if (!(closest(e.target, "." + TOOLTIP_WRAP + "." + POPUP_LIB + "." + POPUP_ROOT))) {
		@@ -949,3 +967,2 @@ this.close();
		this.wireFocusEvents();
		EventHandler.add(this.element, 'DOMNodeInserted', this.updateTarget, this);
		}
		@@ -973,11 +990,2 @@ 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) {
		@@ -991,9 +999,13 @@ if (trigger === 'Auto') {
		if (!isNullOrUndefined(this.target)) {
		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);
		if (this.element.nodeName !== "BODY") {
		EventHandler.add(this.element, 'focusin', this.targetHover, this);
		}
		else {
		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];
		EventHandler.add(target, 'focus', this.targetHover, this);
		}
		}
		}
		@@ -1010,2 +1022,5 @@ else {
		}
		if (e.type === 'focusin') {
		EventHandler.add(target, 'focusout', this.onMouseOut, this);
		}
		if (e.type === 'mouseover') {
		@@ -1022,3 +1037,2 @@ EventHandler.add(target, 'mouseleave', this.onMouseOut, this);
		}
		target.setAttribute("tabindex", "0");
		}
		@@ -1044,3 +1058,2 @@ };
		this.unwireFocusEvents();
		EventHandler.remove(this.element, 'DOMNodeInserted', this.updateTarget);
		}
		@@ -1069,8 +1082,12 @@ if (opensOn === 'Click') {
		if (!isNullOrUndefined(this.target)) {
		var targetList = [].slice.call(selectAll(this.target, this.element));
		for (var _i = 0, targetList_3 = targetList; _i < targetList_3.length; _i++) {
		var target = targetList_3[_i];
		target.removeAttribute('tabindex');
		EventHandler.remove(target, 'focus', this.targetHover);
		if (this.element.nodeName === 'BODY') {
		EventHandler.remove(this.element, 'focusin', this.targetHover);
		}
		else {
		var targetList = [].slice.call(selectAll(this.target, this.element));
		for (var _i = 0, targetList_3 = targetList; _i < targetList_3.length; _i++) {
		var target = targetList_3[_i];
		EventHandler.remove(target, 'focus', this.targetHover);
		}
		}
		}
		@@ -1088,2 +1105,3 @@ else {
		EventHandler.remove(target, 'blur', this.onMouseOut);
		EventHandler.remove(target, 'focusout', this.onMouseOut);
		}
		@@ -1284,2 +1302,7 @@ if (opensOn === 'Hover' && !Browser.isDevice) {
		this.popupObj = null;
		var currentTarget = selectAll('[data-tooltip-id= "' + this.ctrlId + '_content"]', this.element);
		for (var _i = 0, currentTarget_1 = currentTarget; _i < currentTarget_1.length; _i++) {
		var target = currentTarget_1[_i];
		this.restoreElement(target);
		}
		};
		@@ -1347,2 +1370,5 @@ __decorate([
		__decorate([
		Property('')
		], Tooltip.prototype, "htmlAttributes", void 0);
		__decorate([
		Event()
		@@ -1349,0 +1375,0 @@ ], Tooltip.prototype, "beforeRender", void 0);

gitleaks-ci.tar.gz

gitleaks-ci/gitleaks

GitLeaksReport.json

dist/ej2-popups.min.js

Sorry, the diff of this file is too big to display

dist/ej2-popups.umd.min.js

Sorry, the diff of this file is too big to display

dist/ej2-popups.umd.min.js.map