v16.4.52 is released

Author: pipeline

README.md

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-base",
-	"version": "16.3.21",
+	"version": "16.4.48",
 	"description": "A common package of Essential JS 2 base Angular libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
@@ -25,7 +25,7 @@
 	},
 	"dependencies": {
 		"@syncfusion/ej2-base": "*",
-		"zone.js": "^0.7.2",
+		"zone.js": "0.7.2 - 0.8.28",
 		"core-js": "^2.4.1",
 		"reflect-metadata": "^0.1.9",
 		"rxjs": "^5.0.0"

components/base/CHANGELOG.md

@@ -9,4 +9,4 @@ export class check implements PipeTransform {
             return true;
         }
     }
-}
+}

components/base/ReadMe.md

@@ -122,7 +122,6 @@ describe('=> Complex Component for pipe => ', () => {
 
 });
 
-
 describe('=> Complex Component => ', () => {
     let comp: AppComponent;
     let fixture: ComponentFixture<AppComponent>;

components/base/package.json

@@ -142,7 +142,7 @@ describe('Form Base Coverage Test', () => {
     });
     it("checking value type, if obj type do stringify", () => {
         let formCmpt: FormBase<any> = new FormBase();
-        formCmpt.value = {value:{check:'hello'}};
+        formCmpt.value = { value: { check: 'hello' } };
         formCmpt.writeValue(formCmpt.value);
         formCmpt.localChange(formCmpt.value);
         let check = formCmpt.objCheck;

components/base/spec/app.pipe.ts

@@ -113,4 +113,4 @@ export class ControlComponent1 extends DemoBase implements IComponentBase {
 
 }
 
-export const pipeComponents = [check, ControlComponent1, ChildDirective, ChildsDirective, SubChildDirective, SubChildsDirective];
+export const pipeComponents = [check, ControlComponent1, ChildDirective, ChildsDirective, SubChildDirective, SubChildsDirective];

components/base/spec/complex-array-base.spec.ts

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-buttons",
-	"version": "16.2.41",
+	"version": "16.4.47",
 	"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/spec/form-base.spec.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-buttons';
-export const pkgVer = '^16.2.41';
+export const pkgVer = '^16.4.47';
 export const moduleName = 'ButtonModule, CheckBoxModule, RadioButtonModule, SwitchModule, ChipListModule';
-export const themeVer = '~16.2.41';
+export const themeVer = '~16.4.47';

components/base/spec/pipe.component.ts

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-calendars",
-	"version": "16.2.41",
+	"version": "16.4.48",
 	"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/CHANGELOG.md

@@ -0,0 +1,5 @@
+export const componentName: string = 'calendar';
+export const sampleName: string = 'daterange';
+export const diModules: string =  null;
+export const packageName: string = '@syncfusion/ej2-angular-calendars';
+export const libModules: string = 'CalendarModule';

components/buttons/package.json

@@ -0,0 +1,21 @@
+/**
+ * Calendar Date Range Sample
+ */
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css'],
+    encapsulation: ViewEncapsulation.None
+})
+
+export class <%= classify(name) %>Component {
+    public minDate: Object = new Date("05/05/2017");
+    public maxDate: Object = new Date("05/27/2017");
+
+    onValueChange(args: any):void {
+        /*Displays selected date in the label*/
+            (<HTMLInputElement>document.getElementById('selected')).textContent = 'Selected Value: ' + args.value.toLocaleDateString();
+        }
+}

components/buttons/schematics/utils/lib-details.ts

@@ -0,0 +1,5 @@
+export const componentName: string = 'calendar';
+export const sampleName: string = 'disableddates';
+export const diModules: string =  null;
+export const packageName: string = '@syncfusion/ej2-angular-calendars';
+export const libModules: string = 'CalendarModule';

components/buttons/styles/button/highcontrast-light.scss

@@ -0,0 +1,24 @@
+/**
+ * Calendar Disabled dates Sample
+ */
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css'],
+    encapsulation: ViewEncapsulation.None
+})
+
+export class <%= classify(name) %>Component {
+    onLoad(args: any){
+        /*Date need to be disabled*/
+            if (args.date.getDay() === 0 || args.date.getDay() === 6) {
+                args.isDisabled = true;
+            }
+        }
+        onValueChange(args: any) {
+        /*Displays selected date in the label*/
+            (<HTMLInputElement>document.getElementById('selecteddisable')).textContent = 'Selected Value: ' + args.value.toLocaleDateString();
+        }
+}

