@syncfusion/ej2-ng-base - npm Package Compare versions

Comparing version 15.4.30 to 16.1.24

CHANGELOG.md

@@ -5,4 +5,18 @@ # Changelog
 
+### New Feature
+
+- Angular Universal support added
+
 ### Bug Fixes
 
+- Resolved `clearTemplate` issue.
+
+### Breaking Changes
+
+- Tag prefix for Angular components is changed from `ej` to `ejs`. For example, `ej-grid` is changed to `ejs-grid`.
+
+## 15.4.30-preview (2018-02-14)
+
+### Bug Fixes
+
 - Fixed Form component's expression changed on template issue.
@@ -9,0 +23,0 @@

dist/ej2-ng-base.umd.min.js

 /*!
 *  filename: ej2-ng-base.umd.min.js
-*  version : 15.4.30
+*  version : 16.1.24
 *  Copyright Syncfusion Inc. 2001 - 2017. All rights reserved.
@@ -11,3 +11,3 @@ *  Use of this code is subject to the terms of our license.
 
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-base"),require("@angular/core")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base","@angular/core"],t):t(e.ej={},e.ej2Base,e.core)}(this,function(e,t,n){"use strict";function i(e,t){var n=Object.keys(e.registeredTemplate);if(n.length)for(var i=t&&t.filter(function(e){return!/\./g.test(e)}),r=0,s=i&&i||n;r<s.length;r++){for(var o=s[r],a=0,p=e.registeredTemplate[o];a<p.length;a++){var h=p[a];h.destroyed||h.destroy()}delete e.registeredTemplate[o]}for(var u=function(e){e.instance&&e.instance.clearTemplate(t&&t.filter(function(t){return!!new RegExp(e.name).test(t)}))},c=0,l=e.tagObjects;c<l.length;c++){u(l[c])}}function r(e,n){if("string"==typeof e)return h(e,n);var i=e.elementRef.nativeElement._viewContainerRef,r=e.elementRef.nativeElement.propName;return function(n,s,o){var a={$implicit:n},p=i||s.viewContainerRef,h=p.createEmbeddedView(e,a),u=s?s.registeredTemplate:t.getValue("currentInstance.registeredTemplate",p);return o=o||r,void 0===u[o]&&(u[o]=[]),u[o].push(h),h.rootNodes}}var s=function(){function e(){this.hasChanges=!1,this.propCollection={},this.tags=[],this.tagObjects=[]}return e.prototype.ngOnInit=function(){this.registeredTemplate={};for(var e=0,n=this.tags;e<n.length;e++){var i=n[e],r=t.getValue("child"+i.substring(0,1).toUpperCase()+i.substring(1),this);r&&this.tagObjects.push({instance:r,name:i})}for(var s=Object.keys(this),o=0,a=s=s.filter(function(e){return/Ref$/i.test(e)});o<a.length;o++){var p=a[o].replace("Ref","");t.setValue(p.replace("_","."),t.getValue(p,this),this.propCollection)}},e.prototype.ngOnChanges=function(e){for(var t=0,n=Object.keys(e);t<n.length;t++){var i=n[t],r=e[i];this.propCollection[i]=r.currentValue}this.hasChanges=!0},e.prototype.clearTemplate=function(e){i(this,e)},e.prototype.getProperties=function(){for(var e=0,t=this.tagObjects;e<t.length;e++){var n=t[e];this.propCollection[n.name]=n.instance.getProperties()}return this.propCollection},e.prototype.isChanged=function(){for(var e=this.hasChanges,t=0,n=this.tagObjects;t<n.length;t++){var i=n[t];e=e||i.instance.hasChanges}return e},e.prototype.ngAfterContentChecked=function(){this.hasChanges=this.isChanged();var e=Object.keys(this);e=e.filter(function(e){return/Ref$/i.test(e)})},e.prototype.ngAfterViewChecked=function(){this.hasChanges=!1},e}(),o=function(){function e(e){this.list=[],this.hasChanges=!1,this.propertyName=e}return e.prototype.ngOnInit=function(){this.isInitChanges=!0},e.prototype.ngAfterContentInit=function(){var e=this,t=0;this.list=this.children.map(function(n){return n.index=t++,n.property=e.propertyName,n}),this.hasChanges=!0},e.prototype.getProperties=function(){for(var e=[],t=0,n=this.list;t<n.length;t++){var i=n[t];e.push(i.getProperties())}return e},e.prototype.isChanged=function(){for(var e=!1,t=0,n=this.list;t<n.length;t++){var i=n[t];e=e||i.hasChanges}return!!this.list.length&&e},e.prototype.clearTemplate=function(e){for(var t=this,n=0,i=this.list;n<i.length;n++){i[n].clearTemplate(e&&e.map(function(e){return new RegExp(t.propertyName).test(e)?e.replace(t.propertyName+".",""):e}))}},e.prototype.ngAfterContentChecked=function(){this.hasChanges=this.isChanged()},e.prototype.ngAfterViewInit=function(){this.isInitChanges=!1},e}(),a=function(){function e(){}return e.prototype.ngOnInit=function(){this.registeredTemplate={},this.ngBoundedEvents={},this.tags=this.tags||[],this.complexTemplate=this.complexTemplate||[],this.tagObjects=[];for(var e=0,n=this.tags;e<n.length;e++){var i=n[e],r={instance:t.getValue("child"+i.substring(0,1).toUpperCase()+i.substring(1),this),name:i};this.tagObjects.push(r)}for(var s=Object.keys(this),o=0,a=s=s.filter(function(e){return/Ref$/i.test(e)&&/\_/i.test(e)});o<a.length;o++){var p=a[o].replace("Ref",""),h={};t.setValue(p.replace("_","."),t.getValue(p,this),h),this.setProperties(h,!0)}},e.prototype.ngAfterViewInit=function(){var e=this;setTimeout(function(){e.appendTo(e.element)})},e.prototype.ngOnDestroy=function(){this.destroy(),this.clearTemplate(null)},e.prototype.clearTemplate=function(e){i(this,e)},e.prototype.ngAfterContentChecked=function(){for(var e=0,n=this.tagObjects;e<n.length;e++){var i=n[e];if(!t.isUndefined(i.instance)&&(i.instance.isInitChanges||i.instance.hasChanges))if(i.instance.isInitChanges){var r={};r[i.name]=i.instance.getProperties(),this.setProperties(r,i.instance.isInitChanges)}else for(var s=0,o=i.instance.list;s<o.length;s++){var a=o[s];if(a.hasChanges){var p=i.instance.list.indexOf(a);t.getValue(i.name,this)[p].setProperties(a.getProperties())}}}},e.prototype.registerEvents=function(e){var t={};if(e&&e.length){for(var i=0,r=e;i<r.length;i++){t[r[i]]=new n.EventEmitter(!1)}this.setProperties(t,!0)}},e.prototype.addTwoWay=function(e){for(var i=this,r=function(e){t.getValue(e,s),Object.defineProperty(s,e,{get:function(){return t.getValue(e,i.properties)},set:function(n){var r=t.getValue(e,i.properties);r!==n&&(i.saveChanges(e,n,r),t.setValue(e,t.isNullOrUndefined(n)?null:n,i.properties),t.getValue(e+"Change",i).emit(n))}}),t.setValue(e+"Change",new n.EventEmitter,s)},s=this,o=0,a=e;o<a.length;o++){r(a[o])}},e.prototype.addEventListener=function(e,n){var i=t.getValue(e,this);t.isUndefined(i)||(this.ngBoundedEvents[e]||(this.ngBoundedEvents[e]=new Map),this.ngBoundedEvents[e].set(n,i.subscribe(n)))},e.prototype.removeEventListener=function(e,n){var i=t.getValue(e,this);t.isUndefined(i)||this.ngBoundedEvents[e].get(n).unsubscribe()},e.prototype.trigger=function(e,n){var i=t.getValue(e,this);t.isUndefined(i)||i.next(n);var r=t.getValue("local"+e.charAt(0).toUpperCase()+e.slice(1),this);t.isUndefined(r)||r.call(this,n)},e}(),p=function(){function e(){}return e.prototype.propagateChange=function(e){},e.prototype.propagateTouch=function(){},e.prototype.localChange=function(e){var t=void 0===e.checked?e.value:e.checked;void 0!==this.propagateChange&&void 0!==t&&this.propagateChange(t)},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.propagateTouch=e},e.prototype.ngAfterViewInit=function(){var e=this;setTimeout(function(){e.appendTo(e.element);var t=e.inputElement||e.element;t.addEventListener("focus",e.ngOnFocus.bind(e)),t.addEventListener("blur",e.ngOnBlur.bind(e))})},e.prototype.setDisabledState=function(e){this.enabled=!e},e.prototype.writeValue=function(e){void 0===this.checked?this.value=e:this.checked="boolean"==typeof e?e:e===this.value},e.prototype.ngOnFocus=function(e){this.focus.emit(e)},e.prototype.ngOnBlur=function(e){this.propagateTouch(),this.blur.emit(e)},e}(),h=t.getTemplateEngine();t.setTemplateEngine({compile:r}),e.ComplexBase=s,e.ArrayBase=o,e.ComponentBase=a,e.FormBase=p,e.applyMixins=function(e,t){t.forEach(function(t){Object.getOwnPropertyNames(t.prototype).forEach(function(n){e.prototype[n]=t.prototype[n]})})},e.clearTemplate=i,e.setValue=function(e,t,n){for(var i=e.split("."),r=n||{},s=0;s<i.length;s++){var o=i[s];s+1===i.length?r[o]=void 0===t?{}:t:void 0===r[o]&&(r[o]={}),r=r[o]}return r},e.compile=r,e.Template=function(e){return function(n,i){var r={set:function(e){return function(n){void 0!==n&&(t.setValue(e+"Ref",n,this),"string"!=typeof n?(n.elementRef.nativeElement._viewContainerRef=this.viewContainerRef,n.elementRef.nativeElement.propName=e):this.saveChanges&&(this.saveChanges(e,n,void 0),this.dataBind()))}}(i),get:function(e,n){return function(){return t.getValue(e+"Ref",this)||n}}(i,e),enumerable:!0,configurable:!0};Object.defineProperty(n,i,r)}},Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-base"),require("@angular/core")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-base","@angular/core"],t):t(e.ej={},e.ej2Base,e.core)}(this,function(e,t,n){"use strict";function i(e,t){var n=Object.keys(e.registeredTemplate);if(n.length)for(var i=t&&t.filter(function(e){return!/\./g.test(e)}),r=0,o=i&&i||n;r<o.length;r++){for(var s=o[r],a=0,p=e.registeredTemplate[s];a<p.length;a++){var h=p[a];if(!h.destroyed){for(var u=h._view.renderer.parentNode(h.rootNodes[0]),c=void 0;c<h.rootNodes.length;c++)u.appendChild(h.rootNodes[c]);h.destroy()}}delete e.registeredTemplate[s]}for(var f=function(e){e.instance&&e.instance.clearTemplate(t&&t.filter(function(t){return!!new RegExp(e.name).test(t)}))},l=0,g=e.tagObjects;l<g.length;l++){f(g[l])}}function r(e,n){if("string"==typeof e)return h(e,n);var i=e.elementRef.nativeElement._viewContainerRef,r=e.elementRef.nativeElement.propName;return function(n,o,s){var a={$implicit:n},p=i||o.viewContainerRef,h=p.createEmbeddedView(e,a),u=o?o.registeredTemplate:t.getValue("currentInstance.registeredTemplate",p);return s=s||r,void 0===u[s]&&(u[s]=[]),u[s].push(h),h.rootNodes}}var o=function(){function e(){this.hasChanges=!1,this.propCollection={},this.tags=[],this.tagObjects=[]}return e.prototype.ngOnInit=function(){this.registeredTemplate={};for(var e=0,n=this.tags;e<n.length;e++){var i=n[e],r=t.getValue("child"+i.substring(0,1).toUpperCase()+i.substring(1),this);r&&this.tagObjects.push({instance:r,name:i})}for(var o=Object.keys(this),s=0,a=o=o.filter(function(e){return/Ref$/i.test(e)});s<a.length;s++){var p=a[s].replace("Ref","");t.setValue(p.replace("_","."),t.getValue(p,this),this.propCollection)}},e.prototype.ngOnChanges=function(e){for(var t=0,n=Object.keys(e);t<n.length;t++){var i=n[t],r=e[i];this.propCollection[i]=r.currentValue}this.hasChanges=!0},e.prototype.clearTemplate=function(e){i(this,e)},e.prototype.getProperties=function(){for(var e=0,t=this.tagObjects;e<t.length;e++){var n=t[e];this.propCollection[n.name]=n.instance.getProperties()}return this.propCollection},e.prototype.isChanged=function(){for(var e=this.hasChanges,t=0,n=this.tagObjects;t<n.length;t++){var i=n[t];e=e||i.instance.hasChanges}return e},e.prototype.ngAfterContentChecked=function(){this.hasChanges=this.isChanged();var e=Object.keys(this);e=e.filter(function(e){return/Ref$/i.test(e)})},e.prototype.ngAfterViewChecked=function(){this.hasChanges=!1},e}(),s=function(){function e(e){this.list=[],this.hasChanges=!1,this.propertyName=e}return e.prototype.ngOnInit=function(){this.isInitChanges=!0},e.prototype.ngAfterContentInit=function(){var e=this,t=0;this.list=this.children.map(function(n){return n.index=t++,n.property=e.propertyName,n}),this.hasChanges=!0},e.prototype.getProperties=function(){for(var e=[],t=0,n=this.list;t<n.length;t++){var i=n[t];e.push(i.getProperties())}return e},e.prototype.isChanged=function(){for(var e=!1,t=0,n=this.list;t<n.length;t++){var i=n[t];e=e||i.hasChanges}return!!this.list.length&&e},e.prototype.clearTemplate=function(e){for(var t=this,n=0,i=this.list;n<i.length;n++){i[n].clearTemplate(e&&e.map(function(e){return new RegExp(t.propertyName).test(e)?e.replace(t.propertyName+".",""):e}))}},e.prototype.ngAfterContentChecked=function(){this.hasChanges=this.isChanged()},e.prototype.ngAfterViewInit=function(){this.isInitChanges=!1},e}(),a=function(){function e(){}return e.prototype.ngOnInit=function(){this.registeredTemplate={},this.ngBoundedEvents={},this.tags=this.tags||[],this.complexTemplate=this.complexTemplate||[],this.tagObjects=[];for(var e=0,n=this.tags;e<n.length;e++){var i=n[e],r={instance:t.getValue("child"+i.substring(0,1).toUpperCase()+i.substring(1),this),name:i};this.tagObjects.push(r)}for(var o=Object.keys(this),s=0,a=o=o.filter(function(e){return/Ref$/i.test(e)&&/\_/i.test(e)});s<a.length;s++){var p=a[s].replace("Ref",""),h={};t.setValue(p.replace("_","."),t.getValue(p,this),h),this.setProperties(h,!0)}},e.prototype.ngAfterViewInit=function(){var e=this;setTimeout(function(){"undefined"!=typeof window&&e.appendTo(e.element)})},e.prototype.ngOnDestroy=function(){"undefined"!=typeof window&&(this.destroy(),this.clearTemplate(null))},e.prototype.clearTemplate=function(e){i(this,e)},e.prototype.ngAfterContentChecked=function(){for(var e=0,n=this.tagObjects;e<n.length;e++){var i=n[e];if(!t.isUndefined(i.instance)&&(i.instance.isInitChanges||i.instance.hasChanges))if(i.instance.isInitChanges){var r={};r[i.name]=i.instance.getProperties(),this.setProperties(r,i.instance.isInitChanges)}else for(var o=0,s=i.instance.list;o<s.length;o++){var a=s[o];if(a.hasChanges){var p=i.instance.list.indexOf(a);t.getValue(i.name,this)[p].setProperties(a.getProperties())}}}},e.prototype.registerEvents=function(e){var t={};if(e&&e.length){for(var i=0,r=e;i<r.length;i++){t[r[i]]=new n.EventEmitter(!1)}this.setProperties(t,!0)}},e.prototype.addTwoWay=function(e){for(var i=this,r=function(e){t.getValue(e,o),Object.defineProperty(o,e,{get:function(){return t.getValue(e,i.properties)},set:function(n){var r=t.getValue(e,i.properties);r!==n&&(i.saveChanges(e,n,r),t.setValue(e,t.isNullOrUndefined(n)?null:n,i.properties),t.getValue(e+"Change",i).emit(n))}}),t.setValue(e+"Change",new n.EventEmitter,o)},o=this,s=0,a=e;s<a.length;s++){r(a[s])}},e.prototype.addEventListener=function(e,n){var i=t.getValue(e,this);t.isUndefined(i)||(this.ngBoundedEvents[e]||(this.ngBoundedEvents[e]=new Map),this.ngBoundedEvents[e].set(n,i.subscribe(n)))},e.prototype.removeEventListener=function(e,n){var i=t.getValue(e,this);t.isUndefined(i)||this.ngBoundedEvents[e].get(n).unsubscribe()},e.prototype.trigger=function(e,n){var i=t.getValue(e,this);t.isUndefined(i)||i.next(n);var r=t.getValue("local"+e.charAt(0).toUpperCase()+e.slice(1),this);t.isUndefined(r)||r.call(this,n)},e}(),p=function(){function e(){}return e.prototype.propagateChange=function(e){},e.prototype.propagateTouch=function(){},e.prototype.localChange=function(e){var t=void 0===e.checked?e.value:e.checked;void 0!==this.propagateChange&&void 0!==t&&this.propagateChange(t)},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.propagateTouch=e},e.prototype.ngAfterViewInit=function(){var e=this;"undefined"!=typeof window&&setTimeout(function(){e.appendTo(e.element);var t=e.inputElement||e.element;t.addEventListener("focus",e.ngOnFocus.bind(e)),t.addEventListener("blur",e.ngOnBlur.bind(e))})},e.prototype.setDisabledState=function(e){this.enabled=!e},e.prototype.writeValue=function(e){void 0===this.checked?this.value=e:this.checked="boolean"==typeof e?e:e===this.value},e.prototype.ngOnFocus=function(e){this.focus.emit(e)},e.prototype.ngOnBlur=function(e){this.propagateTouch(),this.blur.emit(e)},e}(),h=t.getTemplateEngine();t.setTemplateEngine({compile:r}),e.ComplexBase=o,e.ArrayBase=s,e.ComponentBase=a,e.FormBase=p,e.applyMixins=function(e,t){t.forEach(function(t){Object.getOwnPropertyNames(t.prototype).forEach(function(n){e.prototype[n]=t.prototype[n]})})},e.clearTemplate=i,e.setValue=function(e,t,n){for(var i=e.split("."),r=n||{},o=0;o<i.length;o++){var s=i[o];o+1===i.length?r[s]=void 0===t?{}:t:void 0===r[s]&&(r[s]={}),r=r[s]}return r},e.compile=r,e.Template=function(e){return function(n,i){var r={set:function(e){return function(n){void 0!==n&&(t.setValue(e+"Ref",n,this),"string"!=typeof n?(n.elementRef.nativeElement._viewContainerRef=this.viewContainerRef,n.elementRef.nativeElement.propName=e):this.saveChanges&&(this.saveChanges(e,n,void 0),this.dataBind()))}}(i),get:function(e,n){return function(){return t.getValue(e+"Ref",this)||n}}(i,e),enumerable:!0,configurable:!0};Object.defineProperty(n,i,r)}},Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-ng-base.umd.min.js.map

dist/es6/ej2-ng-base.es2015.js

@@ -27,2 +27,6 @@ import { getTemplateEngine, getValue, isNullOrUndefined, isUndefined, setTemplateEngine, setValue } from '@syncfusion/ej2-base';
                 if (!rt.destroyed) {
+                    let pNode = rt._view.renderer.parentNode(rt.rootNodes[0]);
+                    for (let m; m < rt.rootNodes.length; m++) {
+                        pNode.appendChild(rt.rootNodes[m]);
+                    }
                     rt.destroy();
@@ -204,8 +208,14 @@ }
         setTimeout(() => {
-            this.appendTo(this.element);
+            /* istanbul ignore else  */
+            if (typeof window !== 'undefined') {
+                this.appendTo(this.element);
+            }
         });
     }
     ngOnDestroy() {
-        this.destroy();
-        this.clearTemplate(null);
+        /* istanbul ignore else  */
+        if (typeof window !== 'undefined') {
+            this.destroy();
+            this.clearTemplate(null);
+        }
     }
