@syncfusion/ej2-popups - npm Package Compare versions

Comparing version 17.2.48-beta to 17.3.9-beta

dist/global/index.d.ts

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

package.json

 {
   "_from": "@syncfusion/ej2-popups@*",
-  "_id": "@syncfusion/ej2-popups@17.1.1",
+  "_id": "@syncfusion/ej2-popups@17.2.48",
   "_inBundle": false,
-  "_integrity": "sha512-ig3DBKzdKDpQ/w6WpjUjWeOWf8uP2z+gmC3YsytIgJgiOAnoqLDUpRnvQAlE3oy+sqDvynVnO31rb9V1bvE1Rg==",
+  "_integrity": "sha512-b+XSbSpCHY5ja4497I3VRrAR3X0u7Cvgqe4fSaGsboxMppK/Rgpls7aoNj9/5hS4+1a0lNqL6yvf6O5dvR2r2Q==",
   "_location": "/@syncfusion/ej2-popups",
@@ -45,6 +45,6 @@ "_phantomChildren": {},
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-production/@syncfusion/ej2-popups/-/ej2-popups-17.1.1.tgz",
-  "_shasum": "9646136d5ee1f022d24ef40d2083e0ba844d8a88",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-popups/-/ej2-popups-17.2.48.tgz",
+  "_shasum": "711b65e451543be8731b9a761d2c125696f478db",
   "_spec": "@syncfusion/ej2-popups@*",
-  "_where": "/jenkins/workspace/ation_hotfix_16.4.0.42_Vol4-CJVRBFC7Z7RSISPRJNEMNQSRMCB6XTG67IJD6R2DVNXFIKQEITTQ/packages/included",
+  "_where": "/jenkins/workspace/ation_hotfix_17.2.0.34_Vol2-DDPJ6C2YEWTWLLKKNA7AG2JBE6DYTCTNGMHGORWGAYAVCL6L7OLQ/packages/included",
   "author": {
@@ -58,4 +58,4 @@ "name": "Syncfusion Inc."
   "dependencies": {
-    "@syncfusion/ej2-base": "17.2.48-beta",
-    "@syncfusion/ej2-buttons": "17.2.48-beta"
+    "@syncfusion/ej2-base": "~17.3.9-beta",
+    "@syncfusion/ej2-buttons": "~17.3.9-beta"
   },
@@ -95,4 +95,4 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "17.2.48-beta",
+  "version": "17.3.9-beta",
   "sideEffects": false
 }

src/dialog/dialog-model.d.ts

@@ -1,3 +0,3 @@
-import { Component, Property, Event, Collection, L10n, Browser, 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 } from '@syncfusion/ej2-base';import { EventHandler, updateBlazorTemplate } from '@syncfusion/ej2-base';import { Draggable } from '@syncfusion/ej2-base';import { Popup, PositionData, getZindexPartial } from '../popup/popup';import { PositionDataModel } from '../popup/popup-model';import { Button, ButtonModel } from '@syncfusion/ej2-buttons';import { createResize, removeResize, setMinHeight } from '../common/resize';
-import {ButtonType,DialogEffect,BeforeOpenEventArgs,BeforeCloseEventArgs} from "./dialog";
+import { Component, Property, Event, Collection, L10n, Browser, 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 } from '@syncfusion/ej2-base';import { EventHandler, updateBlazorTemplate, BlazorDragEventArgs } from '@syncfusion/ej2-base';import { Draggable } from '@syncfusion/ej2-base';import { Popup, PositionData, getZindexPartial } from '../popup/popup';import { PositionDataModel } from '../popup/popup-model';import { Button, ButtonModel } from '@syncfusion/ej2-buttons';import { createResize, removeResize, setMinHeight } from '../common/resize';
+import {ButtonType,DialogEffect,BeforeOpenEventArgs,OpenEventArgs,BeforeCloseEventArgs,CloseEventArgs} from "./dialog";
 import {ComponentModel} from '@syncfusion/ej2-base';
@@ -242,2 +242,3 @@
      * @blazorProperty 'Opened'
+     * @blazorType OpenEventArgs
      */
@@ -259,2 +260,3 @@ open?: EmitType<Object>;
      * @blazorProperty 'Closed'
+     * @blazorType CloseEventArgs
      */
@@ -276,2 +278,3 @@ close?: EmitType<Object>;
      * @blazorProperty 'OnDragStart'
+     * @blazorType DragStartEventArgs
      */
@@ -284,2 +287,3 @@ dragStart?: EmitType<Object>;
      * @blazorProperty 'OnDragStop'
+     * @blazorType DragStopEventArgs
      */
@@ -292,2 +296,3 @@ dragStop?: EmitType<Object>;
      * @blazorProperty 'OnDrag'
+     * @blazorType DragEventArgs
      */
@@ -294,0 +299,0 @@ drag?: EmitType<Object>;

src/dialog/dialog.d.ts

@@ -127,2 +127,108 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
 }
