@syncfusion/ej2-popups - npm Package Compare versions

Comparing version 16.3.25 to 16.3.29

CHANGELOG.md

@@ -7,4 +7,18 @@ # Changelog
 
+#### New Features
+
+- Provided support to set the dialog position value as combination of string and number.
+
+### Tooltip
+
 #### Bug Fixes
 
+- Resolved Tooltip arrow alignment issue in compatibility CSS.
+
+## 16.3.25 (2018-10-15)
+
+### Dialog
+
+#### Bug Fixes
+
 - Resolved the issue with maximum z-index value calculation in dialog.
@@ -11,0 +25,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 16.3.25
+*  version : 16.3.29
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -11,9 +11,5 @@ *  Use of this code is subject to the terms of our license.
 import * as _popups from '@syncfusion/ej2-popups';
-import * as _base from '@syncfusion/ej2-base';
-import * as _buttons from '@syncfusion/ej2-buttons';
 
 export declare namespace ej {
     const popups: typeof _popups;
-    const base: typeof _base;
-    const buttons: typeof _buttons;
 }

package.json

 {
   "name": "@syncfusion/ej2-popups",
-  "version": "16.3.25",
+  "version": "16.3.29",
   "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.",
@@ -11,4 +11,4 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~16.3.24",
-    "@syncfusion/ej2-buttons": "~16.3.25"
+    "@syncfusion/ej2-base": "~16.3.29",
+    "@syncfusion/ej2-buttons": "~16.3.29"
   },
