@syncfusion/ej2-popups - npm Package Compare versions

Comparing version 17.1.1-beta to 17.1.32-beta

CHANGELOG.md

@@ -37,2 +37,4 @@ # Changelog
 
+- Provided option to pass animation settings as an argument to utility methods of dialog.
+
 ## 16.3.32 (2018-11-13)
@@ -39,0 +41,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 17.1.1-beta
+*  version : 17.1.32-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

 {
   "name": "@syncfusion/ej2-popups",
-  "version": "17.1.1-beta",
+  "version": "17.1.32-beta",
   "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,11 +11,6 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~17.1.1-beta",
-    "@syncfusion/ej2-buttons": "~17.1.1-beta"
+    "@syncfusion/ej2-base": "~17.1.32-beta",
+    "@syncfusion/ej2-buttons": "~17.1.32-beta"
   },
-  "devDependencies": {
-    "@types/chai": "^3.4.28",
-    "@types/jasmine": "2.8.9",
-    "@types/jasmine-ajax": "^3.1.27",
-    "@types/requirejs": "^2.1.26"
-  },
+  "devDependencies": {},
   "keywords": [
@@ -22,0 +17,0 @@ "ej2",

src/dialog/dialog-model.d.ts

@@ -18,3 +18,4 @@ 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 } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, append } from '@syncfusion/ej2-base';import { EventHandler } 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';
      * Possible values are Button, Submit and Reset.
-     * @event
+     * @default 'Button'
+     * @aspType string
      */
@@ -21,0 +22,0 @@ type?: ButtonType | string;

src/dialog/dialog.d.ts

@@ -15,3 +15,4 @@ import { Component, EmitType } from '@syncfusion/ej2-base';
      * Possible values are Button, Submit and Reset.
-     * @event
+     * @default 'Button'
+     * @aspType string
      */
@@ -18,0 +19,0 @@ type: ButtonType | string;

src/dialog/dialog.js