@@ -311,10 +321,13 @@ clearTemplate(templateNames) {
     ngAfterViewInit() {
-        // Used setTimeout for template binding
-        // Refer Link: https://github.com/angular/angular/issues/6005
-        setTimeout(() => {
-            this.appendTo(this.element);
-            let ele = this.inputElement || this.element;
-            ele.addEventListener('focus', this.ngOnFocus.bind(this));
-            ele.addEventListener('blur', this.ngOnBlur.bind(this));
-        });
+        /* istanbul ignore else  */
+        if (typeof window !== 'undefined') {
+            // Used setTimeout for template binding
+            // Refer Link: https://github.com/angular/angular/issues/6005
+            setTimeout(() => {
+                this.appendTo(this.element);
+                let ele = this.inputElement || this.element;
+                ele.addEventListener('focus', this.ngOnFocus.bind(this));
+                ele.addEventListener('blur', this.ngOnBlur.bind(this));
+            });
+        }
     }
@@ -321,0 +334,0 @@ setDisabledState(disabled) {

dist/es6/ej2-ng-base.es5.js

@@ -29,2 +29,6 @@ import { getTemplateEngine, getValue, isNullOrUndefined, isUndefined, setTemplateEngine, setValue } from '@syncfusion/ej2-base';
                 if (!rt.destroyed) {
+                    var pNode = rt._view.renderer.parentNode(rt.rootNodes[0]);
+                    for (var m = void 0; m < rt.rootNodes.length; m++) {
+                        pNode.appendChild(rt.rootNodes[m]);
+                    }
                     rt.destroy();
@@ -72,3 +76,3 @@ }
 
-var ComplexBase = /** @class */ (function () {
+var ComplexBase = /** @__PURE__ @class */ (function () {
     function ComplexBase() {
@@ -138,3 +142,3 @@ this.hasChanges = false;
 }());
-var ArrayBase = /** @class */ (function () {
+var ArrayBase = /** @__PURE__ @class */ (function () {
     function ArrayBase(propertyName) {
@@ -195,3 +199,3 @@ this.list = [];
  */
-var ComponentBase = /** @class */ (function () {
+var ComponentBase = /** @__PURE__ @class */ (function () {
     function ComponentBase() {
@@ -230,8 +234,14 @@ }
         setTimeout(function () {
-            _this.appendTo(_this.element);
+            /* istanbul ignore else  */
+            if (typeof window !== 'undefined') {
+                _this.appendTo(_this.element);
+            }
         });
     };
     ComponentBase.prototype.ngOnDestroy = function () {
-        this.destroy();
-        this.clearTemplate(null);
+        /* istanbul ignore else  */
+        if (typeof window !== 'undefined') {
+            this.destroy();
+            this.clearTemplate(null);
+        }
     };
@@ -330,3 +340,3 @@ ComponentBase.prototype.clearTemplate = function (templateNames) {
  */
-var FormBase = /** @class */ (function () {
+var FormBase = /** @__PURE__ @class */ (function () {
     function FormBase() {
@@ -351,10 +361,13 @@ }
         var _this = this;
-        // Used setTimeout for template binding
-        // Refer Link: https://github.com/angular/angular/issues/6005
-        setTimeout(function () {
-            _this.appendTo(_this.element);
-            var ele = _this.inputElement || _this.element;
-            ele.addEventListener('focus', _this.ngOnFocus.bind(_this));
-            ele.addEventListener('blur', _this.ngOnBlur.bind(_this));
-        });
+        /* istanbul ignore else  */
+        if (typeof window !== 'undefined') {
+            // Used setTimeout for template binding
+            // Refer Link: https://github.com/angular/angular/issues/6005
+            setTimeout(function () {
+                _this.appendTo(_this.element);
+                var ele = _this.inputElement || _this.element;
+                ele.addEventListener('focus', _this.ngOnFocus.bind(_this));
+                ele.addEventListener('blur', _this.ngOnBlur.bind(_this));
+            });
+        }
     };
@@ -361,0 +374,0 @@ FormBase.prototype.setDisabledState = function (disabled) {

dist/global/index.d.ts

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

index.js

@@ -7,3 +7,6 @@ define(["require", "exports", "./src/index"], function (require, exports, index_1) {
     Object.defineProperty(exports, "__esModule", { value: true });
+    /**
+     * index
+     */
     __export(index_1);
 });

package.json

 {
   "name": "@syncfusion/ej2-ng-base",
-  "version": "15.4.30",
+  "version": "16.1.24",
   "description": "Essential JS 2 Angular Base",
@@ -18,3 +18,3 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "^15.4.23",
+    "@syncfusion/ej2-base": "^16.1.24",
     "zone.js": "^0.7.2",
@@ -21,0 +21,0 @@ "core-js": "^2.4.1",

src/complex-array-base.js

 define(["require", "exports", "@syncfusion/ej2-base", "./util"], function (require, exports, ej2_base_1, util_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    var ComplexBase = (function () {
+    var ComplexBase = /** @class */ (function () {
         function ComplexBase() {
@@ -70,3 +70,3 @@ this.hasChanges = false;
     exports.ComplexBase = ComplexBase;
-    var ArrayBase = (function () {
+    var ArrayBase = /** @class */ (function () {
         function ArrayBase(propertyName) {
@@ -73,0 +73,0 @@ this.list = [];

src/component-base.js

 define(["require", "exports", "@syncfusion/ej2-base", "@angular/core", "./util"], function (require, exports, ej2_base_1, core_1, util_1) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    var ComponentBase = (function () {
+    var ComponentBase = /** @class */ (function () {
         function ComponentBase() {
@@ -35,9 +35,17 @@ }
             var _this = this;
+            // Used setTimeout for template binding
+            // Refer Link: https://github.com/angular/angular/issues/6005
             setTimeout(function () {
-                _this.appendTo(_this.element);
+                /* istanbul ignore else  */
+                if (typeof window !== 'undefined') {
+                    _this.appendTo(_this.element);
+                }
             });
         };
         ComponentBase.prototype.ngOnDestroy = function () {
-            this.destroy();
-            this.clearTemplate(null);
+            /* istanbul ignore else  */
+            if (typeof window !== 'undefined') {
+                this.destroy();
+                this.clearTemplate(null);
+            }
         };
@@ -44,0 +52,0 @@ ComponentBase.prototype.clearTemplate = function (templateNames) {

src/form-base.js

 define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    var FormBase = (function () {
+    /**
+     * Angular Form Base Module
+     */
+    var FormBase = /** @class */ (function () {
         function FormBase() {
@@ -12,2 +15,3 @@ }
             if (this.propagateChange !== undefined && value !== undefined) {
+                // Update angular from our control
                 this.propagateChange(value);
@@ -24,8 +28,13 @@ }
             var _this = this;
-            setTimeout(function () {
-                _this.appendTo(_this.element);
-                var ele = _this.inputElement || _this.element;
-                ele.addEventListener('focus', _this.ngOnFocus.bind(_this));
-                ele.addEventListener('blur', _this.ngOnBlur.bind(_this));
-            });
+            /* istanbul ignore else  */
+            if (typeof window !== 'undefined') {
+                // Used setTimeout for template binding
+                // Refer Link: https://github.com/angular/angular/issues/6005
+                setTimeout(function () {
+                    _this.appendTo(_this.element);
+                    var ele = _this.inputElement || _this.element;
+                    ele.addEventListener('focus', _this.ngOnFocus.bind(_this));
+                    ele.addEventListener('blur', _this.ngOnBlur.bind(_this));
+                });
+            }
         };
@@ -36,2 +45,3 @@ FormBase.prototype.setDisabledState = function (disabled) {
         FormBase.prototype.writeValue = function (value) {
+            //update control value from angular
             if (this.checked === undefined) {
@@ -38,0 +48,0 @@ this.value = value;

src/index.js

@@ -7,2 +7,5 @@ define(["require", "exports", "./complex-array-base", "./component-base", "./form-base", "./util", "./template"], function (require, exports, complex_array_base_1, component_base_1, form_base_1, util_1, template_1) {
     Object.defineProperty(exports, "__esModule", { value: true });
+    /**
+     * Index
+     */
     __export(complex_array_base_1);
@@ -9,0 +12,0 @@ __export(component_base_1);

src/template.js

@@ -5,2 +5,5 @@ define(["require", "exports", "@syncfusion/ej2-base", "@syncfusion/ej2-base"], function (require, exports, ej2_base_1, ej2_base_2) {
     var stringCompiler = ej2_base_1.getTemplateEngine();
+    /**
+     * Angular Template Compiler
+     */
     function compile(templateEle, helper) {
@@ -13,2 +16,3 @@ if (typeof templateEle === 'string') {
             var pName_1 = templateEle.elementRef.nativeElement.propName;
+            //tslint:disable-next-line        
             return function (data, component, propName) {
@@ -30,2 +34,5 @@ var context = { $implicit: data };
     exports.compile = compile;
+    /**
+     * Property decorator for angular.
+     */
     function Template(defaultValue) {
@@ -66,3 +73,4 @@ return function (target, key) {
     }
+    //tslint:disable-next-line
     ej2_base_1.setTemplateEngine({ compile: compile });
 });

src/util.js

@@ -0,4 +1,8 @@
+/**
+ * Angular Utility Module
+ */
 define(["require", "exports"], function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
+    /* tslint:disable */
     function applyMixins(derivedClass, baseClass) {
@@ -12,2 +16,5 @@ baseClass.forEach(function (baseClass) {
     exports.applyMixins = applyMixins;
+    /**
+     * @private
+     */
     function clearTemplate(_this, templateNames) {
@@ -24,2 +31,6 @@ var regTemplates = Object.keys(_this.registeredTemplate);
                     if (!rt.destroyed) {
+                        var pNode = rt._view.renderer.parentNode(rt.rootNodes[0]);
+                        for (var m = void 0; m < rt.rootNodes.length; m++) {
+                            pNode.appendChild(rt.rootNodes[m]);
+                        }
                         rt.destroy();
@@ -44,2 +55,10 @@ }
     exports.clearTemplate = clearTemplate;
+    /**
+     * To set value for the nameSpace in desired object.
+     * @param {string} nameSpace - String value to the get the inner object
+     * @param {any} value - Value that you need to set.
+     * @param {any} obj - Object to get the inner object value.
+     * @return {void}
+     * @private
+     */
     function setValue(nameSpace, value, object) {
@@ -46,0 +65,0 @@ var keys = nameSpace.split('.');

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

1519612

increased by0.49%

Lines of code

2487

increased by3.32%

Dependency changes

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

• - Removed@syncfusion/ej2-base@15.4.23(transitive)

• Updated@syncfusion/ej2-base@^16.1.24