@@ -15,0 +15,0 @@ "devDependencies": {

src/dialog/dialog.d.ts

@@ -331,3 +331,3 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
     protected preRender(): void;
-    private keyDown(event);
+    private keyDown;
     /**
@@ -337,3 +337,3 @@ * Initialize the control rendering
      */
-    private initialize();
+    private initialize;
     /**
@@ -343,27 +343,27 @@ * Initialize the rendering
      */
-    private initRender();
-    private setOverlayZindex(zIndexValue?);
-    private positionChange();
-    private setPopupPosition();
-    private setAllowDragging();
-    private setButton();
-    private setContent();
-    private setTemplate(template, toElement);
-    private setMaxHeight();
-    private setEnableRTL();
-    private setTargetContent();
-    private setHeader();
-    private setFooterTemplate();
-    private createHeaderContent();
-    private renderCloseIcon();
-    private closeIconTitle();
-    private setCSSClass(oldCSSClass?);
-    private setIsModal();
-    private getValidFocusNode(items);
-    private focusableElements(content);
-    private getAutoFocusNode(container);
-    private disableElement(element, t);
-    private focusContent();
-    private bindEvent(element);
-    private unBindEvent(element);
+    private initRender;
+    private setOverlayZindex;
+    private positionChange;
+    private setPopupPosition;
+    private setAllowDragging;
+    private setButton;
+    private setContent;
+    private setTemplate;
+    private setMaxHeight;
+    private setEnableRTL;
+    private setTargetContent;
+    private setHeader;
+    private setFooterTemplate;
+    private createHeaderContent;
+    private renderCloseIcon;
+    private closeIconTitle;
+    private setCSSClass;
+    private setIsModal;
+    private getValidFocusNode;
+    private focusableElements;
+    private getAutoFocusNode;
+    private disableElement;
+    private focusContent;
+    private bindEvent;
+    private unBindEvent;
     /**
@@ -379,4 +379,4 @@ * Module required function
     onPropertyChanged(newProp: DialogModel, oldProp: DialogModel): void;
-    private updateIsModal();
-    private setzIndex(zIndexElement, setPopupZindex);
+    private updateIsModal;
+    private setzIndex;
     /**
@@ -398,3 +398,3 @@ * Get the properties to be maintained in the persisted state.
      */
-    private wireEvents();
+    private wireEvents;
     /**
@@ -404,3 +404,3 @@ * Unbinding event to the element while widget destroy
      */
-    private unWireEvents();
+    private unWireEvents;
     /**
@@ -427,3 +427,3 @@ * Refreshes the dialog's position when the user changes its header and footer height/width dynamically.
      */
-    private fullScreen(args);
+    private fullScreen;
     /**
@@ -430,0 +430,0 @@ * Returns the dialog button instances.

src/dialog/dialog.js

 var __extends = (this && this.__extends) || (function () {
-    var 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]; };
+    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) {
@@ -314,2 +317,6 @@ extendStatics(d, b);
             }
+            else if ((typeof this.position.X === 'string' && typeof this.position.Y === 'number') ||
+                (typeof this.position.X === 'number' && typeof this.position.Y === 'string')) {
+                this.setPopupPosition();
+            }
             else {
@@ -316,0 +323,0 @@ this.element.style.top = '0px';

src/global.js

@@ -1,4 +0,1 @@
-import * as popups from './index';
-import * as base from '@syncfusion/ej2-base';
-import * as buttons from '@syncfusion/ej2-buttons';
-export { popups, base, buttons };
+export * from './index';

src/popup/popup.d.ts

@@ -181,8 +181,8 @@ import { ChildProperty } from '@syncfusion/ej2-base';
     render(): void;
-    private wireEvents();
-    private wireScrollEvents();
-    private unwireEvents();
-    private unwireScrollEvents();
-    private getRelateToElement();
-    private scrollRefresh(e);
+    private wireEvents;
+    private wireScrollEvents;
+    private unwireEvents;
+    private unwireScrollEvents;
+    private getRelateToElement;
+    private scrollRefresh;
     /**
@@ -193,4 +193,4 @@ * This method is to get the element visibility on viewport when scroll
      */
-    private isElementOnViewport(relateToElement, scrollElement);
-    private isElementVisible(relateToElement, scrollElement);
+    private isElementOnViewport;
+    private isElementVisible;
     /**
@@ -201,5 +201,5 @@ * Initialize the event handler
     protected preRender(): void;
-    private setEnableRtl();
-    private setContent();
-    private orientationOnChange();
+    private setEnableRtl;
+    private setContent;
+    private orientationOnChange;
     /**
@@ -209,8 +209,8 @@ * Based on the `relative` element and `offset` values, `Popup` element position will refreshed.
     refreshPosition(target?: HTMLElement, collision?: boolean): void;
-    private reposition();
-    private checkGetBoundingClientRect(ele);
-    private getAnchorPosition(anchorEle, ele, position, offsetX, offsetY);
-    private callFlip(param);
-    private callFit(param);
-    private checkCollision();
+    private reposition;
+    private checkGetBoundingClientRect;
+    private getAnchorPosition;
+    private callFlip;
+    private callFit;
+    private checkCollision;
     /**
@@ -233,3 +233,3 @@ * Shows the popup element from screen.
     getScrollableParent(element: HTMLElement): HTMLElement[];
-    private checkFixedParent(element);
+    private checkFixedParent;
 }
@@ -236,0 +236,0 @@ /**

src/popup/popup.js

 var __extends = (this && this.__extends) || (function () {
-    var 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]; };
+    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) {
@@ -317,2 +320,3 @@ extendStatics(d, b);
         var pos;
+        var position;
         var relateToElement = this.getRelateToElement();
@@ -322,2 +326,23 @@ if (typeof this.position.X === 'number' && typeof this.position.Y === 'number') {
         }
+        else if ((typeof this.position.X === 'string' && typeof this.position.Y === 'number') ||
+            (typeof this.position.X === 'number' && typeof this.position.Y === 'string')) {
+            var display = this.element.style.display;
+            var parentDisplay = void 0;
+            this.element.style.display = 'block';
+            if (this.element.classList.contains('e-dlg-modal')) {
+                parentDisplay = this.element.parentElement.style.display;
+                this.element.parentElement.style.display = 'block';
+            }
+            position = this.getAnchorPosition(relateToElement, this.element, this.position, this.offsetX, this.offsetY);
+            if (typeof this.position.X === 'string') {
+                pos = { left: position.left, top: this.position.Y };
+            }
+            else {
+                pos = { left: this.position.X, top: position.top };
+            }
+            this.element.style.display = display;
+            if (this.element.classList.contains('e-dlg-modal')) {
+                this.element.parentElement.style.display = parentDisplay;
+            }
+        }
         else if (relateToElement) {
@@ -359,2 +384,5 @@ var display = this.element.style.display;
         else {
+            if ((ele.classList.contains('e-dlg-modal') && anchor.tagName !== 'BODY')) {
+                ele = ele.parentElement;
+            }
             anchorPos = calculateRelativeBasedPosition(anchor, ele);
@@ -367,3 +395,6 @@ }
             case 'center':
-                if (this.targetType === 'container') {
+                if ((ele.classList.contains('e-dlg-modal') && anchor.tagName === 'BODY' && this.targetType === 'container')) {
+                    anchorPos.left += (window.innerWidth / 2 - eleRect.width / 2);
+                }
+                else if (this.targetType === 'container') {
                     anchorPos.left += (anchorRect.width / 2 - eleRect.width / 2);
@@ -376,3 +407,6 @@ }
             case 'right':
-                if (this.targetType === 'container') {
+                if ((ele.classList.contains('e-dlg-modal') && anchor.tagName === 'BODY' && this.targetType === 'container')) {
+                    anchorPos.left += (window.innerWidth - eleRect.width);
+                }
+                else if (this.targetType === 'container') {
                     anchorPos.left += (anchorRect.width - eleRect.width);
@@ -390,3 +424,6 @@ }
             case 'center':
-                if (this.targetType === 'container') {
+                if ((ele.classList.contains('e-dlg-modal') && anchor.tagName === 'BODY' && this.targetType === 'container')) {
+                    anchorPos.top += (window.innerHeight / 2 - eleRect.height / 2);
+                }
+                else if (this.targetType === 'container') {
                     anchorPos.top += (anchorRect.height / 2 - eleRect.height / 2);
@@ -399,3 +436,6 @@ }
             case 'bottom':
-                if (this.targetType === 'container') {
+                if ((ele.classList.contains('e-dlg-modal') && anchor.tagName === 'BODY' && this.targetType === 'container')) {
+                    anchorPos.top += (window.innerHeight - eleRect.height);
+                }
+                else if (this.targetType === 'container') {
                     anchorPos.top += (anchorRect.height - eleRect.height);
@@ -402,0 +442,0 @@ }

src/tooltip/tooltip.d.ts

@@ -279,34 +279,34 @@ import { Component, ChildProperty, BaseEventArgs } from '@syncfusion/ej2-base';
     constructor(options?: TooltipModel, element?: string | HTMLElement);
-    private initialize();
-    private formatPosition();
-    private renderArrow();
-    private setTipClass(position);
-    private renderPopup(target);
-    private getTooltipPosition(target);
-    private reposition(target);
-    private openPopupHandler();
-    private closePopupHandler();
-    private calculateTooltipOffset(position);
-    private updateTipPosition(position);
-    private adjustArrow(target, position, tooltipPositionX, tooltipPositionY);
-    private renderContent(target?);
-    private renderCloseIcon();
-    private addDescribedBy(target, id);
-    private removeDescribedBy(target);
-    private tapHoldHandler(evt);
-    private touchEndHandler(e);
-    private targetClick(e);
-    private targetHover(e);
-    private showTooltip(target, showAnimation, e?);
-    private checkCollision(target, x, y);
-    private collisionFlipFit(target, x, y);
-    private hideTooltip(hideAnimation, e?, targetElement?);
-    private restoreElement(target);
-    private clear();
-    private onMouseOut(e);
-    private onStickyClose(e);
-    private onMouseMove(event);
-    private keyDown(event);
-    private touchEnd(e);
-    private scrollHandler(e);
+    private initialize;
+    private formatPosition;
+    private renderArrow;
+    private setTipClass;
+    private renderPopup;
+    private getTooltipPosition;
+    private reposition;
+    private openPopupHandler;
+    private closePopupHandler;
+    private calculateTooltipOffset;
+    private updateTipPosition;
+    private adjustArrow;
+    private renderContent;
+    private renderCloseIcon;
+    private addDescribedBy;
+    private removeDescribedBy;
+    private tapHoldHandler;
+    private touchEndHandler;
+    private targetClick;
+    private targetHover;
+    private showTooltip;
+    private checkCollision;
+    private collisionFlipFit;
+    private hideTooltip;
+    private restoreElement;
+    private clear;
+    private onMouseOut;
+    private onStickyClose;
+    private onMouseMove;
+    private keyDown;
+    private touchEnd;
+    private scrollHandler;
     /**
@@ -326,6 +326,6 @@ * Core method that initializes the control rendering.
      */
-    private wireEvents(trigger);
-    private getTriggerList(trigger);
-    private wireFocusEvents();
-    private wireMouseEvents(e, target);
+    private wireEvents;
+    private getTriggerList;
+    private wireFocusEvents;
+    private wireMouseEvents;
     /**
@@ -335,6 +335,6 @@ * Unbinding events from the element on widget destroy.
      */
-    private unwireEvents(trigger);
-    private unwireFocusEvents();
-    private unwireMouseEvents(target);
-    private findTarget();
+    private unwireEvents;
+    private unwireFocusEvents;
+    private unwireMouseEvents;
+    private findTarget;
     /**
@@ -341,0 +341,0 @@ * Core method to return the component name.

src/tooltip/tooltip.js

 var __extends = (this && this.__extends) || (function () {
-    var 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]; };
+    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) {
@@ -87,2 +90,3 @@ extendStatics(d, b);
     Tooltip.prototype.formatPosition = function () {
+        var _a, _b;
         if (this.position.indexOf('Top') === 0 || this.position.indexOf('Bottom') === 0) {
@@ -94,3 +98,2 @@ _a = this.position.split(/(?=[A-Z])/), this.tooltipPositionY = _a[0], this.tooltipPositionX = _a[1];
         }
-        var _a, _b;
     };
@@ -97,0 +100,0 @@ Tooltip.prototype.renderArrow = function () {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

1918942

decreased by-66.06%

Lines of code

19304

decreased by-61.66%

Dependency changes

• Updated@syncfusion/ej2-base@~16.3.29

• Updated@syncfusion/ej2-buttons@~16.3.29