@@ -366,3 +366,3 @@ var __extends = (this && this.__extends) || (function () {
                 };
-                if (_this.enableResize && _this.animationSettings.effect !== 'None') {
+                if (_this.enableResize) {
                     _this.getMinHeight();
@@ -369,0 +369,0 @@ }

src/spinner/spinner.d.ts

@@ -13,3 +13,3 @@ export declare type createElementParams = (tag: string, prop?: {
  */
-export declare type SpinnerType = 'Material' | 'Fabric' | 'Bootstrap' | 'HighContrast';
+export declare type SpinnerType = 'Material' | 'Fabric' | 'Bootstrap' | 'HighContrast' | 'Bootstrap4';
 /**
@@ -16,0 +16,0 @@ * Create a spinner for the specified target element.

src/spinner/spinner.js

@@ -8,2 +8,3 @@ import { isNullOrUndefined, classList, createElement } from '@syncfusion/ej2-base';
 var DEFT_BOOT_WIDTH = 30;
+var DEFT_BOOT4_WIDTH = 36;
 var CLS_SHOWSPIN = 'e-spin-show';
@@ -14,2 +15,3 @@ var CLS_HIDESPIN = 'e-spin-hide';
 var CLS_BOOTSPIN = 'e-spin-bootstrap';
+var CLS_BOOT4SPIN = 'e-spin-bootstrap4';
 var CLS_HIGHCONTRASTSPIN = 'e-spin-high-contrast';
@@ -64,5 +66,11 @@ var CLS_SPINWRAP = 'e-spinner-pane';
     globalTimeOut[uniqueID] = { timeOut: 0, type: 'Material', radius: radius };
-    create_material_element(container, uniqueID, makeElement);
-    mat_calculate_attributes(radius, container);
+    create_material_element(container, uniqueID, makeElement, CLS_MATERIALSPIN);
+    mat_calculate_attributes(radius, container, 'Material', CLS_MATERIALSPIN);
 }
+function createBootstrap4Spinner(container, radius, makeElement) {
+    var uniqueID = random_generator();
+    globalTimeOut[uniqueID] = { timeOut: 0, type: 'Bootstrap4', radius: radius };
+    create_material_element(container, uniqueID, makeElement, CLS_BOOT4SPIN);
+    mat_calculate_attributes(radius, container, 'Bootstrap4', CLS_BOOT4SPIN);
+}
 function startMatAnimate(container, uniqueID, radius) {
@@ -111,2 +119,5 @@ var globalObject = {};
             break;
+        case 'Bootstrap4':
+            createBootstrap4Spinner(innerContainer, radius, makeElement);
+            break;
     }
@@ -217,3 +228,16 @@ }
 function calculateRadius(width, theme) {
-    var defaultSize = theme === 'Material' ? DEFT_MAT_WIDTH : theme === 'Fabric' ? DEFT_FAB_WIDTH : DEFT_BOOT_WIDTH;
+    var defaultSize;
+    switch (theme) {
+        case 'Material':
+            defaultSize = DEFT_MAT_WIDTH;
+            break;
+        case 'Fabric':
+            defaultSize = DEFT_FAB_WIDTH;
+            break;
+        case 'Bootstrap4':
+            defaultSize = DEFT_BOOT4_WIDTH;
+            break;
+        default:
+            defaultSize = DEFT_BOOT_WIDTH;
+    }
     width = width ? parseFloat(width + '') : defaultSize;
@@ -249,5 +273,5 @@ return theme === 'Bootstrap' ? width : width / 2;
 }
-function create_material_element(innerContainer, uniqueID, makeElement) {
+function create_material_element(innerContainer, uniqueID, makeElement, cls) {
     var svgMaterial = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    svgMaterial.setAttribute('class', CLS_MATERIALSPIN);
+    svgMaterial.setAttribute('class', cls);
     svgMaterial.setAttribute('id', uniqueID);
@@ -304,5 +328,5 @@ var matCirclePath = document.createElementNS('http://www.w3.org/2000/svg', 'path');
 }
-function mat_calculate_attributes(radius, container) {
+function mat_calculate_attributes(radius, container, type, cls) {
     var diameter = radius * 2;
-    var svg = container.querySelector('svg.e-spin-material');
+    var svg = container.querySelector('svg.' + cls);
     var path = svg.querySelector('path.e-path-circle');
@@ -314,6 +338,8 @@ var strokeSize = getStrokeSize(diameter);
     svg.style.transformOrigin = transformOrigin + ' ' + transformOrigin + ' ' + transformOrigin;
-    path.setAttribute('stroke-width', strokeSize + '');
     path.setAttribute('d', drawArc(diameter, strokeSize));
-    path.setAttribute('stroke-dasharray', ((diameter - strokeSize) * Math.PI * 0.75) + '');
-    path.setAttribute('stroke-dashoffset', getDashOffset(diameter, strokeSize, 1, 75) + '');
+    if (type === 'Material') {
+        path.setAttribute('stroke-width', strokeSize + '');
+        path.setAttribute('stroke-dasharray', ((diameter - strokeSize) * Math.PI * 0.75) + '');
+        path.setAttribute('stroke-dashoffset', getDashOffset(diameter, strokeSize, 1, 75) + '');
+    }
 }
@@ -320,0 +346,0 @@ function getSize(value) {

src/tooltip/tooltip.js

@@ -507,5 +507,9 @@ var __extends = (this && this.__extends) || (function () {
         if (elePos.position !== newpos) {
-            var pos = calculatePosition(target, this.tooltipPositionX, elePos.vertical);
+            var pos = calculatePosition(target, elePos.horizontal, elePos.vertical);
             this.adjustArrow(target, newpos, elePos.horizontal, elePos.vertical);
             var offsetPos = this.calculateTooltipOffset(newpos);
+            offsetPos.top -= (('TopBottom'.indexOf(this.position.split(/(?=[A-Z])/)[0]) !== -1) &&
+                ('TopBottom'.indexOf(newpos.split(/(?=[A-Z])/)[0]) !== -1)) ? (2 * this.offsetY) : 0;
+            offsetPos.left -= (('RightLeft'.indexOf(this.position.split(/(?=[A-Z])/)[0]) !== -1) &&
+                ('RightLeft'.indexOf(newpos.split(/(?=[A-Z])/)[0]) !== -1)) ? (2 * this.offsetX) : 0;
             elePos.position = newpos;
@@ -512,0 +516,0 @@ elePos.left = pos.left + offsetPos.left;

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

2353313

increased by1.61%

Dev dependency count

0

decreased by-100%

Number of package files

194

increased by3.19%

Lines of code

26990

increased by1.47%

Dependency changes

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

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