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

Comparing version 19.3.59 to 19.3.60-13828

CHANGELOG.md

@@ -5,2 +5,4 @@ # Changelog
 
+## 23.1.43 (2023-10-31)
+
 ### Common
@@ -10,5 +12,5 @@
 
-- `F170730` - Resolved `Button` component not properly rendered while using `ncstate popover` third party.
+- `#I507537`, `#I508879`, `#I505342` - Resolved `chart` loading delays to enhance overall performance.
 
-## 19.3.55 (2021-11-23)
+## 23.1.38 (2023-09-26)
 
@@ -19,13 +21,24 @@ ### Common
 
-- `I347507` - Resolved `Button` component not render inside the `ng-template`.
+- `#I488912` - Resolved the `ngModel` data binding not working properly in Form Base.
 
-## 19.3.53 (2021-11-12)
+## 23.1.36 (2023-09-15)
 
 ### Common
 
+#### Bug Fixes
+
+- `#I486549` - Provided `clearTemplates` support for `Accordion` Component.
+- `#F45098`, `#I497414` - Resolved the `Complex Directives` property changes not being applied properly.
+- `#I496453` - Resolved the `Template` binding not working properly in Form Base.
+- `#I473932` - Resolved the `Angular Form` states not working properly for the `OnPush` strategy.
+
+## 22.1.34 (2023-06-21)
+
+### Common
+
 #### New Features
 
-- Provided `tagDirective` support for third level tag element.
+- Provided the TypeScript 5 compatible support for the Angular components.
 
-## 19.3.47 (2021-10-26)
+## 21.1.41 (2023-04-18)
 
@@ -36,5 +49,6 @@ ### Common
 
-- `I341989` - Resolved `ng-template` not rendering in angular 7 production mode.
+- `#I454892` - The issue with the `ng-template` not working properly has been resolved.
+- `#I444984` - Resolved the script error while rendering Rich text editor component in the `NgbModel`.
 
-## 19.3.45 (2021-10-12)
+## 21.1.38 (2023-04-04)
 
@@ -45,7 +59,6 @@ ### Common
 
-- `I335868` - Resolved resetting Form component not working.
-- `F27111` - Resolved non `ng-template` component flickering issue.
-- `I342098` - Resolved form component not destroyed properly.
+- `#I444984` - Resolved Form base components `Set` and `Reset` not working properly.
+- `#F180294` - Improved the component rendering delay in the `ngAfterViewInit` hook.
 
-## 19.3.44 (2021-10-05)
+## 20.4.40 (2022-12-28)
 
@@ -56,4 +69,52 @@ ### Common
 
-- `I342446` - Increased `peerDependencies` version from `11.1.1` to `12.2.8`.
+- `#I426526`, `#I421906` - The issue with the delay rendering of controls in the `ngAfterViewInit` hook has been resolved.
 
+## 20.4.38 (2022-12-21)
+
+### Common
+
+#### New Features
+
+- Provided the Angular version 15 compatible support for the Angular components.
+- The new `Rating` component has been added to Angular.
+- The `AppBar`, `Floating Action Button (FAB)`, `Mention`, `Message` and `Speed Dial` components have been developed to meet industry standards and are now marked production-ready.
+
+#### Breaking Changes
+
+- If you are using Syncfusion's Angular components without first registering a license, a license dialog will appear after a certain limit of usage, preventing further interaction in the application. Please make sure to register a valid license in order to continue using the Syncfusion Angular components without interruption.
+
+## 20.3.47 (2022-09-29)
+
+### Common
+
+#### New Features
+
+- Provided the schematic ng add support for Syncfusion Angular IVY packages.
+
+#### Bug Fixes
+
+- `#I358566` - The issue with the `ng-template` not working in the Karma unit test has been resolved.
+- `#I392021` - The issue with the "Gantt header template image is not shown in the stack blitz sample" has been resolved.
+
+## 20.2.36 (2022-06-30)
+
+### Common
+
+#### Breaking Changes
+
+- From this release, Syncfusion provided the Ivy-compatible support for the Angular packages. Ivy Angular packages support Angular versions 12 and above. While using the latest Angular packages in the Angular 11 and below version application, components will not work. To provide the latest features and fixes for Angular versions 11 and below, Syncfusion will maintain the Angular packages tagged with `ngcc`. To install Angular packages that are compatible with `ngcc` for the Angular versions 11 and below application, run the `npm install @syncfusion/ej2-angular-grids@ngcc` command.
+
+#### New Features
+
+- Syncfusion components are now compatible with Angular 14 version.
+- Provided the Ivy-compatible support for the Angular packages. Ivy Angular packages support Angular versions 12 and above.
+- Provided the TypeScript 4.7 compatible support for the Angular components.
+- Provided the option to register the license key by using the `npx` command. Follow these steps to register the license using the `npx` command:
+
+| The `npx` command | 
+|---|
+| Install the Syncfusion packages from `npm`. | 
+| Add the license key either in the environment variable `SYNCFUSION_LICENSE` or in the `syncfusion-license.txt` text file. | 
+| Run the command `npx syncfusion-license activate` to automatically register the license. |
+
 ## 19.1.56 (2021-04-13)
@@ -60,0 +121,0 @@

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