+export interface OpenEventArgs {
+    /**
+     * Defines whether the current action can be prevented.
+     */
+    cancel: boolean;
+    /**
+     * Returns the root container element of the dialog.
+     */
+    container: HTMLElement;
+    /**
+     * Returns the element of the dialog.
+     */
+    element: Element;
+    /**
+     * Specify the name of the event.
+     */
+    name: string;
+}
+export interface CloseEventArgs {
+    /**
+     * Defines whether the current action can be prevented.
+     */
+    cancel: boolean;
+    /**
+     * Returns the root container element of the dialog.
+     */
+    container: HTMLElement;
+    /**
+     * Returns the element of the dialog.
+     */
+    element: Element;
+    /**
+     * Returns the original event arguments.
+     */
+    event: Event;
+    /**
+     * Determines whether the event is triggered by interaction.
+     */
+    isInteracted: boolean;
+    /**
+     * DEPRECATED-Determines whether the event is triggered by interaction.
+     */
+    isInteraction: boolean;
+    /**
+     * Specify the name of the event.
+     */
+    name: string;
+}
+export interface DragStartEventArgs {
+    /**
+     * Returns the original event arguments.
+     */
+    event: Event;
+    /**
+     * Returns the element of the dialog.
+     */
+    element: Element;
+    /**
+     * Returns the target element of the dialog.
+     */
+    target: HTMLElement;
+    /**
+     * Returns the name of the event.
+     */
+    name: String;
+}
+export interface DragStopEventArgs {
+    /**
+     * Returns the original event arguments.
+     */
+    event: Event;
+    /**
+     * Returns the element of the dialog.
+     */
+    element: Element;
+    /**
+     * Returns the target element of the dialog.
+     */
+    target: HTMLElement;
+    /**
+     * Returns the helper element.
+     */
+    helper: Element;
+    /**
+     * Returns the name of the event.
+     */
+    name: String;
+}
+export interface DragEventArgs {
+    /**
+     * Returns the original event arguments.
+     */
+    event: Event;
+    /**
+     * Returns the element of the dialog.
+     */
+    element: Element;
+    /**
+     * Returns the target element of the dialog.
+     */
+    target: HTMLElement;
+    /**
+     * Returns the name of the event.
+     */
+    name: String;
+}
 /**
@@ -170,2 +276,3 @@ * Represents the dialog component that displays the information and get input from the user.
     private allowMaxHeight;
+    private preventVisibility;
     /**
@@ -314,2 +421,3 @@ * Specifies the value that can be displayed in dialog's content area.
      * @blazorProperty 'Opened'
+     * @blazorType OpenEventArgs
      */
@@ -329,2 +437,3 @@ open: EmitType<Object>;
      * @blazorProperty 'Closed'
+     * @blazorType CloseEventArgs
      */
@@ -344,2 +453,3 @@ close: EmitType<Object>;
      * @blazorProperty 'OnDragStart'
+     * @blazorType DragStartEventArgs
      */
@@ -351,2 +461,3 @@ dragStart: EmitType<Object>;
      * @blazorProperty 'OnDragStop'
+     * @blazorType DragStopEventArgs
      */
@@ -358,2 +469,3 @@ dragStop: EmitType<Object>;
      * @blazorProperty 'OnDrag'
+     * @blazorType DragEventArgs
      */
@@ -360,0 +472,0 @@ drag: EmitType<Object>;

src/dialog/dialog.js

