v22.1.39 is released

Author: pipeline

components/base/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-base",
-	"version": "21.2.3",
+	"version": "22.1.34",
 	"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/package.json

@@ -2,15 +2,15 @@ import { ViewContainerRef, EmbeddedViewRef, ElementRef, TemplateRef } from '@ang
 import { setTemplateEngine, getTemplateEngine } from '@syncfusion/ej2-base';
 import { setValue, getValue } from '@syncfusion/ej2-base';
 
-let stringCompiler: (template: string, helper?: object) => (data: Object | JSON) => string = getTemplateEngine();
+let stringCompiler: (template: string | Function, helper?: object) => (data: Object | JSON) => string = getTemplateEngine();
 
 /**
  * Angular Template Compiler
  */
 export function compile(templateEle: AngularElementType, helper?: Object):
 //tslint:disable-next-line
     (data: Object | JSON, component?: any, propName?: any) => Object {
-    if (typeof templateEle === 'string') {
+    if (typeof templateEle === 'string' || (typeof templateEle === 'function' && (templateEle as Function).prototype && (templateEle as Function).prototype.CSPTemplate)) {
         return stringCompiler(templateEle, helper);
     } else {
         let contRef: ViewContainerRef = templateEle.elementRef.nativeElement._viewContainerRef;

components/base/src/template.ts

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

components/base/styles/material3-dark.scss

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

components/base/styles/material3.scss

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-buttons",
-	"version": "21.2.3",
+	"version": "22.1.38",
 	"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/base/umd-deploy/styles/material3-dark.scss

@@ -4,7 +4,7 @@ import { SpeedDial } from '@syncfusion/ej2-buttons';
 import { Template } from '@syncfusion/ej2-angular-base';
 import { SpeedDialItemsDirective } from './items.directive';
 
-export const inputs: string[] = ['animation','closeIconCss','content','cssClass','direction','disabled','enablePersistence','enableRtl','iconPosition','itemTemplate','items','locale','modal','mode','openIconCss','opensOnHover','popupTemplate','position','radialSettings','target','visible'];
+export const inputs: string[] = ['animation','closeIconCss','content','cssClass','direction','disabled','enablePersistence','enableRtl','iconPosition','isPrimary','itemTemplate','items','locale','modal','mode','openIconCss','opensOnHover','popupTemplate','position','radialSettings','target','visible'];
 export const outputs: string[] = ['beforeClose','beforeItemRender','beforeOpen','clicked','created','onClose','onOpen','visibleChange'];
 export const twoWays: string[] = ['visible'];
 
@@ -42,13 +42,15 @@ export class SpeedDialComponent extends SpeedDial implements IComponentBase {
      * Defines the template content for the speed dial item. 
      * {% codeBlock src='speeddial/itemTemplate/index.md' %}{% endcodeBlock %}
      * @default ''
+     * @asptype string
      */
     @ContentChild('itemTemplate')
     @Template()
     public itemTemplate: any;
     /** 
      * Defines a template content for popup of SpeedDial.
      * @default ''
+     * @asptype string
      */
     @ContentChild('popupTemplate')
     @Template()

components/base/umd-deploy/styles/material3.scss

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

components/buttons/CHANGELOG.md

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

components/buttons/package.json

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-buttons/styles/check-box/material3-dark.scss';

components/buttons/src/speed-dial/speeddial.component.ts

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-buttons/styles/check-box/material3.scss';

components/buttons/styles/button/material3-dark.scss

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

components/buttons/styles/button/material3.scss

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

components/buttons/styles/check-box/material3-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-buttons/styles/floating-action-button/material3-dark.scss';

components/buttons/styles/check-box/material3.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-buttons/styles/floating-action-button/material3.scss';

components/buttons/styles/chips/material3-dark.scss

@@ -0,0 +1,8 @@
+
+@import 'button/material3-dark.scss';
+@import 'check-box/material3-dark.scss';
+@import 'radio-button/material3-dark.scss';
+@import 'switch/material3-dark.scss';
+@import 'chips/material3-dark.scss';
+@import 'floating-action-button/material3-dark.scss';
+@import 'speed-dial/material3-dark.scss';

components/buttons/styles/chips/material3.scss

@@ -0,0 +1,8 @@
+
+@import 'button/material3.scss';
+@import 'check-box/material3.scss';
+@import 'radio-button/material3.scss';
+@import 'switch/material3.scss';
+@import 'chips/material3.scss';
+@import 'floating-action-button/material3.scss';
+@import 'speed-dial/material3.scss';

components/buttons/styles/floating-action-button/material3-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-buttons/styles/radio-button/material3-dark.scss';

components/buttons/styles/floating-action-button/material3.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-buttons/styles/radio-button/material3.scss';

components/buttons/styles/material3-dark.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-dark-definition.scss';
+@import 'ej2-buttons/styles/speed-dial/material3-dark.scss';

components/buttons/styles/material3.scss

@@ -0,0 +1,2 @@
+@import 'ej2-base/styles/material3-definition.scss';
+@import 'ej2-buttons/styles/speed-dial/material3.scss';

components/buttons/styles/radio-button/material3-dark.scss

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

components/buttons/styles/radio-button/material3.scss

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

components/buttons/styles/speed-dial/material3-dark.scss

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-calendars",
-	"version": "21.1.41",
+	"version": "22.1.38",
 	"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/buttons/styles/speed-dial/material3.scss

@@ -5,7 +5,7 @@ import { DatePicker } from '@syncfusion/ej2-calendars';
 
 
 
-export const inputs: string[] = ['allowEdit','calendarMode','cssClass','dayHeaderFormat','depth','enableMask','enablePersistence','enableRtl','enabled','firstDayOfWeek','floatLabelType','format','htmlAttributes','isMultiSelection','keyConfigs','locale','maskPlaceholder','max','min','openOnFocus','placeholder','readonly','serverTimezoneOffset','showClearButton','showTodayButton','start','strictMode','value','values','weekNumber','weekRule','width','zIndex'];
+export const inputs: string[] = ['allowEdit','calendarMode','cssClass','dayHeaderFormat','depth','enableMask','enablePersistence','enableRtl','enabled','firstDayOfWeek','floatLabelType','format','fullScreenMode','htmlAttributes','isMultiSelection','keyConfigs','locale','maskPlaceholder','max','min','openOnFocus','placeholder','readonly','serverTimezoneOffset','showClearButton','showTodayButton','start','strictMode','value','values','weekNumber','weekRule','width','zIndex'];
 export const outputs: string[] = ['blur','change','cleared','close','created','destroyed','focus','navigated','open','renderDayCell','valueChange'];
 export const twoWays: string[] = ['value'];
 

components/buttons/styles/switch/material3-dark.scss

@@ -5,7 +5,7 @@ import { DateRangePicker } from '@syncfusion/ej2-calendars';
 import { Template } from '@syncfusion/ej2-angular-base';
 import { PresetsDirective } from './presets.directive';
 
-export const inputs: string[] = ['allowEdit','calendarMode','cssClass','dayHeaderFormat','depth','enablePersistence','enableRtl','enabled','endDate','firstDayOfWeek','floatLabelType','format','htmlAttributes','keyConfigs','locale','max','maxDays','min','minDays','openOnFocus','placeholder','presets','readonly','separator','serverTimezoneOffset','showClearButton','start','startDate','strictMode','value','weekNumber','weekRule','width','zIndex'];
+export const inputs: string[] = ['allowEdit','calendarMode','cssClass','dayHeaderFormat','depth','enablePersistence','enableRtl','enabled','endDate','firstDayOfWeek','floatLabelType','format','fullScreenMode','htmlAttributes','keyConfigs','locale','max','maxDays','min','minDays','openOnFocus','placeholder','presets','readonly','separator','serverTimezoneOffset','showClearButton','start','startDate','strictMode','value','weekNumber','weekRule','width','zIndex'];
 export const outputs: string[] = ['blur','change','cleared','close','created','destroyed','focus','navigated','open','renderDayCell','select','startDateChange','endDateChange','valueChange'];
 export const twoWays: string[] = ['startDate', 'endDate', 'value'];
 

components/buttons/styles/switch/material3.scss

@@ -5,7 +5,7 @@ import { DateTimePicker } from '@syncfusion/ej2-calendars';
 
 
 
-export const inputs: string[] = ['allowEdit','calendarMode','cssClass','dayHeaderFormat','depth','enableMask','enablePersistence','enableRtl','enabled','firstDayOfWeek','floatLabelType','format','htmlAttributes','isMultiSelection','keyConfigs','locale','maskPlaceholder','max','min','openOnFocus','placeholder','readonly','scrollTo','serverTimezoneOffset','showClearButton','showTodayButton','start','step','strictMode','timeFormat','value','values','weekNumber','weekRule','width','zIndex'];
+export const inputs: string[] = ['allowEdit','calendarMode','cssClass','dayHeaderFormat','depth','enableMask','enablePersistence','enableRtl','enabled','firstDayOfWeek','floatLabelType','format','fullScreenMode','htmlAttributes','isMultiSelection','keyConfigs','locale','maskPlaceholder','max','min','openOnFocus','placeholder','readonly','scrollTo','serverTimezoneOffset','showClearButton','showTodayButton','start','step','strictMode','timeFormat','value','values','weekNumber','weekRule','width','zIndex'];
 export const outputs: string[] = ['blur','change','cleared','close','created','destroyed','focus','navigated','open','renderDayCell','valueChange'];
 export const twoWays: string[] = ['value'];
 

components/calendars/CHANGELOG.md

@@ -5,7 +5,7 @@ import { TimePicker } from '@syncfusion/ej2-calendars';
 
 
 
-export const inputs: string[] = ['allowEdit','cssClass','enableMask','enablePersistence','enableRtl','enabled','floatLabelType','format','htmlAttributes','keyConfigs','locale','maskPlaceholder','max','min','openOnFocus','placeholder','readonly','scrollTo','showClearButton','step','strictMode','value','width','zIndex'];
+export const inputs: string[] = ['allowEdit','cssClass','enableMask','enablePersistence','enableRtl','enabled','floatLabelType','format','fullScreenMode','htmlAttributes','keyConfigs','locale','maskPlaceholder','max','min','openOnFocus','placeholder','readonly','scrollTo','showClearButton','step','strictMode','value','width','zIndex'];
 export const outputs: string[] = ['blur','change','cleared','close','created','destroyed','focus','itemRender','open','valueChange'];
 export const twoWays: string[] = ['value'];
 

components/calendars/package.json

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

components/calendars/src/datepicker/datepicker.component.ts

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

components/calendars/src/daterangepicker/daterangepicker.component.ts

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

components/calendars/src/datetimepicker/datetimepicker.component.ts

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

components/calendars/src/timepicker/timepicker.component.ts

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

components/calendars/styles/calendar/material3-dark.scss

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

components/calendars/styles/calendar/material3.scss

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

components/calendars/styles/datepicker/material3-dark.scss

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

components/calendars/styles/datepicker/material3.scss

@@ -0,0 +1,6 @@
+
+@import 'calendar/material3-dark.scss';
+@import 'timepicker/material3-dark.scss';
+@import 'datepicker/material3-dark.scss';
+@import 'daterangepicker/material3-dark.scss';
+@import 'datetimepicker/material3-dark.scss';

components/calendars/styles/daterangepicker/material3-dark.scss

@@ -0,0 +1,6 @@
+
+@import 'calendar/material3.scss';
+@import 'timepicker/material3.scss';
+@import 'datepicker/material3.scss';
+@import 'daterangepicker/material3.scss';
+@import 'datetimepicker/material3.scss';

components/calendars/styles/daterangepicker/material3.scss

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

components/calendars/styles/datetimepicker/material3-dark.scss

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