@@ -1,11 +0,2 @@
-/*!
-*  filename: ej2-angular-base.umd.min.js
-*  version : 19.3.59
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  [e-mail]. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
-!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,i){"use strict";function n(e,t){t.forEach(function(t){Object.getOwnPropertyNames(t.prototype).forEach(function(i){e.prototype.hasOwnProperty(i)&&!t.isFormBase||(e.prototype[i]=t.prototype[i])})})}function s(e,t,n){var s={};if(e&&e.length){for(var r=0,a=e;r<a.length;r++){var o=a[r];!0===n?(t.propCollection[o]=new i.EventEmitter(!1),t[o]=t.propCollection[o]):s[o]=new i.EventEmitter(!1)}!0!==n&&t.setProperties(s,!0)}}function r(e,i,n){var s=Object.keys(e.registeredTemplate);if(s.length)for(var r=i&&i.filter(function(e){return!/\./g.test(e)}),a=0,o=r&&r||s;a<o.length;a++){var l=o[a];if(n&&n.length)for(var h=0;h<n.length;h++)for(var p=0;p<e.registeredTemplate.template.length;p++){if(e.registeredTemplate.template[p].rootNodes[0]===n[h]){(g=e.registeredTemplate[l])[p].destroy()}}else if(e.registeredTemplate[l])for(var c=0,u=e.registeredTemplate[l];c<u.length;c++){var g;if(!(g=u[c]).destroyed){if(g._view){var f=g._view.renderer.parentNode(g.rootNodes[0]);if(!t.isNullOrUndefined(f))for(p=0;p<g.rootNodes.length;p++)f.appendChild(g.rootNodes[p])}g.destroy()}}delete e.registeredTemplate[l]}for(var d=function(e){e.instance&&e.instance.clearTemplate(i&&i.filter(function(t){return!!new RegExp(e.name).test(t)}))},v=0,m=e.tagObjects;v<m.length;v++){d(m[v])}}function a(e,i){if("string"==typeof e)return u(e,i);var n=e.elementRef.nativeElement._viewContainerRef,s=e.elementRef.nativeElement.propName;return function(i,r,a){var o={$implicit:i},l=n||r.viewContainerRef,h=l.createEmbeddedView(e,o);h.markForCheck();var p=r&&r.registeredTemplate?r.registeredTemplate:t.getValue("currentInstance.registeredTemplate",l);return a=a&&r.registeredTemplate?a:s,void 0===p[a]&&(p[a]=[]),p[a].push(h),h.rootNodes}}var o=/Ref$/,l=function(){function e(){this.hasChanges=!1,this.propCollection={},this.dataSource={},this.tags=[],this.tagObjects=[]}return e.prototype.ngOnInit=function(){this.registeredTemplate={};for(var e=0,i=this.tags;e<i.length;e++){var n=i[e],s=t.getValue("child"+n.substring(0,1).toUpperCase()+n.substring(1),this);s&&this.tagObjects.push({instance:s,name:n})}for(var r=Object.keys(this),a=0;a<r.length;a++){var o=t.getValue(r[a],this);"object"==typeof o&&o.elementRef&&!t.getValue(-1!==r[a].indexOf("Ref")?r[a]:r[a]+"Ref",this)&&t.setValue(-1!==r[a].indexOf("Ref")?r[a]:r[a]+"Ref",o,this)}for(var l=0,h=r=(r=Object.keys(this)).filter(function(e){return/Ref$/i.test(e)});l<h.length;l++){var p=h[l].replace("Ref","");t.setValue(p.replace("_","."),t.getValue(p,this),this.propCollection)}var c=Object.keys(this);if(this.directivePropList){for(var u=0;u<this.directivePropList.length;u++){var g=this.directivePropList[u];-1!==c.indexOf(g)&&t.getValue(g,this)&&t.setValue(g,t.getValue(g,this),this.propCollection)}this.hasChanges=!0}this.isInitChanges=!0},e.prototype.registerEvents=function(e){s(e,this,!0)},e.prototype.ngOnChanges=function(e){for(var t=0,i=Object.keys(e);t<i.length;t++){var n=i[t],s=e[n];this.propCollection[n]=s.currentValue}this.isUpdated=!1,this.hasChanges=!0},e.prototype.clearTemplate=function(e){r(this,e)},e.prototype.getProperties=function(){for(var e=0,t=this.tagObjects;e<t.length;e++){var i=t[e];this.propCollection[i.name]=i.instance.getProperties()}return this.propCollection},e.prototype.isChanged=function(){var e=this.hasChanges;if(!t.isNullOrUndefined(this.propCollection[this.property]))for(var i=this.propCollection[this.property],n=Object.keys(i[0]),s=0;s<n.length;s++)if(!t.isNullOrUndefined(this.propCollection[n[s]])){var r=t.getValue(n[s],this),a=this.propCollection[this.property][0][n[s]];t.isNullOrUndefined(r)||this.propCollection[n[s]]===r||a===r||(t.setValue(n[s],r,this.propCollection[this.property][0]),t.setValue(n[s],r,this.propCollection),this.hasChanges=!0,this.isUpdated=!1)}for(var o=0,l=this.tagObjects;o<l.length;o++){var h=l[o];e=e||h.instance.hasChanges}return e||this.hasChanges},e.prototype.ngAfterContentChecked=function(){if(this.hasChanges=this.isChanged(),this.isInitChanges||this.hasChanges)for(var e=Object.keys(this),i=0,n=e=e.filter(function(e){return o.test(e)});i<n.length;i++){var s=n[i].replace("Ref","");t.setValue(s.replace("_","."),t.getValue(s,this),this.propCollection)}},e.prototype.ngAfterViewChecked=function(){this.isUpdated&&(this.hasChanges=!1)},e.prototype.ngAfterViewInit=function(){this.isInitChanges=!1},e.prototype.ngOnDestroy=function(){this.directivePropList=[]},e}(),h=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(i){return i.dirIndex=t++,i.property=e.propertyName,i}),this.hasChanges=!0},e.prototype.getProperties=function(){for(var e=[],t=0,i=this.list;t<i.length;t++){var n=i[t];e.push(n.getProperties())}return e},e.prototype.isChanged=function(){var e=this,t=!1,i=0,n=!1,s=this.children.map(function(e){return e});if(this.list.length===this.children.length)for(var r=0;r<this.list.length;r++)this.list[r].propCollection.dataSource&&(this.list[r].dataSource&&this.list[r].propCollection.dataSource!==this.list[r].dataSource&&(this.list[r].propCollection.dataSource=this.list[r].dataSource,this.list[r].hasChanges=!0),n=JSON.stringify(this.list[r].propCollection.dataSource)!==JSON.stringify(s[r].propCollection.dataSource));this.hasNewChildren=!(this.list.length===this.children.length&&!n)||null,this.hasNewChildren&&(this.list=this.children.map(function(t){return t.dirIndex=i++,t.property=e.propertyName,t}));for(var a=0,o=this.list;a<o.length;a++){var l=o[a];t=t||l.hasChanges}return!!this.list.length&&t},e.prototype.clearTemplate=function(e){for(var t=this,i=0,n=this.list;i<n.length;i++){n[i].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();for(var e=0;e<this.list.length;e++)t.getValue("childColumns",this.list[e])&&"columns"===t.getValue("property",this.list[e])&&t.setValue("columns",t.getValue("childColumns",this.list[e]).getProperties(),this.list[e].propCollection),this.list[e].isUpdated=!0},e.prototype.ngAfterViewInit=function(){this.isInitChanges=!1},e.prototype.ngOnDestroy=function(){this.list=[]},e}(),p=function(){function e(){this.isProtectedOnChange=!0,this.isFormInit=!0}return e.prototype.saveChanges=function(e,t,i){if(!this.isProtectedOnChange){this.oldProperties[e]=i,this.changedProperties[e]=t,this.finalUpdate();var n=setTimeout(this.dataBind.bind(this));this.finalUpdate=function(){clearTimeout(n)}}},e.prototype.ngOnInit=function(e){var i=e||this;i.registeredTemplate={},i.ngBoundedEvents={},i.isAngular=!0,i.isFormInit=!0,e&&(this.tags=e.tags),i.tags=this.tags||[],i.complexTemplate=this.complexTemplate||[],i.tagObjects=[],i.ngAttr=this.getAngularAttr(i.element),i.createElement=function(e,n){var s=i.srenderer?i.srenderer.createElement(e):t.createElement(e);return void 0===n?s:(s.innerHTML=n.innerHTML?n.innerHTML:"",void 0!==n.className&&(s.className=n.className),void 0!==n.id&&(s.id=n.id),void 0!==n.styles&&s.setAttribute("style",n.styles),void 0!==i.ngAttr&&s.setAttribute(i.ngAttr,""),void 0!==n.attrs&&t.attributes(s,n.attrs),s)};for(var n=0,s=i.tags;n<s.length;n++){var r=s[n],a={instance:t.getValue("child"+r.substring(0,1).toUpperCase()+r.substring(1),i),name:r};i.tagObjects.push(a)}for(var o=Object.keys(i),l=0,h=o=o.filter(function(e){return/Ref$/i.test(e)&&/\_/i.test(e)});l<h.length;l++){var p=h[l].replace("Ref",""),c={};t.setValue(p.replace("_","."),t.getValue(p,i),c),i.setProperties(c,!0)}},e.prototype.getAngularAttr=function(e){for(var t,i=e.attributes,n=i.length,s=0;s<n;s++)/_ngcontent/g.test(i[s].name)&&(t=i[s].name);return t},e.prototype.ngAfterViewInit=function(e){var i=e||this;/ejs-tab|ejs-accordion/g.test(i.ngEle.nativeElement.outerHTML)&&(i.ngEle.nativeElement.style.visibility="hidden");for(var n=Object.keys(i),s=0,r=n=n.filter(function(e){return/Ref$/i.test(e)});s<r.length;s++){var a=r[s].replace("Ref","");t.setValue(a.replace("_","."),t.getValue(a+"Ref",i),i)}setTimeout(function(){("undefined"!=typeof window&&document.body.contains(i.element)||"btn"===i.getModuleName())&&(i.appendTo(i.element),i.ngEle.nativeElement.style.visibility="")})},e.prototype.ngOnDestroy=function(e){var t=e||this;setTimeout(function(){"undefined"!=typeof window&&t.element.classList.contains("e-control")&&(t.destroy(),t.clearTemplate(null),t.ngBoundedEvents={},t.tagObjects={},t.ngEle=null)})},e.prototype.clearTemplate=function(e,t){r(this,e,t)},e.prototype.ngAfterContentChecked=function(e){for(var i=e||this,n=0,s=i.tagObjects;n<s.length;n++){var r=s[n];if(!t.isUndefined(r.instance)&&(r.instance.isInitChanges||r.instance.hasChanges||r.instance.hasNewChildren))if(r.instance.isInitChanges){var a={},o=void 0;(O=t.getValue("instance.list",r))&&O.length&&(o=O[0].directivePropList);var l=!0;if(i.getModuleName&&"gantt"===i.getModuleName()&&(l=!1),o&&l&&-1===o.indexOf(r.instance.propertyName))for(var h=Object.keys(r.instance.list[0].propCollection),p=0;p<r.instance.list.length;p++){r.instance.list[p].propCollection[r.instance.propertyName]=[];for(var c={},u=0;u<h.length;u++){c[P=h[u]]=r.instance.list[p].propCollection[P]}for(var g=0;g<r.instance.list[p].tags.length;g++){var f=r.instance.list[p].tags[g],d=t.getValue("child"+f.substring(0,1).toUpperCase()+f.substring(1),r.instance.list[p]);if(d){var v=r.instance.list[p]["child"+f.substring(0,1).toUpperCase()+f.substring(1)];if(v)for(var m=0;m<v.list.length;m++){var y=v.list[0].tags[0];if(y){var C=t.getValue("child"+y.substring(0,1).toUpperCase()+y.substring(1),v.list[m]);C&&v.list[m].tagObjects.push({instance:C,name:y})}}r.instance.list[p].tagObjects.push({instance:d,name:f})}}r.instance.list[p].propCollection[r.instance.propertyName].push(c)}a[r.name]=r.instance.getProperties(),i.setProperties(a,r.instance.isInitChanges)}else{i[r.name].length===r.instance.list.length&&"diagram"!==i.getModuleName()||(i[r.name]=r.instance.list);for(var b=0,V=r.instance.list;b<V.length;b++){var O=V[b],E=r.instance.list.indexOf(O),T=t.getValue(r.name,i)[E],j=Object.keys(T);if(j=j.filter(function(e){return/Ref$/i.test(e)}),T.properties&&0!==Object.keys(T.properties).length&&/chart/.test(i.getModuleName()))for(var N=0,w=j;N<w.length;N++){var P;P=(P=w[N]).replace(/Ref/,""),T.properties[P]=T.properties[P]?T.properties[P]:T.propCollection[P]}t.isUndefined(T)||t.isUndefined(T.setProperties)||(/diagram|DashboardLayout/.test(i.getModuleName())?T.setProperties(O.getProperties(),!0):T.setProperties(O.getProperties())),O.isUpdated=!0}}}},e.prototype.registerEvents=function(e){s(e,this)},e.prototype.twoWaySetter=function(e,i){var n=t.getValue(i,this.properties);n!==e&&(this.saveChanges(i,e,n),t.setValue(i,t.isNullOrUndefined(e)?null:e,this.properties),t.getValue(i+"Change",this).emit(e))},e.prototype.addTwoWay=function(e){for(var n=this,s=function(e){t.getValue(e,r),Object.defineProperty(r,e,{get:function(){return t.getValue(e,n.properties)},set:function(t){return n.twoWaySetter(t,e)}}),t.setValue(e+"Change",new i.EventEmitter,r)},r=this,a=0,o=e;a<o.length;a++){s(o[a])}},e.prototype.addEventListener=function(e,i){var n=t.getValue(e,this);t.isUndefined(n)||(this.ngBoundedEvents[e]||(this.ngBoundedEvents[e]=new Map),this.ngBoundedEvents[e].set(i,n.subscribe(i)))},e.prototype.removeEventListener=function(e,i){var n=t.getValue(e,this);t.isUndefined(n)||this.ngBoundedEvents[e].get(i).unsubscribe()},e.prototype.trigger=function(e,i,n){var s=t.getValue(e,this),r=this.isProtectedOnChange;this.isProtectedOnChange=!1,i&&(i.name=e),t.isUndefined(s)||s.next(i);var a=t.getValue("local"+e.charAt(0).toUpperCase()+e.slice(1),this);t.isUndefined(a)||a.call(this,i),this.isProtectedOnChange=r,n&&(this.preventChange=this.isPreventChange,n.call(this,i)),this.isPreventChange=!1},e}(),c=function(){function e(){}return e.prototype.propagateChange=function(e){},e.prototype.propagateTouch=function(){},e.prototype.localChange=function(e){var i=void 0===e.checked?e.value:e.checked;if(this.objCheck=t.isObject(i),!0===this.isUpdated&&(this.angularValue=this.oldValue),!0===this.objCheck)this.duplicateValue=JSON.stringify(i),this.duplicateAngularValue=JSON.stringify(this.angularValue),this.duplicateValue!==this.duplicateAngularValue&&void 0!==this.propagateChange&&void 0!==i&&(this.propagateChange(i),this.angularValue=i);else if(i!==this.angularValue&&void 0!==this.propagateChange&&void 0!==i)if(""!==i&&null!==i)this.propagateChange(i),this.angularValue=i;else{var n=i;this.propagateChange(n),this.angularValue=i}},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.propagateTouch=e},e.prototype.twoWaySetter=function(e,i){var n=this.oldValue||t.getValue(i,this.properties),s=this.inputElement||this.element;(!s||n!==e||this.value!==e||void 0!==s.value&&""!==s.value)&&(this.saveChanges(i,e,n),t.setValue(i,t.isNullOrUndefined(e)?null:e,this.properties),t.getValue(i+"Change",this).emit(e))},e.prototype.ngAfterViewInit=function(e){var t=e||this;if("undefined"!=typeof window){t.appendTo(t.element);var i=t.inputElement||t.element;i.addEventListener("focus",t.ngOnFocus.bind(t)),i.addEventListener("blur",t.ngOnBlur.bind(t))}this.isFormInit=!1},e.prototype.setDisabledState=function(e){this.enabled=!e,this.disabled=e},e.prototype.writeValue=function(e){void 0===this.checked?this.value=e:this.ngEle&&("boolean"==typeof e?/ejs-radiobutton/g.test(this.ngEle.nativeElement.outerHTML)?this.checked=e===this.value:this.checked=e:this.checked=e===this.value),this.angularValue=e,this.isUpdated=!0,this.preventChange=!this.isFormInit},e.prototype.ngOnFocus=function(e){!0!==this.skipFromEvent&&this.focus.emit(e)},e.prototype.ngOnBlur=function(e){this.propagateTouch(),!0!==this.skipFromEvent&&this.blur.emit(e)},e.isFormBase=!0,e}(),u=t.getTemplateEngine();t.setTemplateEngine({compile:a}),e.ComplexBase=l,e.ArrayBase=h,e.ComponentBase=p,e.FormBase=c,e.applyMixins=n,e.ComponentMixins=function(e){return function(t){n(t,e)}},e.registerEvents=s,e.clearTemplate=r,e.setValue=function(e,t,i){for(var n=e.replace(/\[/g,".").replace(/\]/g,"").split("."),s=i||{},r=0;r<n.length;r++){var a=n[r];r+1===n.length?s[a]=void 0===t?{}:t:void 0===s[a]&&(s[a]={}),s=s[a]}return s},e.compile=a,e.Template=function(e){return function(i,n){var s={set:function(e){return function(i){void 0!==i&&(t.setValue(e+"Ref",i,this),"string"!=typeof i?(i.elementRef.nativeElement._viewContainerRef=this.viewContainerRef,i.elementRef.nativeElement.propName=e):this.saveChanges&&(this.saveChanges(e,i,void 0),this.dataBind()))}}(n),get:function(e,i){return function(){return t.getValue(e+"Ref",this)||i}}(n,e),enumerable:!0,configurable:!0};Object.defineProperty(i,n,s)}},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){t.forEach(function(t){Object.getOwnPropertyNames(t.prototype).forEach(function(n){(!e.prototype.hasOwnProperty(n)||t.isFormBase&&"constructor"!==n)&&(e.prototype[n]=t.prototype[n])})})}function r(e,t,i){var r={};if(e&&e.length){for(var s=0,a=e;s<a.length;s++){var o=a[s];!0===i?(t.propCollection[o]=new n.EventEmitter(!1),t[o]=t.propCollection[o]):r[o]=new n.EventEmitter(!1)}!0!==i&&t.setProperties(r,!0)}}function s(e,n,i){var r=Object.keys(e.registeredTemplate);if(r.length)for(var s=n&&n.filter(function(e){return!/\./g.test(e)}),a=/tab|accordion|toolbar/.test(e.getModuleName()),o=0,l=s&&s||r;o<l.length;o++){var h=l[o];if(i&&i.length)for(var p=0;p<i.length;p++)if(a)for(var c=0;c<e.registeredTemplate[h].length;c++){(u=e.registeredTemplate[h][c])&&u===i[p]&&(u.destroy(),e.registeredTemplate[h].splice(c,1))}else for(c=0;c<e.registeredTemplate.template.length;c++){var u;if((u=e.registeredTemplate.template[c].rootNodes[0])===i[p]){(d=e.registeredTemplate[h])[c].destroy()}}else if(e.registeredTemplate[h])for(var g=0,f=e.registeredTemplate[h];g<f.length;g++){var d;if(!(d=f[g]).destroyed){if(d._view){var v=d._view.renderer.parentNode(d.rootNodes[0]);if(!t.isNullOrUndefined(v))for(c=0;c<d.rootNodes.length;c++)v.appendChild(d.rootNodes[c])}d.destroy()}}a&&i||delete e.registeredTemplate[h]}for(var m=function(e){e.instance&&e.instance.clearTemplate(n&&n.filter(function(t){return!!new RegExp(e.name).test(t)}))},y=0,C=e.tagObjects;y<C.length;y++){m(C[y])}}function a(e,n){if("string"==typeof e||"function"==typeof e&&e.prototype&&e.prototype.CSPTemplate)return u(e,n);var i=e.elementRef.nativeElement._viewContainerRef,r=e.elementRef.nativeElement.propName;return function(n,s,a){var o={$implicit:n},l=i||s.viewContainerRef,h=l.createEmbeddedView(e,o);"EJS-MENTION"===t.getValue("currentInstance.element.nodeName",l)?h.detectChanges():h.markForCheck();var p=s&&s.registeredTemplate?s.registeredTemplate:t.getValue("currentInstance.registeredTemplate",l);return a=a&&s.registeredTemplate?a:r,void 0===p[a]&&(p[a]=[]),p[a].push(h),h.rootNodes}}var o=/Ref$/,l=function(){function e(){this.hasChanges=!1,this.propCollection={},this.dataSource={},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),a=0;a<s.length;a++){var o=t.getValue(s[a],this);"object"==typeof o&&o&&o.elementRef&&(t.getValue(-1!==s[a].indexOf("Ref")?s[a]:s[a]+"Ref",this)||t.setValue(-1!==s[a].indexOf("Ref")?s[a]:s[a]+"Ref",o,this),!t.getValue("viewContainerRef",this)||t.getValue("_viewContainerRef",o.elementRef.nativeElement)||t.getValue("propName",o.elementRef.nativeElement)||(t.setValue("_viewContainerRef",t.getValue("viewContainerRef",this),o.elementRef.nativeElement),t.setValue("propName",s[a].replace("Ref",""),o.elementRef.nativeElement)))}for(var l=0,h=s=(s=Object.keys(this)).filter(function(e){return/Ref$/i.test(e)});l<h.length;l++){var p=h[l].replace("Ref","");t.setValue(p.replace("_","."),t.getValue(p,this),this.propCollection)}var c=Object.keys(this);if(this.directivePropList){for(var u=0;u<this.directivePropList.length;u++){var g=this.directivePropList[u];-1===c.indexOf(g)||!1!==t.getValue(g,this)&&!t.getValue(g,this)||t.setValue(g,t.getValue(g,this),this.propCollection)}this.hasChanges=!0}this.isInitChanges=!0},e.prototype.registerEvents=function(e){r(e,this,!0)},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.isUpdated=!1,this.hasChanges=!0},e.prototype.clearTemplate=function(e){s(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(){var e=this.hasChanges;if(!t.isNullOrUndefined(this.propCollection[this.property]))for(var n=this.propCollection[this.property],i=Object.keys(n[0]),r=0;r<i.length;r++)if(!t.isNullOrUndefined(this.propCollection[i[r]])){var s=t.getValue(i[r],this),a=this.propCollection[this.property][0][i[r]];t.isNullOrUndefined(s)||this.propCollection[i[r]]===s||a===s||(t.setValue(i[r],s,this.propCollection[this.property][0]),t.setValue(i[r],s,this.propCollection),this.hasChanges=!0,this.isUpdated=!1)}for(var o=0,l=this.tagObjects;o<l.length;o++){var h=l[o];e=e||h.instance.hasChanges}return e||this.hasChanges},e.prototype.ngAfterContentChecked=function(){if(this.hasChanges=this.isChanged(),this.isInitChanges||this.hasChanges)for(var e=Object.keys(this),n=0,i=e=e.filter(function(e){return o.test(e)});n<i.length;n++){var r=i[n].replace("Ref","");t.setValue(r.replace("_","."),t.getValue(r,this),this.propCollection)}},e.prototype.ngAfterViewChecked=function(){this.isUpdated&&(this.hasChanges=!1)},e.prototype.ngAfterViewInit=function(){this.isInitChanges=!1},e.prototype.ngOnDestroy=function(){this.directivePropList=[]},e}(),h=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.dirIndex=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(){var e=this,t=!1,n=0,i=!1,r=this.children.map(function(e){return e});if(this.list.length===this.children.length)for(var s=0;s<this.list.length;s++)this.list[s].propCollection.dataSource&&(this.list[s].dataSource&&this.list[s].propCollection.dataSource!==this.list[s].dataSource&&(this.list[s].propCollection.dataSource=this.list[s].dataSource,this.list[s].hasChanges=!0),"series"!==this.list[s].property&&(i=JSON.stringify(this.list[s].propCollection.dataSource)!==JSON.stringify(r[s].propCollection.dataSource))),i=this.list[s].hasChanges!==r[s].hasChanges;this.hasNewChildren=!(this.list.length===this.children.length&&!i)||null,this.hasNewChildren&&(this.list=this.children.map(function(t){return t.dirIndex=n++,t.property=e.propertyName,t}));for(var a=0,o=this.list;a<o.length;a++){var l=o[a];t=t||l.hasChanges}return!!this.list.length&&t},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();for(var e=0;e<this.list.length;e++)t.getValue("childColumns",this.list[e])&&"columns"===t.getValue("property",this.list[e])&&t.setValue("columns",t.getValue("childColumns",this.list[e]).getProperties(),this.list[e].propCollection),this.list[e].isUpdated=!0},e.prototype.ngAfterViewInit=function(){this.isInitChanges=!1},e.prototype.ngOnDestroy=function(){this.list=[]},e}(),p=function(){function e(){this.isProtectedOnChange=!0,this.isFormInit=!0}return e.prototype.saveChanges=function(e,t,n){if(!this.isProtectedOnChange){this.oldProperties[e]=n,this.changedProperties[e]=t,this.finalUpdate();var i=setTimeout(this.dataBind.bind(this));this.finalUpdate=function(){clearTimeout(i)}}},e.prototype.ngOnInit=function(e){var n=e||this;n.registeredTemplate={},n.ngBoundedEvents={},n.isAngular=!0,n.isFormInit=!0,e&&(this.tags=e.tags),n.tags=this.tags||[],n.complexTemplate=this.complexTemplate||[],n.tagObjects=[],n.ngAttr=this.getAngularAttr(n.element),n.createElement=function(e,i){var r=n.srenderer?n.srenderer.createElement(e):t.createElement(e);return void 0===i?r:(r.innerHTML=i.innerHTML?i.innerHTML:"",void 0!==i.className&&(r.className=i.className),void 0!==i.id&&(r.id=i.id),void 0!==i.styles&&r.setAttribute("style",i.styles),void 0!==n.ngAttr&&r.setAttribute(n.ngAttr,""),void 0!==i.attrs&&t.attributes(r,i.attrs),r)};for(var i=0,r=n.tags;i<r.length;i++){var s=r[i],a={instance:t.getValue("child"+s.substring(0,1).toUpperCase()+s.substring(1),n),name:s};n.tagObjects.push(a)}for(var o=Object.keys(n),l=0;l<o.length;l++){var h=t.getValue(o[l],n);"object"==typeof h&&h&&h.elementRef&&("object"==typeof h&&h&&h.elementRef&&-1!==o[l].indexOf("_")&&-1===o[l].indexOf("Ref")&&t.setValue(o[l]+"Ref",h,n),!n.viewContainerRef||t.getValue("_viewContainerRef",h.elementRef.nativeElement)||t.getValue("propName",h.elementRef.nativeElement)||(t.setValue("_viewContainerRef",n.viewContainerRef,h.elementRef.nativeElement),t.setValue("propName",o[l].replace("Ref",""),h.elementRef.nativeElement)))}for(var p=0,c=o=(o=Object.keys(n)).filter(function(e){return/Ref$/i.test(e)&&/\_/i.test(e)});p<c.length;p++){var u=c[p].replace("Ref",""),g={};t.setValue(u.replace("_","."),t.getValue(u,n),g),n.setProperties(g,!0)}},e.prototype.getAngularAttr=function(e){for(var t,n=e.attributes,i=n.length,r=0;r<i;r++)/_ngcontent/g.test(n[r].name)&&(t=n[r].name);return t},e.prototype.ngAfterViewInit=function(e){var n=e||this;/ejs-tab|ejs-accordion/g.test(n.ngEle.nativeElement.outerHTML)&&(n.ngEle.nativeElement.style.visibility="hidden");var i=Object.keys(n);i=i.filter(function(e){return/Ref$/i.test(e)});for(var r="DocumentEditor"===n.getModuleName(),s=0,a=i;s<a.length;s++){var o=a[s].replace("Ref","");t.setValue(o.replace("_","."),t.getValue(o+"Ref",n),n)}var l=function(e){("undefined"!=typeof window&&e.element||e.getModuleName().includes("btn"))&&(e.appendTo(e.element),e.ngEle.nativeElement.style.visibility="")};r?l(n):setTimeout(function(){l(n)})},e.prototype.ngOnDestroy=function(e){var t=e||this;setTimeout(function(){"undefined"!=typeof window&&t.element.classList.contains("e-control")&&(t.destroy(),t.clearTemplate(null),setTimeout(function(){for(var e=0,n=Object.keys(t);e<n.length;e++){var i=n[e],r=t[i];if(r&&/object/.test(typeof r)&&0!==Object.keys(r).length)if(/properties|changedProperties|childChangedProperties|oldProperties|moduleLoader/.test(i))for(var s=0,a=Object.keys(t[i]);s<a.length;s++){var o=a[s],l=r[o];l&&/object/.test(typeof l)&&0!==Object.keys(l).length&&(l.parent||l.parentObj)&&(t[i][o]=null)}else(r.parent||r.parentObj)&&(t[i]=null)}}))})},e.prototype.clearTemplate=function(e,t){s(this,e,t)},e.prototype.ngAfterContentChecked=function(e){for(var n=e||this,i=0,r=n.tagObjects;i<r.length;i++){var s=r[i];if(!t.isUndefined(s.instance)&&(s.instance.isInitChanges||s.instance.hasChanges||s.instance.hasNewChildren))if(s.instance.isInitChanges){var a={},o=void 0;(m=t.getValue("instance.list",s))&&m.length&&(o=m[0].directivePropList);var l=!0;if(n.getModuleName&&"gantt"===n.getModuleName()&&(l=!1),o&&l&&-1===o.indexOf(s.instance.propertyName))for(var h=Object.keys(s.instance.list[0].propCollection),p=0;p<s.instance.list.length;p++){s.instance.list[p].propCollection[s.instance.propertyName]=[];for(var c={},u=0;u<h.length;u++){c[E=h[u]]=s.instance.list[p].propCollection[E]}for(var g=function(e){var n=s.instance.list[p].tags[e],i=t.getValue("child"+n.substring(0,1).toUpperCase()+n.substring(1),s.instance.list[p]);if(i){var r=s.instance.list[p]["child"+n.substring(0,1).toUpperCase()+n.substring(1)],a=function(e){var n=[];if(e)for(var i=0;i<e.list.length;i++){var r=e.list[0].tags[0];if(r){var s=t.getValue("child"+r.substring(0,1).toUpperCase()+r.substring(1),e.list[i]);s&&(e.list[i].tagObjects.push({instance:s,name:r}),n.push(s))}}if(0!==n.length)for(var o=0;o<n.length;o++)a(n[o])};a(r),s.instance.list[p].tagObjects.push({instance:i,name:n})}},f=0;f<s.instance.list[p].tags.length;f++)g(f);s.instance.list[p].propCollection[s.instance.propertyName].push(c)}a[s.name]=s.instance.getProperties(),n.setProperties(a,s.instance.isInitChanges)}else{(n[s.name].length!==s.instance.list.length||/diagram|DashboardLayout/.test(n.getModuleName()))&&(n[s.name]=s.instance.list);for(var d=0,v=s.instance.list;d<v.length;d++){var m=v[d],y=s.instance.list.indexOf(m),C=t.getValue(s.name,n)[y],b=Object.keys(C);if(b=b.filter(function(e){return/Ref$/i.test(e)}),C.properties&&0!==Object.keys(C.properties).length)for(var V=0,O=b;V<O.length;V++){var E;E=(E=O[V]).replace(/Ref/,""),C.properties[E]=C.properties[E]?C.properties[E]:C.propCollection[E]}t.isUndefined(C)||t.isUndefined(C.setProperties)||(/diagram|DashboardLayout/.test(n.getModuleName())?C.setProperties(m.getProperties(),!0):C.setProperties(m.getProperties())),m.isUpdated=!0}}}},e.prototype.registerEvents=function(e){r(e,this)},e.prototype.twoWaySetter=function(e,n){var i=t.getValue(n,this.properties);i!==e&&(this.saveChanges(n,e,i),t.setValue(n,t.isNullOrUndefined(e)?null:e,this.properties),t.getValue(n+"Change",this).emit(e))},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(t){return i.twoWaySetter(t,e)}}),t.setValue(e+"Change",new n.EventEmitter,s)},s=this,a=0,o=e;a<o.length;a++){r(o[a])}},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,i){var r=t.getValue(e,this),s=this.isProtectedOnChange;this.isProtectedOnChange=!1,n&&(n.name=e),t.isUndefined(r)||r.next(n);var a=t.getValue("local"+e.charAt(0).toUpperCase()+e.slice(1),this);t.isUndefined(a)||a.call(this,n),this.isProtectedOnChange=s,i&&(this.preventChange=this.isPreventChange,i.call(this,n)),this.isPreventChange=!1},e}(),c=function(){function e(){}return e.prototype.propagateChange=function(e){},e.prototype.propagateTouch=function(){},e.prototype.localChange=function(e){var n=void 0===e.checked?e.value:e.checked;if(this.objCheck=t.isObject(n),!0===this.isUpdated&&(this.angularValue=this.oldValue),!0===this.objCheck)this.duplicateValue=JSON.stringify(n),this.duplicateAngularValue=JSON.stringify(this.angularValue),this.duplicateValue!==this.duplicateAngularValue&&void 0!==this.propagateChange&&void 0!==n&&(this.propagateChange(n),this.angularValue=n);else if(n!==this.angularValue&&void 0!==this.propagateChange&&void 0!==n)if(""!==n&&null!==n)this.propagateChange(n),this.angularValue=n;else{var i=n;this.propagateChange(i),this.angularValue=n}this.cdr.markForCheck()},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.propagateTouch=e},e.prototype.twoWaySetter=function(e,n){var i=this.oldValue||t.getValue(n,this.properties),r=this.inputElement||this.element;(!r||i!==e||this.value!==e||void 0!==r.value&&""!==r.value)&&(this.saveChanges(n,e,i),t.setValue(n,t.isNullOrUndefined(e)?null:e,this.properties),t.getValue(n+"Change",this).emit(e))},e.prototype.ngAfterViewInit=function(e){var t=e||this;if("undefined"!=typeof window){t.getModuleName().includes("dropdown")?setTimeout(function(){t.appendTo(t.element)}):t.appendTo(t.element);var n=t.inputElement||t.element;n.addEventListener("focus",t.ngOnFocus.bind(t)),n.addEventListener("blur",t.ngOnBlur.bind(t))}this.isFormInit=!1},e.prototype.setDisabledState=function(e){this.enabled=!e,this.disabled=e},e.prototype.writeValue=function(e){void 0===this.checked?this.value=e:this.ngEle&&("boolean"==typeof e?/ejs-radiobutton/g.test(this.ngEle.nativeElement.outerHTML)?this.checked=e===this.value:this.checked=e:this.checked=e===this.value),this.angularValue=e,this.isUpdated=!0,this.preventChange=!this.isFormInit,this.cdr.markForCheck()},e.prototype.ngOnFocus=function(e){!0!==this.skipFromEvent&&this.focus.emit(e),this.cdr.markForCheck()},e.prototype.ngOnBlur=function(e){this.propagateTouch(),!0!==this.skipFromEvent&&this.blur.emit(e),this.cdr.markForCheck()},e.isFormBase=!0,e}(),u=t.getTemplateEngine();t.setTemplateEngine({compile:a}),e.ComplexBase=l,e.ArrayBase=h,e.ComponentBase=p,e.FormBase=c,e.applyMixins=i,e.ComponentMixins=function(e){return function(t){i(t,e)}},e.registerEvents=r,e.clearTemplate=s,e.setValue=function(e,t,n){for(var i=e.replace(/\[/g,".").replace(/\]/g,"").split("."),r=n||{},s=0;s<i.length;s++){var a=i[s];s+1===i.length?r[a]=void 0===t?{}:t:void 0===r[a]&&(r[a]={}),r=r[a]}return r},e.compile=a,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-angular-base.umd.min.js.map

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

@@ -11,3 +11,3 @@ import { attributes, createElement, getTemplateEngine, getValue, isNullOrUndefined, isObject, isUndefined, setTemplateEngine, setValue } from '@syncfusion/ej2-base';
         Object.getOwnPropertyNames(baseClass.prototype).forEach(name => {
-            if (!derivedClass.prototype.hasOwnProperty(name) || baseClass.isFormBase) {
+            if (!derivedClass.prototype.hasOwnProperty(name) || (baseClass.isFormBase && name !== 'constructor')) {
                 derivedClass.prototype[name] = baseClass.prototype[name];
@@ -54,2 +54,3 @@ }
         });
+        let tabaccordionTemp = /tab|accordion|toolbar/.test(_this.getModuleName());
         for (let registeredTemplate of (regProperties && regProperties || regTemplates)) {
@@ -59,9 +60,20 @@ /* istanbul ignore next */
                 for (let e = 0; e < index.length; e++) {
-                    for (let m = 0; m < _this.registeredTemplate.template.length; m++) {
-                        let value = _this.registeredTemplate.template[m].rootNodes[0];
-                        if (value === index[e]) {
-                            let rt = _this.registeredTemplate[registeredTemplate];
-                            rt[m].destroy();
+                    if (tabaccordionTemp) {
+                        for (let m = 0; m < _this.registeredTemplate[registeredTemplate].length; m++) {
+                            let value = _this.registeredTemplate[registeredTemplate][m];
+                            if (value && value === index[e]) {
+                                value.destroy();
+                                _this.registeredTemplate[registeredTemplate].splice(m, 1);
+                            }
                         }
                     }
+                    else {
+                        for (let m = 0; m < _this.registeredTemplate.template.length; m++) {
+                            let value = _this.registeredTemplate.template[m].rootNodes[0];
+                            if (value === index[e]) {
+                                let rt = _this.registeredTemplate[registeredTemplate];
+                                rt[m].destroy();
+                            }
+                        }
+                    }
                 }
@@ -86,3 +98,5 @@ }
             }