components/buttons/styles/check-box/highcontrast-light.scss

@@ -0,0 +1,5 @@
+export const componentName: string = 'calendar';
+export const sampleName: string = 'multiselection';
+export const diModules: string =  null;
+export const packageName: string = '@syncfusion/ej2-angular-calendars';
+export const libModules: string = 'CalendarModule';

components/buttons/styles/chips/highcontrast-light.scss

@@ -0,0 +1,33 @@
+/**
+ * Calendar Multi selection Sample
+ */
+import { Component, ViewEncapsulation, ViewChild } from '@angular/core';
+import { Calendar  } from '@syncfusion/ej2-calendars';
+
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css'],
+    encapsulation: ViewEncapsulation.None
+})
+
+export class <%= classify(name) %>Component {
+    public year: number = new Date().getFullYear();
+    public month: number = new Date().getMonth();
+    public multiSelection: boolean = true;
+    @ViewChild('calendar')
+    public calendarObj: Calendar;
+    public dates: Date[] = [new Date(this.year, this.month, 10), new Date(this.year, this.month, 15), new Date(this.year, this.month, 25)];
+
+    onValueChange(): void {
+        let element: HTMLElement = document.getElementById('multiSelect');
+        let tag: HTMLElement = document.createElement('br');
+        element.innerHTML = '';
+        element.appendChild(tag);
+        for (let index: number = 0; index < this.calendarObj.values.length; index++) {
+            element.insertBefore(document.createTextNode(this.calendarObj.values[index].toString()), element.children[0]);
+            element.insertBefore(document.createElement('br'), element.childNodes[0]);
+        }
+    }
+}

components/buttons/styles/highcontrast-light.scss

@@ -0,0 +1,5 @@
+export const componentName: string = 'calendar';
+export const sampleName: string = 'views';
+export const diModules: string =  null;
+export const packageName: string = '@syncfusion/ej2-angular-calendars';
+export const libModules: string = 'CalendarModule';

components/buttons/styles/radio-button/highcontrast-light.scss

@@ -0,0 +1,20 @@
+/**
+ * Calendar Views Sample
+ */
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css'],
+    encapsulation: ViewEncapsulation.None
+})
+
+export class <%= classify(name) %>Component {
+    public start: string = "Decade";
+    public depth: string = "Year";
+    onValueChange(args: any):void {
+        /*Displays selected date in the label*/
+        (<HTMLInputElement>document.getElementById('selectedviews')).textContent = 'Selected Value: ' + args.value.toLocaleDateString();
+    }
+}

components/buttons/styles/switch/highcontrast-light.scss

@@ -0,0 +1,5 @@
+export const componentName: string = 'calendar';
+export const sampleName: string = 'weeknumber';
+export const diModules: string =  null;
+export const packageName: string = '@syncfusion/ej2-angular-calendars';
+export const libModules: string = 'CalendarModule';

components/calendars/CHANGELOG.md

@@ -0,0 +1,19 @@
+/**
+ * Calendar Week number Sample
+ */
+import { Component, ViewEncapsulation } from '@angular/core';
+
+@Component({
+    selector: '<%=dasherize(selector)%>',
+    templateUrl: '<%=dasherize(name)%>.component.html',
+    styleUrls: ['<%=dasherize(name)%>.component.css'],
+    encapsulation: ViewEncapsulation.None
+})
+
+export class <%= classify(name) %>Component {
+    public weeknumber: boolean = true;
+    onValueChange(args: any):void {
+        /*Displays selected date in the label*/
+        (<HTMLInputElement>document.getElementById('selectedweek')).textContent = 'Selected Value: ' + args.value.toLocaleDateString();
+    }
+}

components/calendars/dist/ej2-angular-calendars.umd.min.js

@@ -0,0 +1,5 @@
+export const componentName: string = 'datepicker';
+export const sampleName: string = 'daterange';
+export const diModules: string =  null;
+export const packageName: string = '@syncfusion/ej2-angular-calendars';
+export const libModules: string = 'DatePickerModule';