@@ -141,2 +141,3 @@ var __extends = (this && this.__extends) || (function () {
         this.allowMaxHeight = true;
+        this.preventVisibility = true;
         var classArray = [];
@@ -465,3 +466,7 @@ for (var j = 0; j < this.element.classList.length; j++) {
             dragStart: function (event) {
-                _this.trigger('dragStart', event);
+                _this.trigger('dragStart', event, function (dragEventArgs) {
+                    if (isBlazor()) {
+                        dragEventArgs.bindEvents(event.dragElement);
+                    }
+                });
             },
@@ -845,3 +850,5 @@ dragStop: function (event) {
                     }
-                    this.calculatezIndex = false;
+                    if (this.element.style.zIndex !== this.zIndex.toString()) {
+                        this.calculatezIndex = false;
+                    }
                     break;
@@ -1085,2 +1092,3 @@ case 'cssClass':
                     _this.visible = true;
+                    _this.preventVisibility = true;
                     _this.isProtectedOnChange = prevOnChange;
@@ -1100,3 +1108,3 @@ }
         }
-        if (this.visible) {
+        if (this.preventVisibility) {
             var eventArgs = isBlazor() ? {
@@ -1135,2 +1143,3 @@ cancel: false,
                     _this.visible = false;
+                    _this.preventVisibility = false;
                     _this.isProtectedOnChange = prevOnChange;
@@ -1137,0 +1146,0 @@ }

src/popup/popup.js

@@ -157,3 +157,2 @@ var __extends = (this && this.__extends) || (function () {
         this.setContent();
-        this.wireEvents();
     };
@@ -521,2 +520,3 @@ Popup.prototype.wireEvents = function () {
         var _this = this;
+        this.wireEvents();
         if (this.zIndex === 1000 || !isNullOrUndefined(relativeElement)) {
@@ -579,2 +579,3 @@ var zIndexElement = (isNullOrUndefined(relativeElement)) ? this.element : relativeElement;
         }
+        this.unwireEvents();
     };
@@ -581,0 +582,0 @@ /**

src/spinner/spinner.d.ts

@@ -15,2 +15,11 @@ export declare type createElementParams = (tag: string, prop?: {
 /**
+ * Function to change the Spinners in a page globally from application end.
+ * ```
+ * E.g : blazorSpinner({ action: "Create", options: {target: targetElement}, type: "" });
+ * ```
+ * @param args
+ * @private
+ */
+export declare function blazorSpinner(action: string, options: CreateArgs, target: string, type: string): void;
+/**
  * Create a spinner for the specified target element.
@@ -94,1 +103,42 @@ * ```
 }
+/**
+ * Arguments to change the `Blazor` Spinners in a page globally from application end.
+ */
+export interface SetArgs {
+    /**
+     *  Sets the CSS classes to root element of the Spinner which helps to customize the complete UI styles.
+     */
+    cssClass?: string;
+    /**
+     *  Specify the type of the Spinner.
+     */
+    type?: SpinnerType;
+}
+/**
+ * Arguments to create a `Blazor` spinner for the target.
+ */
+export interface CreateArgs {
+    /**
+     * Target element to the Spinner.
+     * ```
+     * E.g : createSpinner({ target: element });
+     * ```
+     */
+    target: string;
+    /**
+     *  To set the width of the Spinner.
+     */
+    width?: string | number;
+    /**
+     *  To set the label to the Spinner element.
+     */
+    label?: string;
+    /**
+     *  Sets the CSS classes to root element of the Spinner which helps to customize the complete UI styles.
+     */
+    cssClass?: string;
+    /**
+     *  Specify the type of the Spinner.
+     */
+    type?: SpinnerType;
+}

src/spinner/spinner.js

@@ -23,2 +23,30 @@ import { isNullOrUndefined, classList, createElement } from '@syncfusion/ej2-base';
 /**
+ * Function to change the Spinners in a page globally from application end.
+ * ```
+ * E.g : blazorSpinner({ action: "Create", options: {target: targetElement}, type: "" });
+ * ```
+ * @param args
+ * @private
+ */
+export function blazorSpinner(action, options, target, type) {
+    switch (action) {
+        case 'Create':
+            var element = document.querySelector(options.target);
+            var args = { type: type, target: element, cssClass: options.cssClass,
+                label: options.label, width: options.width };
+            createSpinner(args);
+            break;
+        case 'Show':
+            showSpinner(document.querySelector(target));
+            break;
+        case 'Hide':
+            hideSpinner(document.querySelector(target));
+            break;
+        case 'Set':
+            var setArgs = { cssClass: options.cssClass, type: type };
+            setSpinner(setArgs);
+            break;
+    }
+}
+/**
  * Create a spinner for the specified target element.
@@ -25,0 +53,0 @@ * ```

src/tooltip/tooltip.d.ts

@@ -304,2 +304,4 @@ import { Component, ChildProperty, BaseEventArgs } from '@syncfusion/ej2-base';
     private showTooltip;
+    private beforeRenderCallback;
+    private beforeOpenCallback;
     private needTemplateReposition;
@@ -306,0 +308,0 @@ private checkCollision;

src/tooltip/tooltip.js

@@ -402,3 +402,2 @@ var __extends = (this && this.__extends) || (function () {
         this.showTooltip(target, this.animation.open, e);
-        this.wireMouseEvents(e, target);
     };
@@ -409,86 +408,99 @@ Tooltip.prototype.showTooltip = function (target, showAnimation, e) {
         clearTimeout(this.hideTimer);
-        this.tooltipEventArgs = e ? { type: e.type, cancel: false, target: target, event: e, element: this.tooltipEle } :
-            { type: null, cancel: false, target: target, event: null, element: this.tooltipEle };
-        this.trigger('beforeRender', this.tooltipEventArgs, function (beforeRenderArgs) {
-            if (beforeRenderArgs.cancel) {
-                _this.isHidden = true;
-                _this.clear();
-            }
-            else {
-                _this.isHidden = false;
-                if (isNullOrUndefined(_this.tooltipEle)) {
-                    _this.ctrlId = _this.element.getAttribute('id') ?
-                        getUniqueID(_this.element.getAttribute('id')) : getUniqueID('tooltip');
-                    _this.tooltipEle = _this.createElement('div', {
-                        className: TOOLTIP_WRAP + ' ' + POPUP_ROOT + ' ' + POPUP_LIB, attrs: {
-                            role: 'tooltip', 'aria-hidden': 'false', 'id': _this.ctrlId + '_content'
-                        }, styles: 'width:' +
-                            formatUnit(_this.width) + ';height:' + formatUnit(_this.height) + ';position:absolute;'
-                    });
-                    if (_this.cssClass) {
-                        addClass([_this.tooltipEle], _this.cssClass.split(' '));
-                    }
-                    if (Browser.isDevice) {
-                        addClass([_this.tooltipEle], DEVICE);
-                    }
-                    if (_this.width !== 'auto') {
-                        _this.tooltipEle.style.maxWidth = formatUnit(_this.width);
-                    }
-                    _this.tooltipEle.appendChild(_this.createElement('div', { className: CONTENT }));
-                    document.body.appendChild(_this.tooltipEle);
-                    _this.addDescribedBy(target, _this.ctrlId + '_content');
-                    _this.renderContent(target);
-                    addClass([_this.tooltipEle], POPUP_OPEN);
-                    if (_this.showTipPointer) {
-                        _this.renderArrow();
-                    }
-                    _this.renderCloseIcon();
-                    _this.renderPopup(target);
+        this.tooltipEventArgs = e
+            ? { type: e.type, cancel: false, target: target, event: e, element: this.tooltipEle }
+            : { type: null, cancel: false, target: target, event: null, element: this.tooltipEle };
+        var observeCallback = function (beforeRenderArgs) {
+            _this.beforeRenderCallback(beforeRenderArgs, target, e, showAnimation);
+        };
+        this.trigger('beforeRender', this.tooltipEventArgs, observeCallback.bind(this));
+    };
+    Tooltip.prototype.beforeRenderCallback = function (beforeRenderArgs, target, e, showAnimation) {
+        var _this = this;
+        if (beforeRenderArgs.cancel) {
+            this.isHidden = true;
+            this.clear();
+        }
+        else {
+            this.isHidden = false;
+            if (isNullOrUndefined(this.tooltipEle)) {
+                this.ctrlId = this.element.getAttribute('id') ?
+                    getUniqueID(this.element.getAttribute('id')) : getUniqueID('tooltip');
+                this.tooltipEle = this.createElement('div', {
+                    className: TOOLTIP_WRAP + ' ' + POPUP_ROOT + ' ' + POPUP_LIB, attrs: {
+                        role: 'tooltip', 'aria-hidden': 'false', 'id': this.ctrlId + '_content'
+                    }, styles: 'width:' +
+                        formatUnit(this.width) + ';height:' + formatUnit(this.height) + ';position:absolute;'
+                });
+                if (this.cssClass) {
+                    addClass([this.tooltipEle], this.cssClass.split(' '));
                 }
-                else {
-                    _this.adjustArrow(target, _this.position, _this.tooltipPositionX, _this.tooltipPositionY);
-                    _this.addDescribedBy(target, _this.ctrlId + '_content');
-                    _this.renderContent(target);
-                    PopupAnimation.stop(_this.tooltipEle);
-                    _this.reposition(target);
+                if (Browser.isDevice) {
+                    addClass([this.tooltipEle], DEVICE);
                 }
-                removeClass([_this.tooltipEle], POPUP_OPEN);
-                addClass([_this.tooltipEle], POPUP_CLOSE);
-                _this.tooltipEventArgs = e ? { type: e.type, cancel: false, target: target, event: e, element: _this.tooltipEle } :
-                    { type: null, cancel: false, target: target, event: null, element: _this.tooltipEle };
-                var this$_1 = _this;
-                if (_this.needTemplateReposition() && !_this.mouseTrail) {
-                    _this.tooltipEle.style.display = 'none';
+                if (this.width !== 'auto') {
+                    this.tooltipEle.style.maxWidth = formatUnit(this.width);
                 }
-                _this.trigger('beforeOpen', _this.tooltipEventArgs, function (observedArgs) {
-                    if (observedArgs.cancel) {
-                        this$_1.isHidden = true;
-                        this$_1.clear();
-                        this$_1.restoreElement(target);
+                this.tooltipEle.appendChild(this.createElement('div', { className: CONTENT }));
+                document.body.appendChild(this.tooltipEle);
+                this.addDescribedBy(target, this.ctrlId + '_content');
+                this.renderContent(target);
+                addClass([this.tooltipEle], POPUP_OPEN);
+                if (this.showTipPointer) {
+                    this.renderArrow();
+                }
+                this.renderCloseIcon();
+                this.renderPopup(target);
+            }
+            else {
+                this.adjustArrow(target, this.position, this.tooltipPositionX, this.tooltipPositionY);
+                this.addDescribedBy(target, this.ctrlId + '_content');
+                this.renderContent(target);
+                PopupAnimation.stop(this.tooltipEle);
+                this.reposition(target);
+            }
+            removeClass([this.tooltipEle], POPUP_OPEN);
+            addClass([this.tooltipEle], POPUP_CLOSE);
+            this.tooltipEventArgs = e ? { type: e.type, cancel: false, target: target, event: e, element: this.tooltipEle } :
+                { type: null, cancel: false, target: target, event: null, element: this.tooltipEle };
+            if (this.needTemplateReposition() && !this.mouseTrail) {
+                this.tooltipEle.style.display = 'none';
+            }
+            var observeCallback = function (observedArgs) {
+                _this.beforeOpenCallback(observedArgs, target, showAnimation, e);
+            };
+            this.trigger('beforeOpen', this.tooltipEventArgs, observeCallback.bind(this));
+        }
+    };
+    Tooltip.prototype.beforeOpenCallback = function (observedArgs, target, showAnimation, e) {
+        var _this = this;
+        if (observedArgs.cancel) {
+            this.isHidden = true;
+            this.clear();
+            this.restoreElement(target);
+        }
+        else {
+            var openAnimation_1 = {
+                name: showAnimation.effect,
+                duration: showAnimation.duration,
+                delay: showAnimation.delay,
+                timingFunction: 'easeOut'
+            };
+            if (showAnimation.effect === 'None') {
+                openAnimation_1 = undefined;
+            }
+            if (this.openDelay > 0) {
+                var show = function () {
+                    if (_this.popupObj) {
+                        _this.popupObj.show(openAnimation_1, target);
                     }
-                    else {
-                        var openAnimation_1 = {
-                            name: showAnimation.effect,
-                            duration: showAnimation.duration,
-                            delay: showAnimation.delay,
-                            timingFunction: 'easeOut'
-                        };
-                        if (showAnimation.effect === 'None') {
-                            openAnimation_1 = undefined;
-                        }
-                        if (this$_1.openDelay > 0) {
-                            var show = function () {
-                                if (this$_1.popupObj) {
-                                    this$_1.popupObj.show(openAnimation_1, target);
-                                }
-                            };
-                            this$_1.showTimer = setTimeout(show, this$_1.openDelay);
-                        }
-                        else {
-                            this$_1.popupObj.show(openAnimation_1, target);
-                        }
-                    }
-                });
+                };
+                this.showTimer = setTimeout(show, this.openDelay);
             }
-        });
+            else {
+                this.popupObj.show(openAnimation_1, target);
+            }
+        }
+        if (e) {
+            this.wireMouseEvents(e, target);
+        }
     };
@@ -495,0 +507,0 @@ Tooltip.prototype.needTemplateReposition = 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

Improved metrics

Total package byte prevSize

2504035

increased by0.82%

Lines of code

29684

increased by1.11%

Dependency changes

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

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

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

• - Removed@syncfusion/ej2-base@17.2.48-beta(transitive)

• - Removed@syncfusion/ej2-buttons@17.2.48-beta(transitive)

• - Removed@syncfusion/ej2-icons@17.2.48-beta(transitive)

• Updated@syncfusion/ej2-base@~17.3.9-beta

• Updated@syncfusion/ej2-buttons@~17.3.9-beta