-            delete _this.registeredTemplate[registeredTemplate];
+            if (!tabaccordionTemp || !index) {
+                delete _this.registeredTemplate[registeredTemplate];
+            }
         }
@@ -144,4 +158,10 @@ }
             var tempProp = getValue(templateProperties[i], this);
-            if (typeof tempProp === 'object' && tempProp.elementRef && !getValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', this)) {
-                setValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', tempProp, this);
+            if (typeof tempProp === 'object' && tempProp && tempProp.elementRef) {
+                if (!getValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', this)) {
+                    setValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', tempProp, this);
+                }
+                if (getValue("viewContainerRef", this) && !getValue("_viewContainerRef", tempProp.elementRef.nativeElement) && !getValue("propName", tempProp.elementRef.nativeElement)) {
+                    setValue("_viewContainerRef", getValue("viewContainerRef", this), tempProp.elementRef.nativeElement);
+                    setValue("propName", templateProperties[i].replace("Ref", ''), tempProp.elementRef.nativeElement);
+                }
             }
@@ -164,3 +184,3 @@ }
                 let dirPropName = this.directivePropList[k];
-                if (propList.indexOf(dirPropName) !== -1 && getValue(dirPropName, this)) {
+                if (propList.indexOf(dirPropName) !== -1 && (getValue(dirPropName, this) === false || getValue(dirPropName, this))) {
                     setValue(dirPropName, getValue(dirPropName, this), this.propCollection);
@@ -290,5 +310,8 @@ }
                     }
-                    isSourceChanged = (JSON.stringify(this.list[i].propCollection.dataSource) !==
-                        JSON.stringify(childrenDataSource[i].propCollection.dataSource));
+                    if (this.list[i].property !== "series") {
+                        isSourceChanged = (JSON.stringify(this.list[i].propCollection.dataSource) !==
+                            JSON.stringify(childrenDataSource[i].propCollection.dataSource));
+                    }
                 }
+                isSourceChanged = this.list[i].hasChanges !== childrenDataSource[i].hasChanges;
             }
@@ -407,2 +430,15 @@ }
         let complexTemplates = Object.keys(tempOnThis);
+        for (let i = 0; i < complexTemplates.length; i++) {
+            var compProp = getValue(complexTemplates[i], tempOnThis);
+            if (typeof compProp === 'object' && compProp && compProp.elementRef) {
+                if (typeof compProp === 'object' && compProp && compProp.elementRef && complexTemplates[i].indexOf('_') !== -1 && complexTemplates[i].indexOf('Ref') === -1) {
+                    setValue(complexTemplates[i] + 'Ref', compProp, tempOnThis);
+                }
+                if (tempOnThis.viewContainerRef && !getValue("_viewContainerRef", compProp.elementRef.nativeElement) && !getValue("propName", compProp.elementRef.nativeElement)) {
+                    setValue("_viewContainerRef", tempOnThis.viewContainerRef, compProp.elementRef.nativeElement);
+                    setValue("propName", complexTemplates[i].replace("Ref", ''), compProp.elementRef.nativeElement);
+                }
+            }
+        }
+        complexTemplates = Object.keys(tempOnThis);
         complexTemplates = complexTemplates.filter((val) => {
@@ -456,2 +492,3 @@ return /Ref$/i.test(val) && /\_/i.test(val);
         });
+        let ngtempRef = tempAfterViewThis.getModuleName() === 'DocumentEditor';
         for (let tempName of templateProperties) {
@@ -463,9 +500,17 @@ let propName = tempName.replace('Ref', '');
         // Refer Link: https://github.com/angular/angular/issues/6005
-        setTimeout(() => {
+        const appendToComponent = (tempAfterViewThis) => {
             /* istanbul ignore else  */
-            if (typeof window !== 'undefined' && document.body.contains(tempAfterViewThis.element) || tempAfterViewThis.getModuleName() === 'btn') {
+            if (typeof window !== 'undefined' && tempAfterViewThis.element || tempAfterViewThis.getModuleName().includes('btn')) {
                 tempAfterViewThis.appendTo(tempAfterViewThis.element);
                 tempAfterViewThis.ngEle.nativeElement.style.visibility = '';
             }
-        });
+        };
+        if (!ngtempRef) {
+            setTimeout(() => {
+                appendToComponent(tempAfterViewThis);
+            });
+        }
+        else {
+            appendToComponent(tempAfterViewThis);
+        }
     }
@@ -482,5 +527,22 @@ // tslint:disable-next-line:no-any
                 // removing bounded events and tagobjects from component after destroy
-                tempOnDestroyThis.ngBoundedEvents = {};
-                tempOnDestroyThis.tagObjects = {};
-                tempOnDestroyThis.ngEle = null;
+                setTimeout(function () {
+                    for (let key of Object.keys(tempOnDestroyThis)) {
+                        let value = tempOnDestroyThis[key];
+                        if (value && /object/.test(typeof value) && Object.keys(value).length !== 0) {
+                            if (/properties|changedProperties|childChangedProperties|oldProperties|moduleLoader/.test(key)) {
+                                for (let propKey of Object.keys(tempOnDestroyThis[key])) {
+                                    let propValue = value[propKey];
+                                    if (propValue && /object/.test(typeof propValue) && Object.keys(propValue).length !== 0 && (propValue.parent || propValue.parentObj)) {
+                                        tempOnDestroyThis[key][propKey] = null;
+                                    }
+                                }
+                            }
+                            else {
+                                if (value.parent || value.parentObj) {
+                                    tempOnDestroyThis[key] = null;
+                                }
+                            }
+                        }
+                    }
+                });
             }
@@ -529,13 +591,26 @@ });
                                     let innerchildObj = tagObject.instance.list[h]['child' + tag.substring(0, 1).toUpperCase() + tag.substring(1)];
