v23.1.36 is released

Author: pipeline

README.md

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import 'ej2-barcode-generator/styles/barcode/material3-dark.scss';

components/barcodegenerator/styles/barcode/material3-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/definition/material3.scss';
+@import 'ej2-barcode-generator/styles/barcode/material3.scss';

components/barcodegenerator/styles/barcode/material3.scss

@@ -0,0 +1,2 @@
+
+@import 'barcode/material3-dark.scss';

components/barcodegenerator/styles/material3-dark.scss

@@ -0,0 +1,2 @@
+
+@import 'barcode/material3.scss';

components/barcodegenerator/styles/material3.scss

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-base",
-	"version": "22.2.5",
+	"version": "23.1.36",
 	"description": "A common package of Essential JS 2 base Angular libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/base/CHANGELOG.md

@@ -311,7 +311,7 @@ export class ComponentBase<T> {
                     tempAfterContentThis.setProperties(propObj, tagObject.instance.isInitChanges);
                 } else {
                     /* istanbul ignore next */
-                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (/diagram|tab|DashboardLayout/.test(tempAfterContentThis.getModuleName()))) {
+                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (/diagram|DashboardLayout/.test(tempAfterContentThis.getModuleName()))) {
                         tempAfterContentThis[tagObject.name] = tagObject.instance.list;
                     }
                     for (let list of tagObject.instance.list) {

components/base/package.json

@@ -1,4 +1,4 @@
-import { EventEmitter, ElementRef } from '@angular/core';
+import { EventEmitter, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { getValue, setValue, isNullOrUndefined, isObject } from '@syncfusion/ej2-base';
 import { ControlValueAccessor } from '@angular/forms';
 /**
@@ -30,6 +30,7 @@ export class FormBase<T> implements ControlValueAccessor {
     public preventChange: boolean;
     public isUpdated: boolean;
     public oldValue: any;
+    public cdr: ChangeDetectorRef;
 
     public localChange(e: { value?: T, checked?: T }): void {
         //tslint:disable-next-line
@@ -61,6 +62,7 @@ export class FormBase<T> implements ControlValueAccessor {
                 }
             }
         }
+        this.cdr.markForCheck();
     }
 
     public properties: Object;
@@ -131,6 +133,7 @@ export class FormBase<T> implements ControlValueAccessor {
         // When binding Html textbox value to syncfusion textbox, change event triggered dynamically.
         // To prevent change event, trigger change in component side based on `preventChange` value
         this.preventChange = this.isFormInit ? false : true;
+        this.cdr.markForCheck();
         if (value === null) {
             return;
         }
@@ -142,6 +145,7 @@ export class FormBase<T> implements ControlValueAccessor {
         if (this.skipFromEvent !== true) {
             this.focus.emit(e);
         }
+        this.cdr.markForCheck();
     }
 
     public ngOnBlur(e: Event): void {
@@ -150,5 +154,6 @@ export class FormBase<T> implements ControlValueAccessor {
         if (this.skipFromEvent !== true) {
             this.blur.emit(e);
         }
+        this.cdr.markForCheck();
     }
 }

components/base/releasenotes/README.md

@@ -21,7 +21,7 @@ export function compile(templateEle: AngularElementType, helper?: Object):
             /* istanbul ignore next */
             let conRef: ViewContainerRef = contRef ? contRef : component.viewContainerRef;
             let viewRef: EmbeddedViewRef<Object> = conRef.createEmbeddedView(templateEle as TemplateRef<Object>, context);
-            viewRef.detectChanges();
+            viewRef.markForCheck();
             /* istanbul ignore next */
             let viewCollection: { [key: string]: EmbeddedViewRef<Object>[] } = (component && component.registeredTemplate) ?
                 component.registeredTemplate : getValue('currentInstance.registeredTemplate', conRef);

components/base/src/component-base.ts

@@ -53,12 +53,12 @@ export function clearTemplate(_this: any, templateNames?: string[], index?: any)
             (val: string) => {
                 return (/\./g.test(val) ? false : true);
             });
-        let tabTemp: boolean = _this.getModuleName() === 'tab';
+        let tabaccordionTemp: boolean = /tab|accordion|toolbar/.test(_this.getModuleName());
         for (let registeredTemplate of (regProperties && regProperties || regTemplates)) {
             /* istanbul ignore next */
             if (index && index.length) {
                 for (let e = 0; e < index.length; e++) {
-                    if (tabTemp) {
+                    if (tabaccordionTemp) {
                         for (let m = 0; m < _this.registeredTemplate[registeredTemplate].length; m++) {
                             let value = _this.registeredTemplate[registeredTemplate][m];
                             if (value && value === index[e]) {
@@ -93,7 +93,7 @@ export function clearTemplate(_this: any, templateNames?: string[], index?: any)
                     }
                 }
             }
-            if (!tabTemp || !index) {
+            if (!tabaccordionTemp || !index) {
                 delete _this.registeredTemplate[registeredTemplate];
             }
         }

components/base/src/form-base.ts

@@ -1 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap-dark.scss';

components/base/src/template.ts

@@ -1 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap.scss';

components/base/src/util.ts

@@ -1 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap4.scss';

components/base/styles/bootstrap-dark.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5-dark.scss';

components/base/styles/bootstrap.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import 'ej2-base/styles/definition/bootstrap5.scss';

components/base/styles/bootstrap4.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
+@import 'ej2-base/styles/definition/fabric-dark.scss';

components/base/styles/bootstrap5-dark.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
+@import 'ej2-base/styles/definition/fabric.scss';

components/base/styles/bootstrap5.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
+@import 'ej2-base/styles/definition/fluent-dark.scss';

components/base/styles/fabric-dark.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
+@import 'ej2-base/styles/definition/fluent.scss';

components/base/styles/fabric.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast-light.scss';

components/base/styles/fluent-dark.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
+@import 'ej2-base/styles/definition/highcontrast.scss';

components/base/styles/fluent.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
+@import 'ej2-base/styles/definition/material-dark.scss';

components/base/styles/highcontrast-light.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
+@import 'ej2-base/styles/definition/material.scss';

components/base/styles/highcontrast.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-base/styles/definition/material3-dark.scss';

components/base/styles/material-dark.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-base/styles/definition/material3.scss';

components/base/styles/material.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
+@import 'ej2-base/styles/definition/tailwind-dark.scss';

components/base/styles/material3-dark.scss

@@ -1 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
+@import 'ej2-base/styles/definition/tailwind.scss';