@syncfusion/ej2-popups - npm Package Compare versions

Comparing version 16.2.47 to 16.2.49

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+### Spinner
+
+#### Bug Fixes
+
+- Provided angular view encapsulation support for spinner utility.
+
 ## 16.2.46 (2018-07-30)
@@ -7,0 +13,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 16.2.47
+*  version : 16.2.49
 *  Copyright Syncfusion Inc. 2001 - 2018. 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": "16.2.47",
+  "version": "16.2.49",
   "description": "Essential JS 2 popup Component",
@@ -11,4 +11,4 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~16.2.46",
-    "@syncfusion/ej2-buttons": "~16.2.47"
+    "@syncfusion/ej2-base": "~16.2.49",
+    "@syncfusion/ej2-buttons": "~16.2.49"
   },
@@ -15,0 +15,0 @@ "devDependencies": {

src/spinner/spinner.d.ts

@@ -0,1 +1,10 @@
+export declare type createElementParams = (tag: string, prop?: {
+    id?: string;
+    className?: string;
+    innerHTML?: string;
+    styles?: string;
+    attrs?: {
+        [key: string]: string;
+    };
+}) => HTMLElement;
 /**
@@ -13,3 +22,3 @@ * Defines the type of spinner.
  */
-export declare function createSpinner(args: SpinnerArgs): void;
+export declare function createSpinner(args: SpinnerArgs, internalCreateElement?: createElementParams): void;
 /**
@@ -35,3 +44,3 @@ * Function to show the Spinner.
  */
-export declare function setSpinner(args: SetSpinnerArgs): void;
+export declare function setSpinner(args: SetSpinnerArgs, internalCreateElement?: createElementParams): void;
 /**
@@ -38,0 +47,0 @@ * Arguments to create a spinner for the target.These properties are optional.

src/spinner/spinner.js

@@ -1,2 +0,2 @@
-import { isNullOrUndefined, classList } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, classList, createElement } from '@syncfusion/ej2-base';
 var globalTimeOut = {};
@@ -28,5 +28,6 @@ var spinTemplate = null;
  */
-export function createSpinner(args) {
+export function createSpinner(args, internalCreateElement) {
     var radius;
-    var container = create_spinner_container(args.target);
+    var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;
+    var container = create_spinner_container(args.target, makeElement);
     if (!isNullOrUndefined(args.cssClass)) {
@@ -44,5 +45,5 @@ container.wrap.classList.add(args.cssClass);
         radius = calculateRadius(width, theme);
-        setTheme(theme, container.wrap, radius);
+        setTheme(theme, container.wrap, radius, makeElement);
         if (!isNullOrUndefined(args.label)) {
-            createLabel(container.inner_wrap, args.label);
+            createLabel(container.inner_wrap, args.label, makeElement);
         }
@@ -53,4 +54,4 @@ }
 }
-function createLabel(container, label) {
-    var labelEle = document.createElement('div');
+function createLabel(container, label, makeElement) {
+    var labelEle = makeElement('div', {});
     labelEle.classList.add(CLS_SPINLABEL);
@@ -61,6 +62,6 @@ labelEle.textContent = label;
 }
-function createMaterialSpinner(container, radius) {
+function createMaterialSpinner(container, radius, makeElement) {
     var uniqueID = random_generator();
     globalTimeOut[uniqueID] = { timeOut: 0, type: 'Material', radius: radius };
-    create_material_element(container, uniqueID);
+    create_material_element(container, uniqueID, makeElement);
     mat_calculate_attributes(radius, container);
@@ -76,12 +77,12 @@ }
 }
-function createFabricSpinner(container, radius) {
+function createFabricSpinner(container, radius, makeElement) {
     var uniqueID = random_generator();
     globalTimeOut[uniqueID] = { timeOut: 0, type: 'Fabric', radius: radius };
-    create_fabric_element(container, uniqueID, CLS_FABRICSPIN);
+    create_fabric_element(container, uniqueID, CLS_FABRICSPIN, makeElement);
     fb_calculate_attributes(radius, container, CLS_FABRICSPIN);
 }
-function createHighContrastSpinner(container, radius) {
+function createHighContrastSpinner(container, radius, makeElement) {
     var uniqueID = random_generator();
     globalTimeOut[uniqueID] = { timeOut: 0, type: 'HighContrast', radius: radius };
-    create_fabric_element(container, uniqueID, CLS_HIGHCONTRASTSPIN);
+    create_fabric_element(container, uniqueID, CLS_HIGHCONTRASTSPIN, makeElement);
     fb_calculate_attributes(radius, container, CLS_HIGHCONTRASTSPIN);
@@ -93,3 +94,3 @@ }
 }
-function setTheme(theme, container, radius) {
+function setTheme(theme, container, radius, makeElement) {
     var innerContainer = container.querySelector('.' + CLS_SPININWRAP);
@@ -102,22 +103,22 @@ var svg = innerContainer.querySelector('svg');
         case 'Material':
-            createMaterialSpinner(innerContainer, radius);
+            createMaterialSpinner(innerContainer, radius, makeElement);
             break;
         case 'Fabric':
-            createFabricSpinner(innerContainer, radius);
+            createFabricSpinner(innerContainer, radius, makeElement);
             break;
         case 'Bootstrap':
-            createBootstrapSpinner(innerContainer, radius);
+            createBootstrapSpinner(innerContainer, radius, makeElement);
             break;
         case 'HighContrast':
-            createHighContrastSpinner(innerContainer, radius);
+            createHighContrastSpinner(innerContainer, radius, makeElement);
             break;
     }
 }
-function createBootstrapSpinner(innerContainer, radius) {
+function createBootstrapSpinner(innerContainer, radius, makeElement) {
     var uniqueID = random_generator();
     globalTimeOut[uniqueID] = { timeOut: 0, type: 'Bootstrap', radius: radius };
-    create_bootstrap_element(innerContainer, uniqueID);
+    create_bootstrap_element(innerContainer, uniqueID, makeElement);
     boot_calculate_attributes(innerContainer, radius);
 }
-function create_bootstrap_element(innerContainer, uniqueID) {
+function create_bootstrap_element(innerContainer, uniqueID, makeElement) {
     var svgBoot = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
@@ -238,3 +239,3 @@ var viewBoxValue = 64;
 }
-function create_fabric_element(innerContainer, uniqueID, themeClass) {
+function create_fabric_element(innerCon, uniqueID, themeClass, makeElement) {
     var svgFabric = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
@@ -247,7 +248,7 @@ svgFabric.setAttribute('id', uniqueID);
     fabricCircleArc.setAttribute('class', CLS_SPINARC);
-    innerContainer.insertBefore(svgFabric, innerContainer.firstChild);
+    innerCon.insertBefore(svgFabric, innerCon.firstChild);
     svgFabric.appendChild(fabricCirclePath);
     svgFabric.appendChild(fabricCircleArc);
 }
-function create_material_element(innerContainer, uniqueID) {
+function create_material_element(innerContainer, uniqueID, makeElement) {
     var svgMaterial = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
@@ -261,6 +262,6 @@ svgMaterial.setAttribute('class', CLS_MATERIALSPIN);
 }
-function create_spinner_container(target) {
-    var spinnerContainer = document.createElement('div');
+function create_spinner_container(target, makeElement) {
+    var spinnerContainer = makeElement('div', {});
     spinnerContainer.classList.add(CLS_SPINWRAP);
-    var spinnerInnerContainer = document.createElement('div');
+    var spinnerInnerContainer = makeElement('div', {});
     spinnerInnerContainer.classList.add(CLS_SPININWRAP);
@@ -435,3 +436,4 @@ target.appendChild(spinnerContainer);
  */
-export function setSpinner(args) {
+export function setSpinner(args, internalCreateElement) {
+    var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;
     if (args.template !== undefined) {
@@ -445,8 +447,8 @@ spinTemplate = args.template;
     for (var index = 0; index < container.length; index++) {
-        ensureTemplate(args.template, container[index], args.type, args.cssClass);
+        ensureTemplate(args.template, container[index], args.type, args.cssClass, makeElement);
     }
 }
-function ensureTemplate(template, container, theme, cssClass) {
+function ensureTemplate(template, container, theme, cssClass, makeEle) {
     if (isNullOrUndefined(template) && !container.classList.contains(CLS_SPINTEMPLATE)) {
-        replaceTheme(container, theme, cssClass);
+        replaceTheme(container, theme, cssClass, makeEle);
         if (container.classList.contains(CLS_SHOWSPIN)) {
@@ -468,3 +470,3 @@ container.classList.remove(CLS_SHOWSPIN);
 }
-function replaceTheme(container, theme, cssClass) {
+function replaceTheme(container, theme, cssClass, makeEle) {
     if (!isNullOrUndefined(cssClass)) {
@@ -481,3 +483,3 @@ container.classList.add(cssClass);
     }
-    setTheme(theme, container, radius);
+    setTheme(theme, container, radius, makeEle);
 }

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

8580659

increased by1.46%

Lines of code

60740

increased by0.19%

Dependency changes

• Updated@syncfusion/ej2-base@~16.2.49

• Updated@syncfusion/ej2-buttons@~16.2.49