-                                    if (innerchildObj) {
-                                        for (let j = 0; j < innerchildObj.list.length; j++) {
-                                            let innerTag = innerchildObj.list[0].tags[0];
-                                            if (innerTag) {
-                                                let innerchildTag = getValue('child' + innerTag.substring(0, 1).toUpperCase() + innerTag.substring(1), innerchildObj.list[j]);
-                                                if (innerchildTag) {
-                                                    innerchildObj.list[j].tagObjects.push({ instance: innerchildTag, name: innerTag });
+                                    // Update the inner child tag objects
+                                    const updateChildTag = (innerchild) => {
+                                        let innerLevelTag = [];
+                                        if (innerchild) {
+                                            for (let j = 0; j < innerchild.list.length; j++) {
+                                                let innerTag = innerchild.list[0].tags[0];
+                                                if (innerTag) {
+                                                    let innerchildTag = getValue('child' + innerTag.substring(0, 1).toUpperCase() + innerTag.substring(1), innerchild.list[j]);
+                                                    if (innerchildTag) {
+                                                        innerchild.list[j].tagObjects.push({ instance: innerchildTag, name: innerTag });
+                                                        innerLevelTag.push(innerchildTag);
+                                                    }
                                                 }
                                             }
                                         }
-                                    }
+                                        // check for inner level tag
+                                        if (innerLevelTag.length !== 0) {
+                                            for (let l = 0; l < innerLevelTag.length; l++) {
+                                                updateChildTag(innerLevelTag[l]);
+                                            }
+                                        }
+                                        
+                                    };
+                                    updateChildTag(innerchildObj);
                                     tagObject.instance.list[h].tagObjects.push({ instance: childObj, name: tag });
@@ -553,3 +628,3 @@ }
                     /* istanbul ignore next */
-                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (tempAfterContentThis.getModuleName() === 'diagram')) {
+                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (/diagram|DashboardLayout/.test(tempAfterContentThis.getModuleName()))) {
                         tempAfterContentThis[tagObject.name] = tagObject.instance.list;
@@ -564,3 +639,3 @@ }
                         });
-                        if (curChild.properties && Object.keys(curChild.properties).length !== 0 && /chart/.test(tempAfterContentThis.getModuleName())) {
+                        if (curChild.properties && Object.keys(curChild.properties).length !== 0) {
                             for (let complexPropName of complexTemplates) {
@@ -687,2 +762,3 @@ complexPropName = complexPropName.replace(/Ref/, '');
         }
+        this.cdr.markForCheck();
     }
@@ -713,6 +789,12 @@ registerOnChange(registerFunction) {
         // Removed setTimeout, Because we have called markForCheck() method in Angular Template Compiler
-        // setTimeout(() => {
         /* istanbul ignore else */
         if (typeof window !== 'undefined') {
-            tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+            if ((tempFormAfterViewThis.getModuleName()).includes('dropdown')) {
+                setTimeout(() => {
+                    tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+                });
+            }
+            else {
+                tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+            }
             let ele = tempFormAfterViewThis.inputElement || tempFormAfterViewThis.element;
@@ -723,3 +805,2 @@ ele.addEventListener('focus', tempFormAfterViewThis.ngOnFocus.bind(tempFormAfterViewThis));
         this.isFormInit = false;
-        // });
     }
@@ -758,2 +839,3 @@ setDisabledState(disabled) {
         this.preventChange = this.isFormInit ? false : true;
+        this.cdr.markForCheck();
         if (value === null) {
@@ -768,2 +850,3 @@ return;
         }
+        this.cdr.markForCheck();
     }
@@ -776,2 +859,3 @@ ngOnBlur(e) {
         }
+        this.cdr.markForCheck();
     }
@@ -786,3 +870,3 @@ }
 function compile(templateEle, helper) {
-    if (typeof templateEle === 'string') {
+    if (typeof templateEle === 'string' || (typeof templateEle === 'function' && templateEle.prototype && templateEle.prototype.CSPTemplate)) {
         return stringCompiler(templateEle, helper);
@@ -799,3 +883,8 @@ }
             let viewRef = conRef.createEmbeddedView(templateEle, context);
-            viewRef.markForCheck();
+            if (getValue('currentInstance.element.nodeName', conRef) === 'EJS-MENTION') {
+                viewRef.detectChanges();
+            }
+            else {
+                viewRef.markForCheck();
+            }
             /* istanbul ignore next */
@@ -802,0 +891,0 @@ let viewCollection = (component && component.registeredTemplate) ?

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

@@ -11,3 +11,3 @@ import { attributes, createElement, getTemplateEngine, getValue, isNullOrUndefined, isObject, isUndefined, setTemplateEngine, setValue } from '@syncfusion/ej2-base';
         Object.getOwnPropertyNames(baseClass.prototype).forEach(function (name) {
-            if (!derivedClass.prototype.hasOwnProperty(name) || baseClass.isFormBase) {
+            if (!derivedClass.prototype.hasOwnProperty(name) || (baseClass.isFormBase && name !== 'constructor')) {
                 derivedClass.prototype[name] = baseClass.prototype[name];
@@ -55,2 +55,3 @@ }
         });
+        var tabaccordionTemp = /tab|accordion|toolbar/.test(_this.getModuleName());
         for (var _i = 0, _a = (regProperties && regProperties || regTemplates); _i < _a.length; _i++) {
@@ -61,9 +62,20 @@ var registeredTemplate = _a[_i];
                 for (var e = 0; e < index.length; e++) {
-                    for (var m = 0; m < _this.registeredTemplate.template.length; m++) {
-                        var value = _this.registeredTemplate.template[m].rootNodes[0];
-                        if (value === index[e]) {
-                            var rt = _this.registeredTemplate[registeredTemplate];
-                            rt[m].destroy();
+                    if (tabaccordionTemp) {
+                        for (var m = 0; m < _this.registeredTemplate[registeredTemplate].length; m++) {
+                            var value = _this.registeredTemplate[registeredTemplate][m];
+                            if (value && value === index[e]) {
+                                value.destroy();
+                                _this.registeredTemplate[registeredTemplate].splice(m, 1);
+                            }
                         }
                     }
+                    else {
+                        for (var m = 0; m < _this.registeredTemplate.template.length; m++) {
+                            var value = _this.registeredTemplate.template[m].rootNodes[0];
+                            if (value === index[e]) {
+                                var rt = _this.registeredTemplate[registeredTemplate];
+                                rt[m].destroy();
+                            }
+                        }
+                    }
                 }
@@ -89,3 +101,5 @@ }
             }
-            delete _this.registeredTemplate[registeredTemplate];
+            if (!tabaccordionTemp || !index) {
+                delete _this.registeredTemplate[registeredTemplate];
+            }
         }
@@ -152,4 +166,10 @@ }
             var tempProp = getValue(templateProperties[i], this);
-            if (typeof tempProp === 'object' && tempProp.elementRef && !getValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', this)) {
-                setValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', tempProp, this);
+            if (typeof tempProp === 'object' && tempProp && tempProp.elementRef) {
+                if (!getValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', this)) {
+                    setValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', tempProp, this);
+                }
+                if (getValue("viewContainerRef", this) && !getValue("_viewContainerRef", tempProp.elementRef.nativeElement) && !getValue("propName", tempProp.elementRef.nativeElement)) {
+                    setValue("_viewContainerRef", getValue("viewContainerRef", this), tempProp.elementRef.nativeElement);
+                    setValue("propName", templateProperties[i].replace("Ref", ''), tempProp.elementRef.nativeElement);
+                }
             }
@@ -173,3 +193,3 @@ }
                 var dirPropName = this.directivePropList[k];
-                if (propList.indexOf(dirPropName) !== -1 && getValue(dirPropName, this)) {
+                if (propList.indexOf(dirPropName) !== -1 && (getValue(dirPropName, this) === false || getValue(dirPropName, this))) {
                     setValue(dirPropName, getValue(dirPropName, this), this.propCollection);
@@ -307,5 +327,8 @@ }
                     }
-                    isSourceChanged = (JSON.stringify(this.list[i].propCollection.dataSource) !==
-                        JSON.stringify(childrenDataSource[i].propCollection.dataSource));
+                    if (this.list[i].property !== "series") {
+                        isSourceChanged = (JSON.stringify(this.list[i].propCollection.dataSource) !==
+                            JSON.stringify(childrenDataSource[i].propCollection.dataSource));
+                    }
                 }
+                isSourceChanged = this.list[i].hasChanges !== childrenDataSource[i].hasChanges;
             }
@@ -429,2 +452,15 @@ }
         var complexTemplates = Object.keys(tempOnThis);
+        for (var i = 0; i < complexTemplates.length; i++) {
+            var compProp = getValue(complexTemplates[i], tempOnThis);
+            if (typeof compProp === 'object' && compProp && compProp.elementRef) {
+                if (typeof compProp === 'object' && compProp && compProp.elementRef && complexTemplates[i].indexOf('_') !== -1 && complexTemplates[i].indexOf('Ref') === -1) {
+                    setValue(complexTemplates[i] + 'Ref', compProp, tempOnThis);
+                }
+                if (tempOnThis.viewContainerRef && !getValue("_viewContainerRef", compProp.elementRef.nativeElement) && !getValue("propName", compProp.elementRef.nativeElement)) {
+                    setValue("_viewContainerRef", tempOnThis.viewContainerRef, compProp.elementRef.nativeElement);
+                    setValue("propName", complexTemplates[i].replace("Ref", ''), compProp.elementRef.nativeElement);
+                }
+            }
+        }
+        complexTemplates = Object.keys(tempOnThis);
         complexTemplates = complexTemplates.filter(function (val) {
@@ -479,2 +515,3 @@ return /Ref$/i.test(val) && /\_/i.test(val);
         });
+        var ngtempRef = tempAfterViewThis.getModuleName() === 'DocumentEditor';
         for (var _i = 0, templateProperties_1 = templateProperties; _i < templateProperties_1.length; _i++) {
@@ -487,9 +524,17 @@ var tempName = templateProperties_1[_i];
         // Refer Link: https://github.com/angular/angular/issues/6005
-        setTimeout(function () {
+        var appendToComponent = function (tempAfterViewThis) {
             /* istanbul ignore else  */
-            if (typeof window !== 'undefined' && document.body.contains(tempAfterViewThis.element) || tempAfterViewThis.getModuleName() === 'btn') {
+            if (typeof window !== 'undefined' && tempAfterViewThis.element || tempAfterViewThis.getModuleName().includes('btn')) {
                 tempAfterViewThis.appendTo(tempAfterViewThis.element);
                 tempAfterViewThis.ngEle.nativeElement.style.visibility = '';
             }
-        });
+        };
+        if (!ngtempRef) {
+            setTimeout(function () {
+                appendToComponent(tempAfterViewThis);
+            });
+        }
+        else {
+            appendToComponent(tempAfterViewThis);
+        }
     };
@@ -506,5 +551,24 @@ // tslint:disable-next-line:no-any
                 // removing bounded events and tagobjects from component after destroy
-                tempOnDestroyThis.ngBoundedEvents = {};
-                tempOnDestroyThis.tagObjects = {};
-                tempOnDestroyThis.ngEle = null;
+                setTimeout(function () {
+                    for (var _i = 0, _a = Object.keys(tempOnDestroyThis); _i < _a.length; _i++) {
+                        var key = _a[_i];
+                        var value = tempOnDestroyThis[key];
+                        if (value && /object/.test(typeof value) && Object.keys(value).length !== 0) {
+                            if (/properties|changedProperties|childChangedProperties|oldProperties|moduleLoader/.test(key)) {
+                                for (var _b = 0, _c = Object.keys(tempOnDestroyThis[key]); _b < _c.length; _b++) {
+                                    var propKey = _c[_b];
+                                    var propValue = value[propKey];
+                                    if (propValue && /object/.test(typeof propValue) && Object.keys(propValue).length !== 0 && (propValue.parent || propValue.parentObj)) {
+                                        tempOnDestroyThis[key][propKey] = null;
+                                    }
+                                }
+                            }
+                            else {
+                                if (value.parent || value.parentObj) {
+                                    tempOnDestroyThis[key] = null;
+                                }
+                            }
+                        }
+                    }
+                });
             }
@@ -549,3 +613,3 @@ });
                             }
-                            for (var i = 0; i < tagObject.instance.list[h].tags.length; i++) {
+                            var _loop_1 = function (i) {
                                 var tag = tagObject.instance.list[h].tags[i];
@@ -555,15 +619,31 @@ var childObj = getValue('child' + tag.substring(0, 1).toUpperCase() + tag.substring(1), tagObject.instance.list[h]);
                                     var innerchildObj = tagObject.instance.list[h]['child' + tag.substring(0, 1).toUpperCase() + tag.substring(1)];
-                                    if (innerchildObj) {
-                                        for (var j = 0; j < innerchildObj.list.length; j++) {
-                                            var innerTag = innerchildObj.list[0].tags[0];
-                                            if (innerTag) {
-                                                var innerchildTag = getValue('child' + innerTag.substring(0, 1).toUpperCase() + innerTag.substring(1), innerchildObj.list[j]);
-                                                if (innerchildTag) {
-                                                    innerchildObj.list[j].tagObjects.push({ instance: innerchildTag, name: innerTag });
+                                    // Update the inner child tag objects
+                                    var updateChildTag_1 = function (innerchild) {
+                                        var innerLevelTag = [];
+                                        if (innerchild) {
+                                            for (var j = 0; j < innerchild.list.length; j++) {
+                                                var innerTag = innerchild.list[0].tags[0];
+                                                if (innerTag) {
+                                                    var innerchildTag = getValue('child' + innerTag.substring(0, 1).toUpperCase() + innerTag.substring(1), innerchild.list[j]);
+                                                    if (innerchildTag) {
+                                                        innerchild.list[j].tagObjects.push({ instance: innerchildTag, name: innerTag });
+                                                        innerLevelTag.push(innerchildTag);
+                                                    }
                                                 }
                                             }
                                         }
-                                    }
+                                        // check for inner level tag
+                                        if (innerLevelTag.length !== 0) {
+                                            for (var l = 0; l < innerLevelTag.length; l++) {
+                                                updateChildTag_1(innerLevelTag[l]);
+                                            }
+                                        }
+                                        
+                                    };
+                                    updateChildTag_1(innerchildObj);
                                     tagObject.instance.list[h].tagObjects.push({ instance: childObj, name: tag });
                                 }
+                            };
+                            for (var i = 0; i < tagObject.instance.list[h].tags.length; i++) {
+                                _loop_1(i);
                             }
@@ -579,3 +659,3 @@ tagObject.instance.list[h].propCollection[tagObject.instance.propertyName].push(obj);
                     /* istanbul ignore next */
-                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (tempAfterContentThis.getModuleName() === 'diagram')) {
+                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (/diagram|DashboardLayout/.test(tempAfterContentThis.getModuleName()))) {
                         tempAfterContentThis[tagObject.name] = tagObject.instance.list;
@@ -591,3 +671,3 @@ }
                         });
-                        if (curChild.properties && Object.keys(curChild.properties).length !== 0 && /chart/.test(tempAfterContentThis.getModuleName())) {
+                        if (curChild.properties && Object.keys(curChild.properties).length !== 0) {
                             for (var _d = 0, complexTemplates_2 = complexTemplates; _d < complexTemplates_2.length; _d++) {
@@ -628,3 +708,3 @@ var complexPropName = complexTemplates_2[_d];
         var _this = this;
-        var _loop_1 = function (prop) {
+        var _loop_2 = function (prop) {
             getValue(prop, this_1);
@@ -642,3 +722,3 @@ Object.defineProperty(this_1, prop, {
             var prop = propList_1[_i];
-            _loop_1(prop);
+            _loop_2(prop);
         }
@@ -726,2 +806,3 @@ };
         }
+        this.cdr.markForCheck();
     };
@@ -752,6 +833,12 @@ FormBase.prototype.registerOnChange = function (registerFunction) {
         // Removed setTimeout, Because we have called markForCheck() method in Angular Template Compiler
-        // setTimeout(() => {
         /* istanbul ignore else */
         if (typeof window !== 'undefined') {
-            tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+            if ((tempFormAfterViewThis.getModuleName()).includes('dropdown')) {
+                setTimeout(function () {
+                    tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+                });
+            }
+            else {
+                tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+            }
             var ele = tempFormAfterViewThis.inputElement || tempFormAfterViewThis.element;
@@ -762,3 +849,2 @@ ele.addEventListener('focus', tempFormAfterViewThis.ngOnFocus.bind(tempFormAfterViewThis));
         this.isFormInit = false;
-        // });
     };
@@ -797,2 +883,3 @@ FormBase.prototype.setDisabledState = function (disabled) {
         this.preventChange = this.isFormInit ? false : true;
+        this.cdr.markForCheck();
         if (value === null) {
@@ -807,2 +894,3 @@ return;
         }
+        this.cdr.markForCheck();
     };
@@ -815,2 +903,3 @@ FormBase.prototype.ngOnBlur = function (e) {
         }
+        this.cdr.markForCheck();
     };
@@ -826,3 +915,3 @@ FormBase.isFormBase = true;
 function compile(templateEle, helper) {
-    if (typeof templateEle === 'string') {
+    if (typeof templateEle === 'string' || (typeof templateEle === 'function' && templateEle.prototype && templateEle.prototype.CSPTemplate)) {
         return stringCompiler(templateEle, helper);
@@ -839,3 +928,8 @@ }
             var viewRef = conRef.createEmbeddedView(templateEle, context);
-            viewRef.markForCheck();
+            if (getValue('currentInstance.element.nodeName', conRef) === 'EJS-MENTION') {
+                viewRef.detectChanges();
+            }
+            else {
+                viewRef.markForCheck();
+            }
             /* istanbul ignore next */
@@ -842,0 +936,0 @@ var viewCollection = (component && component.registeredTemplate) ?

dist/global/ej2-angular-base.min.js

@@ -1,11 +0,2 @@
-/*!
-*  filename: ej2-angular-base.min.js
-*  version : 19.3.59
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  [e-mail]. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
-this.ej=this.ej||{},this.ej.angularbase=function(e,t,i){"use strict";function n(e,t){t.forEach(function(t){Object.getOwnPropertyNames(t.prototype).forEach(function(i){e.prototype.hasOwnProperty(i)&&!t.isFormBase||(e.prototype[i]=t.prototype[i])})})}function s(e){return function(t){n(t,e)}}function r(e,t,n){var s={};if(e&&e.length){for(var r=0,a=e;r<a.length;r++){var o=a[r];!0===n?(t.propCollection[o]=new i.EventEmitter(!1),t[o]=t.propCollection[o]):s[o]=new i.EventEmitter(!1)}!0!==n&&t.setProperties(s,!0)}}function a(e,i,n){var s=Object.keys(e.registeredTemplate);if(s.length)for(var r=i&&i.filter(function(e){return!/\./g.test(e)}),a=0,o=r&&r||s;a<o.length;a++){var l=o[a];if(n&&n.length)for(var h=0;h<n.length;h++)for(f=0;f<e.registeredTemplate.template.length;f++)e.registeredTemplate.template[f].rootNodes[0]===n[h]&&(u=e.registeredTemplate[l])[f].destroy();else if(e.registeredTemplate[l])for(var p=0,c=e.registeredTemplate[l];p<c.length;p++){var u=c[p];if(!u.destroyed){if(u._view){var g=u._view.renderer.parentNode(u.rootNodes[0]);if(!t.isNullOrUndefined(g))for(var f=0;f<u.rootNodes.length;f++)g.appendChild(u.rootNodes[f])}u.destroy()}}delete e.registeredTemplate[l]}for(var d=0,v=e.tagObjects;d<v.length;d++)!function(e){e.instance&&e.instance.clearTemplate(i&&i.filter(function(t){return!!new RegExp(e.name).test(t)}))}(v[d])}function o(e,t,i){for(var n=e.replace(/\[/g,".").replace(/\]/g,"").split("."),s=i||{},r=0;r<n.length;r++){var a=n[r];r+1===n.length?s[a]=void 0===t?{}:t:void 0===s[a]&&(s[a]={}),s=s[a]}return s}function l(e,i){if("string"==typeof e)return m(e,i);var n=e.elementRef.nativeElement._viewContainerRef,s=e.elementRef.nativeElement.propName;return function(i,r,a){var o={$implicit:i},l=n||r.viewContainerRef,h=l.createEmbeddedView(e,o);h.markForCheck();var p=r&&r.registeredTemplate?r.registeredTemplate:t.getValue("currentInstance.registeredTemplate",l);return a=a&&r.registeredTemplate?a:s,void 0===p[a]&&(p[a]=[]),p[a].push(h),h.rootNodes}}function h(e){return function(t,i){var n={set:p(i),get:c(i,e),enumerable:!0,configurable:!0};Object.defineProperty(t,i,n)}}function p(e){return function(i){void 0!==i&&(t.setValue(e+"Ref",i,this),"string"!=typeof i?(i.elementRef.nativeElement._viewContainerRef=this.viewContainerRef,i.elementRef.nativeElement.propName=e):this.saveChanges&&(this.saveChanges(e,i,void 0),this.dataBind()))}}function c(e,i){return function(){return t.getValue(e+"Ref",this)||i}}var u=/Ref$/,g=function(){function e(){this.hasChanges=!1,this.propCollection={},this.dataSource={},this.tags=[],this.tagObjects=[]}return e.prototype.ngOnInit=function(){this.registeredTemplate={};for(var e=0,i=this.tags;e<i.length;e++){var n=i[e],s=t.getValue("child"+n.substring(0,1).toUpperCase()+n.substring(1),this);s&&this.tagObjects.push({instance:s,name:n})}for(var r=Object.keys(this),a=0;a<r.length;a++){var o=t.getValue(r[a],this);"object"==typeof o&&o.elementRef&&!t.getValue(-1!==r[a].indexOf("Ref")?r[a]:r[a]+"Ref",this)&&t.setValue(-1!==r[a].indexOf("Ref")?r[a]:r[a]+"Ref",o,this)}for(var l=0,h=r=(r=Object.keys(this)).filter(function(e){return/Ref$/i.test(e)});l<h.length;l++){var p=h[l].replace("Ref","");t.setValue(p.replace("_","."),t.getValue(p,this),this.propCollection)}var c=Object.keys(this);if(this.directivePropList){for(var u=0;u<this.directivePropList.length;u++){var g=this.directivePropList[u];-1!==c.indexOf(g)&&t.getValue(g,this)&&t.setValue(g,t.getValue(g,this),this.propCollection)}this.hasChanges=!0}this.isInitChanges=!0},e.prototype.registerEvents=function(e){r(e,this,!0)},e.prototype.ngOnChanges=function(e){for(var t=0,i=Object.keys(e);t<i.length;t++){var n=i[t],s=e[n];this.propCollection[n]=s.currentValue}this.isUpdated=!1,this.hasChanges=!0},e.prototype.clearTemplate=function(e){a(this,e)},e.prototype.getProperties=function(){for(var e=0,t=this.tagObjects;e<t.length;e++){var i=t[e];this.propCollection[i.name]=i.instance.getProperties()}return this.propCollection},e.prototype.isChanged=function(){var e=this.hasChanges;if(!t.isNullOrUndefined(this.propCollection[this.property]))for(var i=this.propCollection[this.property],n=Object.keys(i[0]),s=0;s<n.length;s++)if(!t.isNullOrUndefined(this.propCollection[n[s]])){var r=t.getValue(n[s],this),a=this.propCollection[this.property][0][n[s]];t.isNullOrUndefined(r)||this.propCollection[n[s]]===r||a===r||(t.setValue(n[s],r,this.propCollection[this.property][0]),t.setValue(n[s],r,this.propCollection),this.hasChanges=!0,this.isUpdated=!1)}for(var o=0,l=this.tagObjects;o<l.length;o++){var h=l[o];e=e||h.instance.hasChanges}return e||this.hasChanges},e.prototype.ngAfterContentChecked=function(){if(this.hasChanges=this.isChanged(),this.isInitChanges||this.hasChanges)for(var e=Object.keys(this),i=0,n=e=e.filter(function(e){return u.test(e)});i<n.length;i++){var s=n[i].replace("Ref","");t.setValue(s.replace("_","."),t.getValue(s,this),this.propCollection)}},e.prototype.ngAfterViewChecked=function(){this.isUpdated&&(this.hasChanges=!1)},e.prototype.ngAfterViewInit=function(){this.isInitChanges=!1},e.prototype.ngOnDestroy=function(){this.directivePropList=[]},e}(),f=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(i){return i.dirIndex=t++,i.property=e.propertyName,i}),this.hasChanges=!0},e.prototype.getProperties=function(){for(var e=[],t=0,i=this.list;t<i.length;t++){var n=i[t];e.push(n.getProperties())}return e},e.prototype.isChanged=function(){var e=this,t=!1,i=0,n=!1,s=this.children.map(function(e){return e});if(this.list.length===this.children.length)for(var r=0;r<this.list.length;r++)this.list[r].propCollection.dataSource&&(this.list[r].dataSource&&this.list[r].propCollection.dataSource!==this.list[r].dataSource&&(this.list[r].propCollection.dataSource=this.list[r].dataSource,this.list[r].hasChanges=!0),n=JSON.stringify(this.list[r].propCollection.dataSource)!==JSON.stringify(s[r].propCollection.dataSource));this.hasNewChildren=!(this.list.length===this.children.length&&!n)||null,this.hasNewChildren&&(this.list=this.children.map(function(t){return t.dirIndex=i++,t.property=e.propertyName,t}));for(var a=0,o=this.list;a<o.length;a++){var l=o[a];t=t||l.hasChanges}return!!this.list.length&&t},e.prototype.clearTemplate=function(e){for(var t=this,i=0,n=this.list;i<n.length;i++)n[i].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();for(var e=0;e<this.list.length;e++)t.getValue("childColumns",this.list[e])&&"columns"===t.getValue("property",this.list[e])&&t.setValue("columns",t.getValue("childColumns",this.list[e]).getProperties(),this.list[e].propCollection),this.list[e].isUpdated=!0},e.prototype.ngAfterViewInit=function(){this.isInitChanges=!1},e.prototype.ngOnDestroy=function(){this.list=[]},e}(),d=function(){function e(){this.isProtectedOnChange=!0,this.isFormInit=!0}return e.prototype.saveChanges=function(e,t,i){if(!this.isProtectedOnChange){this.oldProperties[e]=i,this.changedProperties[e]=t,this.finalUpdate();var n=setTimeout(this.dataBind.bind(this)),s=function(){clearTimeout(n)};this.finalUpdate=s}},e.prototype.ngOnInit=function(e){var i=e||this;i.registeredTemplate={},i.ngBoundedEvents={},i.isAngular=!0,i.isFormInit=!0,e&&(this.tags=e.tags),i.tags=this.tags||[],i.complexTemplate=this.complexTemplate||[],i.tagObjects=[],i.ngAttr=this.getAngularAttr(i.element),i.createElement=function(e,n){var s=i.srenderer?i.srenderer.createElement(e):t.createElement(e);return void 0===n?s:(s.innerHTML=n.innerHTML?n.innerHTML:"",void 0!==n.className&&(s.className=n.className),void 0!==n.id&&(s.id=n.id),void 0!==n.styles&&s.setAttribute("style",n.styles),void 0!==i.ngAttr&&s.setAttribute(i.ngAttr,""),void 0!==n.attrs&&t.attributes(s,n.attrs),s)};for(var n=0,s=i.tags;n<s.length;n++){var r=s[n],a={instance:t.getValue("child"+r.substring(0,1).toUpperCase()+r.substring(1),i),name:r};i.tagObjects.push(a)}for(var o=Object.keys(i),l=0,h=o=o.filter(function(e){return/Ref$/i.test(e)&&/\_/i.test(e)});l<h.length;l++){var p=h[l].replace("Ref",""),c={};t.setValue(p.replace("_","."),t.getValue(p,i),c),i.setProperties(c,!0)}},e.prototype.getAngularAttr=function(e){for(var t,i=e.attributes,n=i.length,s=0;s<n;s++)/_ngcontent/g.test(i[s].name)&&(t=i[s].name);return t},e.prototype.ngAfterViewInit=function(e){var i=e||this;/ejs-tab|ejs-accordion/g.test(i.ngEle.nativeElement.outerHTML)&&(i.ngEle.nativeElement.style.visibility="hidden");for(var n=Object.keys(i),s=0,r=n=n.filter(function(e){return/Ref$/i.test(e)});s<r.length;s++){var a=r[s].replace("Ref","");t.setValue(a.replace("_","."),t.getValue(a+"Ref",i),i)}setTimeout(function(){("undefined"!=typeof window&&document.body.contains(i.element)||"btn"===i.getModuleName())&&(i.appendTo(i.element),i.ngEle.nativeElement.style.visibility="")})},e.prototype.ngOnDestroy=function(e){var t=e||this;setTimeout(function(){"undefined"!=typeof window&&t.element.classList.contains("e-control")&&(t.destroy(),t.clearTemplate(null),t.ngBoundedEvents={},t.tagObjects={},t.ngEle=null)})},e.prototype.clearTemplate=function(e,t){a(this,e,t)},e.prototype.ngAfterContentChecked=function(e){for(var i=e||this,n=0,s=i.tagObjects;n<s.length;n++){var r=s[n];if(!t.isUndefined(r.instance)&&(r.instance.isInitChanges||r.instance.hasChanges||r.instance.hasNewChildren))if(r.instance.isInitChanges){var a={},o=void 0;(O=t.getValue("instance.list",r))&&O.length&&(o=O[0].directivePropList);var l=!0;if(i.getModuleName&&"gantt"===i.getModuleName()&&(l=!1),o&&l&&-1===o.indexOf(r.instance.propertyName))for(var h=Object.keys(r.instance.list[0].propCollection),p=0;p<r.instance.list.length;p++){r.instance.list[p].propCollection[r.instance.propertyName]=[];for(var c={},u=0;u<h.length;u++)c[P=h[u]]=r.instance.list[p].propCollection[P];for(var g=0;g<r.instance.list[p].tags.length;g++){var f=r.instance.list[p].tags[g],d=t.getValue("child"+f.substring(0,1).toUpperCase()+f.substring(1),r.instance.list[p]);if(d){var v=r.instance.list[p]["child"+f.substring(0,1).toUpperCase()+f.substring(1)];if(v)for(var m=0;m<v.list.length;m++){var C=v.list[0].tags[0];if(C){var y=t.getValue("child"+C.substring(0,1).toUpperCase()+C.substring(1),v.list[m]);y&&v.list[m].tagObjects.push({instance:y,name:C})}}r.instance.list[p].tagObjects.push({instance:d,name:f})}}r.instance.list[p].propCollection[r.instance.propertyName].push(c)}a[r.name]=r.instance.getProperties(),i.setProperties(a,r.instance.isInitChanges)}else{i[r.name].length===r.instance.list.length&&"diagram"!==i.getModuleName()||(i[r.name]=r.instance.list);for(var b=0,V=r.instance.list;b<V.length;b++){var O=V[b],E=r.instance.list.indexOf(O),T=t.getValue(r.name,i)[E],j=Object.keys(T);if(j=j.filter(function(e){return/Ref$/i.test(e)}),T.properties&&0!==Object.keys(T.properties).length&&/chart/.test(i.getModuleName()))for(var N=0,w=j;N<w.length;N++){var P=w[N];P=P.replace(/Ref/,""),T.properties[P]=T.properties[P]?T.properties[P]:T.propCollection[P]}t.isUndefined(T)||t.isUndefined(T.setProperties)||(/diagram|DashboardLayout/.test(i.getModuleName())?T.setProperties(O.getProperties(),!0):T.setProperties(O.getProperties())),O.isUpdated=!0}}}},e.prototype.registerEvents=function(e){r(e,this)},e.prototype.twoWaySetter=function(e,i){var n=t.getValue(i,this.properties);n!==e&&(this.saveChanges(i,e,n),t.setValue(i,t.isNullOrUndefined(e)?null:e,this.properties),t.getValue(i+"Change",this).emit(e))},e.prototype.addTwoWay=function(e){for(var n=this,s=this,r=0,a=e;r<a.length;r++)!function(e){t.getValue(e,s),Object.defineProperty(s,e,{get:function(){return t.getValue(e,n.properties)},set:function(t){return n.twoWaySetter(t,e)}}),t.setValue(e+"Change",new i.EventEmitter,s)}(a[r])},e.prototype.addEventListener=function(e,i){var n=t.getValue(e,this);t.isUndefined(n)||(this.ngBoundedEvents[e]||(this.ngBoundedEvents[e]=new Map),this.ngBoundedEvents[e].set(i,n.subscribe(i)))},e.prototype.removeEventListener=function(e,i){var n=t.getValue(e,this);t.isUndefined(n)||this.ngBoundedEvents[e].get(i).unsubscribe()},e.prototype.trigger=function(e,i,n){var s=t.getValue(e,this),r=this.isProtectedOnChange;this.isProtectedOnChange=!1,i&&(i.name=e),t.isUndefined(s)||s.next(i);var a=t.getValue("local"+e.charAt(0).toUpperCase()+e.slice(1),this);t.isUndefined(a)||a.call(this,i),this.isProtectedOnChange=r,n&&(this.preventChange=this.isPreventChange,n.call(this,i)),this.isPreventChange=!1},e}(),v=function(){function e(){}return e.prototype.propagateChange=function(e){},e.prototype.propagateTouch=function(){},e.prototype.localChange=function(e){var i=void 0===e.checked?e.value:e.checked;if(this.objCheck=t.isObject(i),!0===this.isUpdated&&(this.angularValue=this.oldValue),!0===this.objCheck)this.duplicateValue=JSON.stringify(i),this.duplicateAngularValue=JSON.stringify(this.angularValue),this.duplicateValue!==this.duplicateAngularValue&&void 0!==this.propagateChange&&void 0!==i&&(this.propagateChange(i),this.angularValue=i);else if(i!==this.angularValue&&void 0!==this.propagateChange&&void 0!==i)if(""!==i&&null!==i)this.propagateChange(i),this.angularValue=i;else{var n=i;this.propagateChange(n),this.angularValue=i}},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.propagateTouch=e},e.prototype.twoWaySetter=function(e,i){var n=this.oldValue||t.getValue(i,this.properties),s=this.inputElement||this.element;(!s||n!==e||this.value!==e||void 0!==s.value&&""!==s.value)&&(this.saveChanges(i,e,n),t.setValue(i,t.isNullOrUndefined(e)?null:e,this.properties),t.getValue(i+"Change",this).emit(e))},e.prototype.ngAfterViewInit=function(e){var t=e||this;if("undefined"!=typeof window){t.appendTo(t.element);var i=t.inputElement||t.element;i.addEventListener("focus",t.ngOnFocus.bind(t)),i.addEventListener("blur",t.ngOnBlur.bind(t))}this.isFormInit=!1},e.prototype.setDisabledState=function(e){this.enabled=!e,this.disabled=e},e.prototype.writeValue=function(e){var t=/ejs-radiobutton/g;void 0===this.checked?this.value=e:this.ngEle&&("boolean"==typeof e?t.test(this.ngEle.nativeElement.outerHTML)?this.checked=e===this.value:this.checked=e:this.checked=e===this.value),this.angularValue=e,this.isUpdated=!0,this.preventChange=!this.isFormInit},e.prototype.ngOnFocus=function(e){!0!==this.skipFromEvent&&this.focus.emit(e)},e.prototype.ngOnBlur=function(e){this.propagateTouch(),!0!==this.skipFromEvent&&this.blur.emit(e)},e.isFormBase=!0,e}(),m=t.getTemplateEngine();return t.setTemplateEngine({compile:l}),e.ComplexBase=g,e.ArrayBase=f,e.ComponentBase=d,e.FormBase=v,e.applyMixins=n,e.ComponentMixins=s,e.registerEvents=r,e.clearTemplate=a,e.setValue=o,e.compile=l,e.Template=h,e}({},ej.base,core),this.ejs=ej;
+this.ej=this.ej||{},this.ej.angularbase=function(e,t,i){"use strict";function n(e,t){t.forEach(function(t){Object.getOwnPropertyNames(t.prototype).forEach(function(i){(!e.prototype.hasOwnProperty(i)||t.isFormBase&&"constructor"!==i)&&(e.prototype[i]=t.prototype[i])})})}function s(e){return function(t){n(t,e)}}function r(e,t,n){var s={};if(e&&e.length){for(var r=0,a=e;r<a.length;r++){var o=a[r];!0===n?(t.propCollection[o]=new i.EventEmitter(!1),t[o]=t.propCollection[o]):s[o]=new i.EventEmitter(!1)}!0!==n&&t.setProperties(s,!0)}}function a(e,i,n){var s=Object.keys(e.registeredTemplate);if(s.length)for(var r=i&&i.filter(function(e){return!/\./g.test(e)}),a=/tab|accordion|toolbar/.test(e.getModuleName()),o=0,l=r&&r||s;o<l.length;o++){var h=l[o];if(n&&n.length)for(var p=0;p<n.length;p++)if(a)for(v=0;v<e.registeredTemplate[h].length;v++)(c=e.registeredTemplate[h][v])&&c===n[p]&&(c.destroy(),e.registeredTemplate[h].splice(v,1));else for(v=0;v<e.registeredTemplate.template.length;v++){var c=e.registeredTemplate.template[v].rootNodes[0];c===n[p]&&(f=e.registeredTemplate[h])[v].destroy()}else if(e.registeredTemplate[h])for(var u=0,g=e.registeredTemplate[h];u<g.length;u++){var f=g[u];if(!f.destroyed){if(f._view){var d=f._view.renderer.parentNode(f.rootNodes[0]);if(!t.isNullOrUndefined(d))for(var v=0;v<f.rootNodes.length;v++)d.appendChild(f.rootNodes[v])}f.destroy()}}a&&n||delete e.registeredTemplate[h]}for(var m=0,C=e.tagObjects;m<C.length;m++)!function(e){e.instance&&e.instance.clearTemplate(i&&i.filter(function(t){return!!new RegExp(e.name).test(t)}))}(C[m])}function o(e,t,i){for(var n=e.replace(/\[/g,".").replace(/\]/g,"").split("."),s=i||{},r=0;r<n.length;r++){var a=n[r];r+1===n.length?s[a]=void 0===t?{}:t:void 0===s[a]&&(s[a]={}),s=s[a]}return s}function l(e,i){if("string"==typeof e||"function"==typeof e&&e.prototype&&e.prototype.CSPTemplate)return m(e,i);var n=e.elementRef.nativeElement._viewContainerRef,s=e.elementRef.nativeElement.propName;return function(i,r,a){var o={$implicit:i},l=n||r.viewContainerRef,h=l.createEmbeddedView(e,o);"EJS-MENTION"===t.getValue("currentInstance.element.nodeName",l)?h.detectChanges():h.markForCheck();var p=r&&r.registeredTemplate?r.registeredTemplate:t.getValue("currentInstance.registeredTemplate",l);return a=a&&r.registeredTemplate?a:s,void 0===p[a]&&(p[a]=[]),p[a].push(h),h.rootNodes}}function h(e){return function(t,i){var n={set:p(i),get:c(i,e),enumerable:!0,configurable:!0};Object.defineProperty(t,i,n)}}function p(e){return function(i){void 0!==i&&(t.setValue(e+"Ref",i,this),"string"!=typeof i?(i.elementRef.nativeElement._viewContainerRef=this.viewContainerRef,i.elementRef.nativeElement.propName=e):this.saveChanges&&(this.saveChanges(e,i,void 0),this.dataBind()))}}function c(e,i){return function(){return t.getValue(e+"Ref",this)||i}}var u=/Ref$/,g=function(){function e(){this.hasChanges=!1,this.propCollection={},this.dataSource={},this.tags=[],this.tagObjects=[]}return e.prototype.ngOnInit=function(){this.registeredTemplate={};for(var e=0,i=this.tags;e<i.length;e++){var n=i[e],s=t.getValue("child"+n.substring(0,1).toUpperCase()+n.substring(1),this);s&&this.tagObjects.push({instance:s,name:n})}for(var r=Object.keys(this),a=0;a<r.length;a++){var o=t.getValue(r[a],this);"object"==typeof o&&o&&o.elementRef&&(t.getValue(-1!==r[a].indexOf("Ref")?r[a]:r[a]+"Ref",this)||t.setValue(-1!==r[a].indexOf("Ref")?r[a]:r[a]+"Ref",o,this),!t.getValue("viewContainerRef",this)||t.getValue("_viewContainerRef",o.elementRef.nativeElement)||t.getValue("propName",o.elementRef.nativeElement)||(t.setValue("_viewContainerRef",t.getValue("viewContainerRef",this),o.elementRef.nativeElement),t.setValue("propName",r[a].replace("Ref",""),o.elementRef.nativeElement)))}for(var l=0,h=r=(r=Object.keys(this)).filter(function(e){return/Ref$/i.test(e)});l<h.length;l++){var p=h[l].replace("Ref","");t.setValue(p.replace("_","."),t.getValue(p,this),this.propCollection)}var c=Object.keys(this);if(this.directivePropList){for(var u=0;u<this.directivePropList.length;u++){var g=this.directivePropList[u];-1===c.indexOf(g)||!1!==t.getValue(g,this)&&!t.getValue(g,this)||t.setValue(g,t.getValue(g,this),this.propCollection)}this.hasChanges=!0}this.isInitChanges=!0},e.prototype.registerEvents=function(e){r(e,this,!0)},e.prototype.ngOnChanges=function(e){for(var t=0,i=Object.keys(e);t<i.length;t++){var n=i[t],s=e[n];this.propCollection[n]=s.currentValue}this.isUpdated=!1,this.hasChanges=!0},e.prototype.clearTemplate=function(e){a(this,e)},e.prototype.getProperties=function(){for(var e=0,t=this.tagObjects;e<t.length;e++){var i=t[e];this.propCollection[i.name]=i.instance.getProperties()}return this.propCollection},e.prototype.isChanged=function(){var e=this.hasChanges;if(!t.isNullOrUndefined(this.propCollection[this.property]))for(var i=this.propCollection[this.property],n=Object.keys(i[0]),s=0;s<n.length;s++)if(!t.isNullOrUndefined(this.propCollection[n[s]])){var r=t.getValue(n[s],this),a=this.propCollection[this.property][0][n[s]];t.isNullOrUndefined(r)||this.propCollection[n[s]]===r||a===r||(t.setValue(n[s],r,this.propCollection[this.property][0]),t.setValue(n[s],r,this.propCollection),this.hasChanges=!0,this.isUpdated=!1)}for(var o=0,l=this.tagObjects;o<l.length;o++){var h=l[o];e=e||h.instance.hasChanges}return e||this.hasChanges},e.prototype.ngAfterContentChecked=function(){if(this.hasChanges=this.isChanged(),this.isInitChanges||this.hasChanges)for(var e=Object.keys(this),i=0,n=e=e.filter(function(e){return u.test(e)});i<n.length;i++){var s=n[i].replace("Ref","");t.setValue(s.replace("_","."),t.getValue(s,this),this.propCollection)}},e.prototype.ngAfterViewChecked=function(){this.isUpdated&&(this.hasChanges=!1)},e.prototype.ngAfterViewInit=function(){this.isInitChanges=!1},e.prototype.ngOnDestroy=function(){this.directivePropList=[]},e}(),f=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(i){return i.dirIndex=t++,i.property=e.propertyName,i}),this.hasChanges=!0},e.prototype.getProperties=function(){for(var e=[],t=0,i=this.list;t<i.length;t++){var n=i[t];e.push(n.getProperties())}return e},e.prototype.isChanged=function(){var e=this,t=!1,i=0,n=!1,s=this.children.map(function(e){return e});if(this.list.length===this.children.length)for(var r=0;r<this.list.length;r++)this.list[r].propCollection.dataSource&&(this.list[r].dataSource&&this.list[r].propCollection.dataSource!==this.list[r].dataSource&&(this.list[r].propCollection.dataSource=this.list[r].dataSource,this.list[r].hasChanges=!0),"series"!==this.list[r].property&&(n=JSON.stringify(this.list[r].propCollection.dataSource)!==JSON.stringify(s[r].propCollection.dataSource))),n=this.list[r].hasChanges!==s[r].hasChanges;this.hasNewChildren=!(this.list.length===this.children.length&&!n)||null,this.hasNewChildren&&(this.list=this.children.map(function(t){return t.dirIndex=i++,t.property=e.propertyName,t}));for(var a=0,o=this.list;a<o.length;a++){var l=o[a];t=t||l.hasChanges}return!!this.list.length&&t},e.prototype.clearTemplate=function(e){for(var t=this,i=0,n=this.list;i<n.length;i++)n[i].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();for(var e=0;e<this.list.length;e++)t.getValue("childColumns",this.list[e])&&"columns"===t.getValue("property",this.list[e])&&t.setValue("columns",t.getValue("childColumns",this.list[e]).getProperties(),this.list[e].propCollection),this.list[e].isUpdated=!0},e.prototype.ngAfterViewInit=function(){this.isInitChanges=!1},e.prototype.ngOnDestroy=function(){this.list=[]},e}(),d=function(){function e(){this.isProtectedOnChange=!0,this.isFormInit=!0}return e.prototype.saveChanges=function(e,t,i){if(!this.isProtectedOnChange){this.oldProperties[e]=i,this.changedProperties[e]=t,this.finalUpdate();var n=setTimeout(this.dataBind.bind(this)),s=function(){clearTimeout(n)};this.finalUpdate=s}},e.prototype.ngOnInit=function(e){var i=e||this;i.registeredTemplate={},i.ngBoundedEvents={},i.isAngular=!0,i.isFormInit=!0,e&&(this.tags=e.tags),i.tags=this.tags||[],i.complexTemplate=this.complexTemplate||[],i.tagObjects=[],i.ngAttr=this.getAngularAttr(i.element),i.createElement=function(e,n){var s=i.srenderer?i.srenderer.createElement(e):t.createElement(e);return void 0===n?s:(s.innerHTML=n.innerHTML?n.innerHTML:"",void 0!==n.className&&(s.className=n.className),void 0!==n.id&&(s.id=n.id),void 0!==n.styles&&s.setAttribute("style",n.styles),void 0!==i.ngAttr&&s.setAttribute(i.ngAttr,""),void 0!==n.attrs&&t.attributes(s,n.attrs),s)};for(var n=0,s=i.tags;n<s.length;n++){var r=s[n],a={instance:t.getValue("child"+r.substring(0,1).toUpperCase()+r.substring(1),i),name:r};i.tagObjects.push(a)}for(var o=Object.keys(i),l=0;l<o.length;l++){var h=t.getValue(o[l],i);"object"==typeof h&&h&&h.elementRef&&("object"==typeof h&&h&&h.elementRef&&-1!==o[l].indexOf("_")&&-1===o[l].indexOf("Ref")&&t.setValue(o[l]+"Ref",h,i),!i.viewContainerRef||t.getValue("_viewContainerRef",h.elementRef.nativeElement)||t.getValue("propName",h.elementRef.nativeElement)||(t.setValue("_viewContainerRef",i.viewContainerRef,h.elementRef.nativeElement),t.setValue("propName",o[l].replace("Ref",""),h.elementRef.nativeElement)))}for(var p=0,c=o=(o=Object.keys(i)).filter(function(e){return/Ref$/i.test(e)&&/\_/i.test(e)});p<c.length;p++){var u=c[p].replace("Ref",""),g={};t.setValue(u.replace("_","."),t.getValue(u,i),g),i.setProperties(g,!0)}},e.prototype.getAngularAttr=function(e){for(var t,i=e.attributes,n=i.length,s=0;s<n;s++)/_ngcontent/g.test(i[s].name)&&(t=i[s].name);return t},e.prototype.ngAfterViewInit=function(e){var i=e||this;/ejs-tab|ejs-accordion/g.test(i.ngEle.nativeElement.outerHTML)&&(i.ngEle.nativeElement.style.visibility="hidden");var n=Object.keys(i);n=n.filter(function(e){return/Ref$/i.test(e)});for(var s="DocumentEditor"===i.getModuleName(),r=0,a=n;r<a.length;r++){var o=a[r].replace("Ref","");t.setValue(o.replace("_","."),t.getValue(o+"Ref",i),i)}var l=function(e){("undefined"!=typeof window&&e.element||e.getModuleName().includes("btn"))&&(e.appendTo(e.element),e.ngEle.nativeElement.style.visibility="")};s?l(i):setTimeout(function(){l(i)})},e.prototype.ngOnDestroy=function(e){var t=e||this;setTimeout(function(){"undefined"!=typeof window&&t.element.classList.contains("e-control")&&(t.destroy(),t.clearTemplate(null),setTimeout(function(){for(var e=0,i=Object.keys(t);e<i.length;e++){var n=i[e],s=t[n];if(s&&/object/.test(typeof s)&&0!==Object.keys(s).length)if(/properties|changedProperties|childChangedProperties|oldProperties|moduleLoader/.test(n))for(var r=0,a=Object.keys(t[n]);r<a.length;r++){var o=a[r],l=s[o];l&&/object/.test(typeof l)&&0!==Object.keys(l).length&&(l.parent||l.parentObj)&&(t[n][o]=null)}else(s.parent||s.parentObj)&&(t[n]=null)}}))})},e.prototype.clearTemplate=function(e,t){a(this,e,t)},e.prototype.ngAfterContentChecked=function(e){for(var i=e||this,n=0,s=i.tagObjects;n<s.length;n++){var r=s[n];if(!t.isUndefined(r.instance)&&(r.instance.isInitChanges||r.instance.hasChanges||r.instance.hasNewChildren))if(r.instance.isInitChanges){var a={},o=void 0;(v=t.getValue("instance.list",r))&&v.length&&(o=v[0].directivePropList);var l=!0;if(i.getModuleName&&"gantt"===i.getModuleName()&&(l=!1),o&&l&&-1===o.indexOf(r.instance.propertyName))for(var h=Object.keys(r.instance.list[0].propCollection),p=0;p<r.instance.list.length;p++){r.instance.list[p].propCollection[r.instance.propertyName]=[];for(var c={},u=0;u<h.length;u++)c[O=h[u]]=r.instance.list[p].propCollection[O];for(var g=0;g<r.instance.list[p].tags.length;g++)!function(e){var i=r.instance.list[p].tags[e],n=t.getValue("child"+i.substring(0,1).toUpperCase()+i.substring(1),r.instance.list[p]);if(n){var s=r.instance.list[p]["child"+i.substring(0,1).toUpperCase()+i.substring(1)],a=function(e){var i=[];if(e)for(var n=0;n<e.list.length;n++){var s=e.list[0].tags[0];if(s){var r=t.getValue("child"+s.substring(0,1).toUpperCase()+s.substring(1),e.list[n]);r&&(e.list[n].tagObjects.push({instance:r,name:s}),i.push(r))}}if(0!==i.length)for(var o=0;o<i.length;o++)a(i[o])};a(s),r.instance.list[p].tagObjects.push({instance:n,name:i})}}(g);r.instance.list[p].propCollection[r.instance.propertyName].push(c)}a[r.name]=r.instance.getProperties(),i.setProperties(a,r.instance.isInitChanges)}else{(i[r.name].length!==r.instance.list.length||/diagram|DashboardLayout/.test(i.getModuleName()))&&(i[r.name]=r.instance.list);for(var f=0,d=r.instance.list;f<d.length;f++){var v=d[f],m=r.instance.list.indexOf(v),C=t.getValue(r.name,i)[m],y=Object.keys(C);if(y=y.filter(function(e){return/Ref$/i.test(e)}),C.properties&&0!==Object.keys(C.properties).length)for(var b=0,V=y;b<V.length;b++){var O=V[b];O=O.replace(/Ref/,""),C.properties[O]=C.properties[O]?C.properties[O]:C.propCollection[O]}t.isUndefined(C)||t.isUndefined(C.setProperties)||(/diagram|DashboardLayout/.test(i.getModuleName())?C.setProperties(v.getProperties(),!0):C.setProperties(v.getProperties())),v.isUpdated=!0}}}},e.prototype.registerEvents=function(e){r(e,this)},e.prototype.twoWaySetter=function(e,i){var n=t.getValue(i,this.properties);n!==e&&(this.saveChanges(i,e,n),t.setValue(i,t.isNullOrUndefined(e)?null:e,this.properties),t.getValue(i+"Change",this).emit(e))},e.prototype.addTwoWay=function(e){for(var n=this,s=this,r=0,a=e;r<a.length;r++)!function(e){t.getValue(e,s),Object.defineProperty(s,e,{get:function(){return t.getValue(e,n.properties)},set:function(t){return n.twoWaySetter(t,e)}}),t.setValue(e+"Change",new i.EventEmitter,s)}(a[r])},e.prototype.addEventListener=function(e,i){var n=t.getValue(e,this);t.isUndefined(n)||(this.ngBoundedEvents[e]||(this.ngBoundedEvents[e]=new Map),this.ngBoundedEvents[e].set(i,n.subscribe(i)))},e.prototype.removeEventListener=function(e,i){var n=t.getValue(e,this);t.isUndefined(n)||this.ngBoundedEvents[e].get(i).unsubscribe()},e.prototype.trigger=function(e,i,n){var s=t.getValue(e,this),r=this.isProtectedOnChange;this.isProtectedOnChange=!1,i&&(i.name=e),t.isUndefined(s)||s.next(i);var a=t.getValue("local"+e.charAt(0).toUpperCase()+e.slice(1),this);t.isUndefined(a)||a.call(this,i),this.isProtectedOnChange=r,n&&(this.preventChange=this.isPreventChange,n.call(this,i)),this.isPreventChange=!1},e}(),v=function(){function e(){}return e.prototype.propagateChange=function(e){},e.prototype.propagateTouch=function(){},e.prototype.localChange=function(e){var i=void 0===e.checked?e.value:e.checked;if(this.objCheck=t.isObject(i),!0===this.isUpdated&&(this.angularValue=this.oldValue),!0===this.objCheck)this.duplicateValue=JSON.stringify(i),this.duplicateAngularValue=JSON.stringify(this.angularValue),this.duplicateValue!==this.duplicateAngularValue&&void 0!==this.propagateChange&&void 0!==i&&(this.propagateChange(i),this.angularValue=i);else if(i!==this.angularValue&&void 0!==this.propagateChange&&void 0!==i)if(""!==i&&null!==i)this.propagateChange(i),this.angularValue=i;else{var n=i;this.propagateChange(n),this.angularValue=i}this.cdr.markForCheck()},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.propagateTouch=e},e.prototype.twoWaySetter=function(e,i){var n=this.oldValue||t.getValue(i,this.properties),s=this.inputElement||this.element;(!s||n!==e||this.value!==e||void 0!==s.value&&""!==s.value)&&(this.saveChanges(i,e,n),t.setValue(i,t.isNullOrUndefined(e)?null:e,this.properties),t.getValue(i+"Change",this).emit(e))},e.prototype.ngAfterViewInit=function(e){var t=e||this;if("undefined"!=typeof window){t.getModuleName().includes("dropdown")?setTimeout(function(){t.appendTo(t.element)}):t.appendTo(t.element);var i=t.inputElement||t.element;i.addEventListener("focus",t.ngOnFocus.bind(t)),i.addEventListener("blur",t.ngOnBlur.bind(t))}this.isFormInit=!1},e.prototype.setDisabledState=function(e){this.enabled=!e,this.disabled=e},e.prototype.writeValue=function(e){var t=/ejs-radiobutton/g;void 0===this.checked?this.value=e:this.ngEle&&("boolean"==typeof e?t.test(this.ngEle.nativeElement.outerHTML)?this.checked=e===this.value:this.checked=e:this.checked=e===this.value),this.angularValue=e,this.isUpdated=!0,this.preventChange=!this.isFormInit,this.cdr.markForCheck()},e.prototype.ngOnFocus=function(e){!0!==this.skipFromEvent&&this.focus.emit(e),this.cdr.markForCheck()},e.prototype.ngOnBlur=function(e){this.propagateTouch(),!0!==this.skipFromEvent&&this.blur.emit(e),this.cdr.markForCheck()},e.isFormBase=!0,e}(),m=t.getTemplateEngine();return t.setTemplateEngine({compile:l}),e.ComplexBase=g,e.ArrayBase=f,e.ComponentBase=d,e.FormBase=v,e.applyMixins=n,e.ComponentMixins=s,e.registerEvents=r,e.clearTemplate=a,e.setValue=o,e.compile=l,e.Template=h,e}({},ej.base,core),this.ejs=ej;
 //# sourceMappingURL=ej2-angular-base.min.js.map

dist/global/index.d.ts

@@ -1,10 +0,1 @@
-/*!
-*  filename: index.d.ts
-*  version : 19.3.59
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
-*  Use of this code is subject to the terms of our license.
-*  A copy of the current license can be obtained at any time by e-mailing
-*  [e-mail]. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _angularbase from '@syncfusion/ej2-angular-base';
@@ -11,0 +2,0 @@

package.json

 {
-  "_from": "@syncfusion/ej2-angular-base@*",
-  "_id": "@syncfusion/ej2-angular-base@19.3.55",
+  "_from": "@syncfusion/ej2-angular-base@19.3.60",
+  "_id": "@syncfusion/ej2-angular-base@19.3.60",
   "_inBundle": false,
-  "_integrity": "sha512-0ELdBZkrOdSKrbtawZC1/DH4JgdnnjYCdWvZoNiCJMQfbpkeQlH2R702lS6TQ8cV7xWuvwJD1qJnSgjvKhDyeA==",
+  "_integrity": "sha512-ABKsNcV8nAzN8skq84kMjt+SZOIUkJY+nlXz0fm53FbbPFaeZtkqsXskcuZNux+0wZV51Qq+u7wSVDluGQ/aVA==",
   "_location": "/@syncfusion/ej2-angular-base",
   "_phantomChildren": {},
   "_requested": {
-    "type": "range",
+    "type": "version",
     "registry": true,
-    "raw": "@syncfusion/ej2-angular-base@*",
+    "raw": "@syncfusion/ej2-angular-base@19.3.60",
     "name": "@syncfusion/ej2-angular-base",
     "escapedName": "@syncfusion%2fej2-angular-base",
     "scope": "@syncfusion",
-    "rawSpec": "*",
+    "rawSpec": "19.3.60",
     "saveSpec": null,
-    "fetchSpec": "*"
+    "fetchSpec": "19.3.60"
   },
   "_requiredBy": [
     "/",
-    "/@syncfusion/ej2-angular-charts",
-    "/@syncfusion/ej2-angular-diagrams",
-    "/@syncfusion/ej2-angular-spreadsheet"
+    "/@syncfusion/ej2-angular-calendars",
+    "/@syncfusion/ej2-angular-dropdowns",
+    "/@syncfusion/ej2-angular-grids",
+    "/@syncfusion/ej2-angular-inputs",
+    "/@syncfusion/ej2-angular-lists",
+    "/@syncfusion/ej2-angular-navigations",
+    "/@syncfusion/ej2-angular-popups",
+    "/@syncfusion/ej2-angular-splitbuttons"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-base/-/ej2-angular-base-19.3.55.tgz",
-  "_shasum": "9807c36b3ea8c01049614d024ae824b3443e5876",
-  "_spec": "@syncfusion/ej2-angular-base@*",
-  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
+  "_resolved": "https://registry.npmjs.org/@syncfusion/ej2-angular-base/-/ej2-angular-base-19.3.60.tgz",
+  "_shasum": "858c01bec15b6c145195bb30f748910dd4ddd24c",
+  "_spec": "@syncfusion/ej2-angular-base@19.3.60",
+  "_where": "C:\\Users\\SathishKumarRajendra\\Downloads\\angular-f8k56q-c9lpaq",
   "author": {
@@ -69,5 +74,5 @@ "name": "Syncfusion Inc."
   },
+  "sideEffects": true,
   "typings": "index.d.ts",
-  "version": "19.3.59",
-  "sideEffects": true
-}
+  "version": "19.3.60-13828"
+}

schematics/generators/component-builder.js

@@ -5,10 +5,10 @@ "use strict";
 const schematics_1 = require("@angular-devkit/schematics");
-const config_1 = require("@schematics/angular/utility/config");
+const helpers_1 = require("../utils/helpers/helpers");
 const ts = require("typescript");
 const get_project_1 = require("../utils/get-project");
-const helpers_1 = require("../utils/helpers/helpers");
+const helpers_2 = require("../utils/helpers/helpers");
 const ast_1 = require("../utils/ast");
 function componentBuilder(options, sampleDetails) {
     return (host, context) => {
-        const workspace = config_1.getWorkspace(host);
+        const workspace = helpers_1.getWorkspace(host);
         const project = get_project_1.getProjectFromWorkspace(workspace, options.project);
@@ -19,9 +19,9 @@ options.selector = options.selector || core_1.strings.dasherize(options.name);
         }
-        const parsedPath = helpers_1.parseName(options.path, options.name);
+        const parsedPath = helpers_2.parseName(options.path, options.name);
         options.name = parsedPath.name;
         options.path = parsedPath.path;
-        helpers_1.validateName(options.name);
-        helpers_1.validateHtmlSelector(options.selector);
+        helpers_2.validateName(options.name);
+        helpers_2.validateHtmlSelector(options.selector);
         options.selector = options.selector || buildSelector(options, project.prefix);
-        options.module = helpers_1.findModuleFromOptions(host, options);
+        options.module = helpers_2.findModuleFromOptions(host, options);
         const templateSource = schematics_1.apply(schematics_1.url('./samples'), [
@@ -31,3 +31,3 @@ schematics_1.template(Object.assign({}, core_1.strings, { 'if-flat': (s) => options.flat ? '' : s }, options)),
         ]);
-        const parsedImagePath = helpers_1.parseName(`/${project.root}/src/assets/${sampleDetails.componentName}`, `${sampleDetails.sampleName}`);
+        const parsedImagePath = helpers_2.parseName(`/${project.root}/src/assets/${sampleDetails.componentName}`, `${sampleDetails.sampleName}`);
         let imagesExists = host.getDir(`${parsedImagePath.path}/${parsedImagePath.name}`).subfiles.length ?
@@ -78,8 +78,8 @@ true : false, optionsClone = Object.assign({}, options), copyImages;
             + '.component';
-        const relativePath = helpers_1.buildRelativePath(modulePath, componentPath);
+        const relativePath = helpers_2.buildRelativePath(modulePath, componentPath);
         const classifiedName = core_1.strings.classify(`${options.name}Component`);
-        const declarationChanges = helpers_1.addDeclarationToModule(source, modulePath, classifiedName, relativePath);
+        const declarationChanges = helpers_2.addDeclarationToModule(source, modulePath, classifiedName, relativePath);
         const declarationRecorder = host.beginUpdate(modulePath);
         for (const change of declarationChanges) {
-            if (change instanceof helpers_1.InsertChange) {
+            if (change instanceof helpers_2.InsertChange) {
                 declarationRecorder.insertLeft(change.pos, change.toAdd);
@@ -93,8 +93,8 @@ }
             providers.forEach((provider) => {
-                if (!helpers_1.isImported(source, provider.trim(), sampleDetails.packageName)) {
+                if (!helpers_2.isImported(source, provider.trim(), sampleDetails.packageName)) {
                     source = readIntoSourceFile(host, modulePath);
-                    const providerChanges = helpers_1.addProviderToModule(source, modulePath, provider, sampleDetails.packageName);
+                    const providerChanges = helpers_2.addProviderToModule(source, modulePath, provider, sampleDetails.packageName);
                     const providerRecorder = host.beginUpdate(modulePath);
                     for (const change of providerChanges) {
-                        if (change instanceof helpers_1.InsertChange) {
+                        if (change instanceof helpers_2.InsertChange) {
                             providerRecorder.insertLeft(change.pos, change.toAdd);
@@ -101,0 +101,0 @@ }

schematics/generators/template/schema.json

 {
   "$schema": "http://json-schema.org/schema",
-  "id": "EJ2SchemaTemplateID",
+  "$id": "EJ2SchemaTemplateID",
   "title": "EJ2SchemaTemplateTitle",
@@ -5,0 +5,0 @@ "type": "object",

schematics/ng-add/index.js

@@ -6,3 +6,3 @@ "use strict";
 const tasks_1 = require("@angular-devkit/schematics/tasks");
-const config_1 = require("@schematics/angular/utility/config");
+const helpers_1 = require("../utils/helpers/helpers");
 const ast_1 = require("../utils/ast");
@@ -61,3 +61,3 @@ const get_project_1 = require("../utils/get-project");
     return (host) => {
-        const workspace = config_1.getWorkspace(host);
+        const workspace = helpers_1.getWorkspace(host);
         const project = get_project_1.getProjectFromWorkspace(workspace, options.project);
@@ -64,0 +64,0 @@ let validModules;

schematics/ng-add/schema.json

 {
   "$schema": "http://json-schema.org/schema",
-  "id": "ngAdd",
+  "$id": "ngAdd",
   "title": "Add Essential JS 2 Angular packages",
@@ -5,0 +5,0 @@ "type": "object",

schematics/ng-add/theme.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const change_1 = require("@schematics/angular/utility/change");
-const config_1 = require("@schematics/angular/utility/config");
+const helpers_1 = require("../utils/helpers/helpers");
 const get_project_1 = require("../utils/get-project");
@@ -24,8 +24,9 @@ const package_1 = require("../utils/package");
     return (host) => {
-        const themePath = `@import \'..\/node_modules/@syncfusion/ej2-${theme}-theme/styles/${theme}.css\';\n`;
+        let themePath = `@import \'..\/node_modules/@syncfusion/ej2-${theme}-theme/styles/${theme}.css\'`;
         const strippedThemePath = `./node_modules/@syncfusion/ej2-${theme}-theme/styles/${theme}.css`;
-        const workspace = config_1.getWorkspace(host);
+        const workspace = helpers_1.getWorkspace(host);
         const project = get_project_1.getProjectFromWorkspace(workspace, options.project);
-        const stylesPath = project_style_file_1.getProjectStyleFile(project, 'css');
+        const stylesPath = project_style_file_1.getProjectStyleFile(project);
         const stylesBuffer = host.read(stylesPath);
+        themePath += stylesPath.includes("sass") ? `\n` : `;\n`;
         // Because the build setup for the Angular CLI can be changed so dramatically, we can't know
@@ -32,0 +33,0 @@ // where to generate anything if the project is not using the default config for build and test.

schematics/utils/get-project.js

@@ -12,2 +12,5 @@ "use strict";
     let project = workspace.projects[projectName || workspace.defaultProject];
+    if (workspace.defaultProject === undefined) {
+        project = workspace.projects[projectName || Object.keys(workspace.projects)[0]];
+    }
     if (!project) {
@@ -14,0 +17,0 @@ throw new Error(`Could not find project in workspace: ${projectName}`);

schematics/utils/helpers/helpers.d.ts

@@ -96,3 +96,3 @@ /**
 /** Gets the Angular CLI workspace config (angular.json) */
-export declare function getWorkspace(host: Tree): Workspace;
+export declare function getWorkspace(host: Tree): any;
 /**
@@ -99,0 +99,0 @@ * Gets a project from the Angular CLI workspace. If no project name is given, the first project

schematics/utils/project-style-file.js

@@ -13,5 +13,5 @@ "use strict";
 /** Regular expression that matches all possible Angular CLI default style files. */
-const defaultStyleFileRegex = /styles\.(c|le|sc)ss/;
+const defaultStyleFileRegex = /styles\.(c|le|sa|sc)ss/;
 /** Regular expression that matches all files that have a proper stylesheet extension. */
-const validStyleFileRegex = /\.(c|le|sc)ss/;
+const validStyleFileRegex = /\.(c|le|sa|sc)ss/;
 /**
@@ -18,0 +18,0 @@ * Gets a style file with the given extension in a project and returns its path. If no

src/complex-array-base.js

@@ -24,4 +24,10 @@ import { getValue, setValue, isNullOrUndefined } from '@syncfusion/ej2-base';
             var tempProp = getValue(templateProperties[i], this);
-            if (typeof tempProp === 'object' && tempProp.elementRef && !getValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', this)) {
-                setValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', tempProp, this);
+            if (typeof tempProp === 'object' && tempProp && tempProp.elementRef) {
+                if (!getValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', this)) {
+                    setValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', tempProp, this);
+                }
+                if (getValue("viewContainerRef", this) && !getValue("_viewContainerRef", tempProp.elementRef.nativeElement) && !getValue("propName", tempProp.elementRef.nativeElement)) {
+                    setValue("_viewContainerRef", getValue("viewContainerRef", this), tempProp.elementRef.nativeElement);
+                    setValue("propName", templateProperties[i].replace("Ref", ''), tempProp.elementRef.nativeElement);
+                }
             }
@@ -45,3 +51,3 @@ }
                 var dirPropName = this.directivePropList[k];
-                if (propList.indexOf(dirPropName) !== -1 && getValue(dirPropName, this)) {
+                if (propList.indexOf(dirPropName) !== -1 && (getValue(dirPropName, this) === false || getValue(dirPropName, this))) {
                     setValue(dirPropName, getValue(dirPropName, this), this.propCollection);
@@ -180,5 +186,8 @@ }
                     }
-                    isSourceChanged = (JSON.stringify(this.list[i].propCollection.dataSource) !==
-                        JSON.stringify(childrenDataSource[i].propCollection.dataSource));
+                    if (this.list[i].property !== "series") {
+                        isSourceChanged = (JSON.stringify(this.list[i].propCollection.dataSource) !==
+                            JSON.stringify(childrenDataSource[i].propCollection.dataSource));
+                    }
                 }
+                isSourceChanged = this.list[i].hasChanges !== childrenDataSource[i].hasChanges;
             }
@@ -185,0 +194,0 @@ }

src/component-base.js

@@ -78,2 +78,15 @@ /**
         var complexTemplates = Object.keys(tempOnThis);
+        for (var i = 0; i < complexTemplates.length; i++) {
+            var compProp = getValue(complexTemplates[i], tempOnThis);
+            if (typeof compProp === 'object' && compProp && compProp.elementRef) {
+                if (typeof compProp === 'object' && compProp && compProp.elementRef && complexTemplates[i].indexOf('_') !== -1 && complexTemplates[i].indexOf('Ref') === -1) {
+                    setValue(complexTemplates[i] + 'Ref', compProp, tempOnThis);
+                }
+                if (tempOnThis.viewContainerRef && !getValue("_viewContainerRef", compProp.elementRef.nativeElement) && !getValue("propName", compProp.elementRef.nativeElement)) {
+                    setValue("_viewContainerRef", tempOnThis.viewContainerRef, compProp.elementRef.nativeElement);
+                    setValue("propName", complexTemplates[i].replace("Ref", ''), compProp.elementRef.nativeElement);
+                }
+            }
+        }
+        complexTemplates = Object.keys(tempOnThis);
         complexTemplates = complexTemplates.filter(function (val) {
@@ -128,2 +141,3 @@ return /Ref$/i.test(val) && /\_/i.test(val);
         });
+        var ngtempRef = tempAfterViewThis.getModuleName() === 'DocumentEditor';
         for (var _i = 0, templateProperties_1 = templateProperties; _i < templateProperties_1.length; _i++) {
@@ -136,9 +150,17 @@ var tempName = templateProperties_1[_i];
         // Refer Link: https://github.com/angular/angular/issues/6005
-        setTimeout(function () {
+        var appendToComponent = function (tempAfterViewThis) {
             /* istanbul ignore else  */
-            if (typeof window !== 'undefined' && document.body.contains(tempAfterViewThis.element) || tempAfterViewThis.getModuleName() === 'btn') {
+            if (typeof window !== 'undefined' && tempAfterViewThis.element) {
                 tempAfterViewThis.appendTo(tempAfterViewThis.element);
                 tempAfterViewThis.ngEle.nativeElement.style.visibility = '';
             }
-        });
+        };
+        if (!ngtempRef && !tempAfterViewThis.getModuleName().includes('btn')) {
+            setTimeout(function () {
+                appendToComponent(tempAfterViewThis);
+            });
+        }
+        else {
+            appendToComponent(tempAfterViewThis);
+        }
     };
@@ -155,5 +177,24 @@ // tslint:disable-next-line:no-any
                 // removing bounded events and tagobjects from component after destroy
-                tempOnDestroyThis.ngBoundedEvents = {};
-                tempOnDestroyThis.tagObjects = {};
-                tempOnDestroyThis.ngEle = null;
+                setTimeout(function () {
+                    for (var _i = 0, _a = Object.keys(tempOnDestroyThis); _i < _a.length; _i++) {
+                        var key = _a[_i];
+                        var value = tempOnDestroyThis[key];
+                        if (value && /object/.test(typeof value) && Object.keys(value).length !== 0) {
+                            if (/properties|changedProperties|childChangedProperties|oldProperties|moduleLoader/.test(key)) {
+                                for (var _b = 0, _c = Object.keys(tempOnDestroyThis[key]); _b < _c.length; _b++) {
+                                    var propKey = _c[_b];
+                                    var propValue = value[propKey];
+                                    if (propValue && /object/.test(typeof propValue) && Object.keys(propValue).length !== 0 && (propValue.parent || propValue.parentObj)) {
+                                        tempOnDestroyThis[key][propKey] = null;
+                                    }
+                                }
+                            }
+                            else {
+                                if (value.parent || value.parentObj) {
+                                    tempOnDestroyThis[key] = null;
+                                }
+                            }
+                        }
+                    }
+                });
             }
@@ -198,3 +239,3 @@ });
                             }
-                            for (var i = 0; i < tagObject.instance.list[h].tags.length; i++) {
+                            var _loop_1 = function (i) {
                                 var tag = tagObject.instance.list[h].tags[i];
@@ -204,15 +245,31 @@ var childObj = getValue('child' + tag.substring(0, 1).toUpperCase() + tag.substring(1), tagObject.instance.list[h]);
                                     var innerchildObj = tagObject.instance.list[h]['child' + tag.substring(0, 1).toUpperCase() + tag.substring(1)];
-                                    if (innerchildObj) {
-                                        for (var j = 0; j < innerchildObj.list.length; j++) {
-                                            var innerTag = innerchildObj.list[0].tags[0];
-                                            if (innerTag) {
-                                                var innerchildTag = getValue('child' + innerTag.substring(0, 1).toUpperCase() + innerTag.substring(1), innerchildObj.list[j]);
-                                                if (innerchildTag) {
-                                                    innerchildObj.list[j].tagObjects.push({ instance: innerchildTag, name: innerTag });
+                                    // Update the inner child tag objects
+                                    var updateChildTag_1 = function (innerchild) {
+                                        var innerLevelTag = [];
+                                        if (innerchild) {
+                                            for (var j = 0; j < innerchild.list.length; j++) {
+                                                var innerTag = innerchild.list[0].tags[0];
+                                                if (innerTag) {
+                                                    var innerchildTag = getValue('child' + innerTag.substring(0, 1).toUpperCase() + innerTag.substring(1), innerchild.list[j]);
+                                                    if (innerchildTag) {
+                                                        innerchild.list[j].tagObjects.push({ instance: innerchildTag, name: innerTag });
+                                                        innerLevelTag.push(innerchildTag);
+                                                    }
                                                 }
                                             }
                                         }
-                                    }
+                                        // check for inner level tag
+                                        if (innerLevelTag.length !== 0) {
+                                            for (var l = 0; l < innerLevelTag.length; l++) {
+                                                updateChildTag_1(innerLevelTag[l]);
+                                            }
+                                        }
+                                        ;
+                                    };
+                                    updateChildTag_1(innerchildObj);
                                     tagObject.instance.list[h].tagObjects.push({ instance: childObj, name: tag });
                                 }
+                            };
+                            for (var i = 0; i < tagObject.instance.list[h].tags.length; i++) {
+                                _loop_1(i);
                             }
@@ -228,3 +285,3 @@ tagObject.instance.list[h].propCollection[tagObject.instance.propertyName].push(obj);
                     /* istanbul ignore next */
-                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (tempAfterContentThis.getModuleName() === 'diagram')) {
+                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (/diagram|DashboardLayout/.test(tempAfterContentThis.getModuleName()))) {
                         tempAfterContentThis[tagObject.name] = tagObject.instance.list;
@@ -240,3 +297,3 @@ }
                         });
-                        if (curChild.properties && Object.keys(curChild.properties).length !== 0 && /chart/.test(tempAfterContentThis.getModuleName())) {
+                        if (curChild.properties && Object.keys(curChild.properties).length !== 0) {
                             for (var _d = 0, complexTemplates_2 = complexTemplates; _d < complexTemplates_2.length; _d++) {
@@ -277,3 +334,3 @@ var complexPropName = complexTemplates_2[_d];
         var _this = this;
-        var _loop_1 = function (prop) {
+        var _loop_2 = function (prop) {
             getValue(prop, this_1);
@@ -291,3 +348,3 @@ Object.defineProperty(this_1, prop, {
             var prop = propList_1[_i];
-            _loop_1(prop);
+            _loop_2(prop);
         }
@@ -294,0 +351,0 @@ };

src/form-base.d.ts

@@ -1,2 +0,2 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, ChangeDetectorRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
@@ -29,2 +29,3 @@ /**
     oldValue: any;
+    cdr: ChangeDetectorRef;
     localChange(e: {
@@ -31,0 +32,0 @@ value?: T;

src/form-base.js

@@ -42,2 +42,3 @@ import { getValue, setValue, isNullOrUndefined, isObject } from '@syncfusion/ej2-base';
         }
+        // this.cdr.markForCheck();
     };
@@ -68,6 +69,12 @@ FormBase.prototype.registerOnChange = function (registerFunction) {
         // Removed setTimeout, Because we have called markForCheck() method in Angular Template Compiler
-        // setTimeout(() => {
         /* istanbul ignore else */
         if (typeof window !== 'undefined') {
-            tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+            if ((tempFormAfterViewThis.getModuleName()).includes('dropdown')) {
+                setTimeout(function () {
+                    tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+                });
+            }
+            else {
+                tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+            }
             var ele = tempFormAfterViewThis.inputElement || tempFormAfterViewThis.element;
@@ -78,3 +85,2 @@ ele.addEventListener('focus', tempFormAfterViewThis.ngOnFocus.bind(tempFormAfterViewThis));
         this.isFormInit = false;
-        // });
     };
@@ -113,2 +119,3 @@ FormBase.prototype.setDisabledState = function (disabled) {
         this.preventChange = this.isFormInit ? false : true;
+        // this.cdr.markForCheck();
         if (value === null) {
@@ -123,2 +130,3 @@ return;
         }
+        // this.cdr.markForCheck();
     };
@@ -131,2 +139,3 @@ FormBase.prototype.ngOnBlur = function (e) {
         }
+        // this.cdr.markForCheck();
     };
@@ -133,0 +142,0 @@ FormBase.isFormBase = true;

src/template.js

@@ -8,3 +8,3 @@ import { setTemplateEngine, getTemplateEngine } from '@syncfusion/ej2-base';
 export function compile(templateEle, helper) {
-    if (typeof templateEle === 'string') {
+    if (typeof templateEle === 'string' || (typeof templateEle === 'function' && templateEle.prototype && templateEle.prototype.CSPTemplate)) {
         return stringCompiler(templateEle, helper);
@@ -21,3 +21,8 @@ }
             var viewRef = conRef.createEmbeddedView(templateEle, context);
-            viewRef.markForCheck();
+            if (getValue('currentInstance.element.nodeName', conRef) === 'EJS-MENTION') {
+                viewRef.detectChanges();
+            }
+            else {
+                viewRef.markForCheck();
+            }
             /* istanbul ignore next */
@@ -24,0 +29,0 @@ var viewCollection = (component && component.registeredTemplate) ?

src/util.js

@@ -10,3 +10,3 @@ import { EventEmitter } from '@angular/core';
         Object.getOwnPropertyNames(baseClass.prototype).forEach(function (name) {
-            if (!derivedClass.prototype.hasOwnProperty(name) || baseClass.isFormBase) {
+            if (!derivedClass.prototype.hasOwnProperty(name) || (baseClass.isFormBase && name !== 'constructor')) {
                 derivedClass.prototype[name] = baseClass.prototype[name];
@@ -54,2 +54,3 @@ }
         });
+        var tabaccordionTemp = /tab|accordion|toolbar/.test(_this.getModuleName());
         for (var _i = 0, _a = (regProperties && regProperties || regTemplates); _i < _a.length; _i++) {
@@ -60,9 +61,20 @@ var registeredTemplate = _a[_i];
                 for (var e = 0; e < index.length; e++) {
-                    for (var m = 0; m < _this.registeredTemplate.template.length; m++) {
-                        var value = _this.registeredTemplate.template[m].rootNodes[0];
-                        if (value === index[e]) {
-                            var rt = _this.registeredTemplate[registeredTemplate];
-                            rt[m].destroy();
+                    if (tabaccordionTemp) {
+                        for (var m = 0; m < _this.registeredTemplate[registeredTemplate].length; m++) {
+                            var value = _this.registeredTemplate[registeredTemplate][m];
+                            if (value && value === index[e]) {
+                                value.destroy();
+                                _this.registeredTemplate[registeredTemplate].splice(m, 1);
+                            }
                         }
                     }
+                    else {
+                        for (var m = 0; m < _this.registeredTemplate.template.length; m++) {
+                            var value = _this.registeredTemplate.template[m].rootNodes[0];
+                            if (value === index[e]) {
+                                var rt = _this.registeredTemplate[registeredTemplate];
+                                rt[m].destroy();
+                            }
+                        }
+                    }
                 }
@@ -88,3 +100,5 @@ }
             }
-            delete _this.registeredTemplate[registeredTemplate];
+            if (!tabaccordionTemp || !index) {
+                delete _this.registeredTemplate[registeredTemplate];
+            }
         }
@@ -91,0 +105,0 @@ }

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

569040

increased by13.72%

Number of package files

92

increased by12.2%

Lines of code

5301

increased by8.74%

Worsened metrics

Number of low quality alerts

2

increased by100%

No dependency changes