syncfusion · ajithr · Oct 31, 2018 · Oct 31, 2018 · Oct 31, 2018 · Oct 31, 2018
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,10 @@
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+
+The Syncfusion license that contains the terms and conditions can be found at 
+https://www.syncfusion.com/content/downloads/syncfusion_license.pdf
diff --git a/src/base/CHANGELOG.md b/src/base/CHANGELOG.md
@@ -0,0 +1,165 @@
+# Changelog
+
+## [Unreleased]
+
+## 16.3.17 (2018-09-12)
+
+### Common
+
+#### New Features
+
+- Provided Angular [Schematics](https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2) support for our Essential JS 2 Angular suite, which performs the below,
+    - Installs the specific package.
+    - Import the required modules in `app.module.ts`.
+
+## 16.2.48 (2018-08-14)
+
+### Common
+
+#### Bug Fixes
+
+- Fixed Angular `attribute` issue.
+
+## 16.2.47 (2018-08-09)
+
+### Common
+
+#### Bug Fixes
+
+- Fixed Form component's reset issue.
+
+## 16.2.46 (2018-07-30)
+
+### Common
+
+#### Bug Fixes
+
+- Resolved view encapsulation issue.
+- Resolved `onpropertychange` not triggered issue.
+- Resolved issue in `EventArgs` passing.
+
+## 16.2.43 (2018-07-03)
+
+### Common
+
+#### Bug Fixes
+
+- Cleared `peerDependencies` warning.
+
+## 16.2.41 (2018-06-25)
+
+### common
+
+#### New Features
+
+- Provided Angular 6 compatibility support
+
+#### Bug Fixes
+
+- Cleared `peerDependencies` warning.
+
+## 16.1.41 (2018-05-09)
+
+### common
+
+#### Bug Fixes
+
+- Propagate touch on `blur` issue is fixed.
+
+## 16.1.38 (2018-05-02)
+
+### common
+
+#### Bug Fixes
+
+- ng base destroy issue is fixed.
+
+## 16.1.32 (2018-03-29)
+
+### common
+
+#### Bug Fixes
+
+- Skip form event when Focus on `blur`.
+
+## 16.1.24 (2018-02-22)
+
+### common
+
+#### New Features
+
+- Angular Universal support added
+
+#### Bug Fixes
+
+- Resolved `clearTemplate` issue.
+
+#### Breaking Changes
+
+- Tag prefix for Angular components is changed from `ej` to `ejs`. For example, `ej-grid` is changed to `ejs-grid`.
+
+## 15.4.30-preview (2018-02-14)
+
+### common
+
+#### Bug Fixes
+
+- Fixed Form component's expression changed on template issue.
+
+## 15.4.27-preview (2018-01-30)
+
+### common
+
+#### Bug Fixes
+
+- Fixed Form component's disabling issue.
+
+## 15.4.26-preview (2018-01-23)
+
+### common
+
+#### Bug Fixes
+
+- Resolved `reactive form reset` issue.
+
+## 15.4.23-preview (2017-12-27)
+
+### common
+
+#### Bug Fixes
+
+- Resolved `this.propagateTouch is not a function` console error.
+
+## 15.4.22-preview (2017-12-14)
+
+### common
+
+#### Bug Fixes
+
+- Grouped radio button `ngModel` binding.
+- `ngFor` directive not working for component child directive.
+
+## 15.4.21-preview (2017-12-08)
+
+### common
+
+#### Bug Fixes
+
+- Form component, form option `updateOn` blur.
+
+## 15.4.20-preview (2017-12-01)
+
+### Common
+
+#### New Features
+
+- Upgraded TypeScript version to 2.6.2
+
+## 15.4.17-preview (2017-11-13)
+
+Base library provide options to enable following Angular functionalities in Essential JS 2 components.
+
+- Input and Output Binding
+- Angular Templating
+- Ahead-Of-Time (AOT) Compilation
+- Defining Injectable Modules
diff --git a/src/base/ReadMe.md b/src/base/ReadMe.md
@@ -0,0 +1,90 @@
+[![coverage](http://ej2.syncfusion.com/badges/ej2-angular-base/coverage.svg)](http://ej2.syncfusion.com/badges/ej2-angular-base)
+
+# ej2-ng-base
+
+A common package of Essential JS 2 for Angular which contains base libraries, methods and class definitions.
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
+> 
+> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+## Setup
+
+To install `ej2-ng-base` and its dependent packages, use the following command
+
+```sh
+npm install @syncfusion/ej2-ng-base
+```
+
+## Resources
+
+* [Getting Started](https://ej2.syncfusion.com/angular/documentation/common/getting-started.html?utm_source=npm&utm_campaign=ej2-ng-base)
+* [View Online Demos](https://ej2.syncfusion.com/angular/demos?utm_source=npm&utm_campaign=ej2-ng-base)
+* [Product Page](https://www.syncfusion.com/products/angular?utm_source=npm&utm_campaign=ej2-ng-base)
+
+## Framework highlights
+
+### Lightweight and user friendly
+
+The entire Essential JS 2 framework is built from scratch to be lightweight and modular. Its footprint can be reduced further by including only the specific components and features your application requires.
+
+### Modular architecture
+
+All components have been built as modules to enable selective referencing, so only the components and features you need are included in your application.
+
+### Built for performance
+
+Performance is critical for delivering a good user experience. We ensure that all our components are designed and built to achieve the best performance possible.
+
+### Responsive and touch friendly
+
+All Essential JS 2 controls are touch friendly and render adaptively based on the device they are on to provide optimal usage experience on phones, tablets and desktops.
+
+### Stunning built-in themes
+
+Pixel-perfect built-in themes are available in material, bootstrap and fabric design. In addition, it comes with Accessible high-contrast theme and an online tool "[Theme Studio](https://ej2.syncfusion.com/themestudio/)" to customize the provided built-in themes.
+
+### Globalization simplified
+
+Easily build applications to be used by a global audience in various language and culture settings.
+
+### Stay current
+
+With our commitment to at least four major updates per year, you receive the most up-to-date functionality and new components in addition to monthly service packs and bug fixes. Custom patches are available as needed.
+
+## Supported Frameworks
+
+The Essential JS 2 is also offered in following list of frameworks.
+
+* [JavaScript](https://www.syncfusion.com/products/javascript?utm_source=npm&utm_campaign=ej2-ng-base)
+* [React](https://www.syncfusion.com/products/react?utm_source=npm&utm_campaign=ej2-ng-base)
+* [Vue.js](https://www.syncfusion.com/products/vue?utm_source=npm&utm_campaign=ej2-ng-base)
+* [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore?utm_source=npm&utm_campaign=ej2-ng-base)
+* [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc?utm_source=npm&utm_campaign=ej2-ng-base)
+
+## Showcase Applications
+
+* [Diagram Builder](https://ej2.syncfusion.com/showcase/angular/diagrambuilder?utm_source=npm&utm_campaign=ej2-ng-base)
+* [Expense Tracker](https://ej2.syncfusion.com/showcase/angular/expensetracker?utm_source=npm&utm_campaign=ej2-ng-base)
+* [Loan Calculator](https://ej2.syncfusion.com/showcase/angular/loancalculator?utm_source=npm&utm_campaign=ej2-ng-base)
+* [Stock Chart](https://ej2.syncfusion.com/showcase/angular/stockchart?utm_source=npm&utm_campaign=ej2-ng-base)
+* [Web Mail](https://ej2.syncfusion.com/showcase/angular/webmail?utm_source=npm&utm_campaign=ej2-ng-base)
+
+## Support
+
+Product support is available for through following mediums.
+
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=ej2-ng-base) support system or [Community forum](https://www.syncfusion.com/forums/angular-js2?utm_source=npm&utm_campaign=ej2-ng-base).
+* New [GitHub issue](https://github.com/syncfusion/ej2-base/issues/new).
+* Ask your query in [Stack Overflow](https://stackoverflow.com/) with tag `syncfusion` and `ej2`.
+
+## License
+
+Check the license detail [here](https://github.com/syncfusion/ej2-ng-base/blob/master/license).
+
+## Changelog
+
+Check the changelog [here](https://ej2.syncfusion.com/angular/documentation/release-notes?utm_source=npm&utm_campaign=ej2-ng-base)
+
+    © Copyright 2018 Syncfusion, Inc. All Rights Reserved.
+    The Syncfusion Essential Studio license and copyright applies to this distribution.
diff --git a/src/base/demo/app/app.component.ts b/src/base/demo/app/app.component.ts
@@ -0,0 +1,86 @@
+import { Component, Output, EventEmitter, ViewChild } from '@angular/core';
+import { DemoBaseComponent } from '../../spec/sample.component';
+/**
+ * App Module
+ */
+@Component({
+    selector: 'app-container',
+    template: `
+    <input type="text" placeholder="Child1" (blur)='onChild1TextChange($event.target.value)' [value]='child1.text' />
+    <input type="text" placeholder="Child2" (blur)='onChild2TextChange($event.target.value)' [value]='child2.text'/>
+    <input type="text" placeholder="Child3" (blur)='onChild3TextChange($event.target.value)' [value]='child3.text'/>
+    <br/>
+    <br/>
+    <ej2-control [(text)]='cusText' [width]='width' (click)='onButtonClick($event)' >
+        <e-childs>
+            <e-child  [text]='child1.text' [header]='child1.header' ></e-child>
+            <e-child  [text]='child2.text' [header]='child2.header' ></e-child>
+            <e-child  [text]='child3.text' [header]='child3.header' ></e-child>
+        </e-childs>
+    </ej2-control>
+    <ej2-list [dataSource]='data'>
+               <ng-template #template let-data>
+                    <div class='my-text'> {{ data.name }}</div>
+               </ng-template>
+               <ng-template #tooltipTemplate let-data>
+                    <div class='my-text'> {{ data.name }}</div>
+               </ng-template>
+    </ej2-list>
+    <ej2-button #buttonComp [text]='butText' (click)="onButClick()">Button</ej2-button>
+    <hr/>
+    {{cusText}}
+    `
+})
+export class AppComponent {
+    public uName: string = '';
+    public dest: string = '';
+    public width: number = 100;
+    public cusText: string = 'Click Add/Remove Header';
+    public data: Object = [{ name: 'template1' }, { name: 'template2' }];
+    public child1: ChildType = { text: 'Child1', header: true };
+    public child2: ChildType = { text: 'Child2', header: true };
+    public child3: ChildType = { text: 'Child3', header: true };
+    public butText: string = 'Check';
+
+    @Output()
+    public event: any = new EventEmitter();
+
+    @ViewChild('buttonComp')
+    public buttonComp: DemoBaseComponent;
+
+    public onButtonClick(): void {
+        this.child1.header = !this.child3.header;
+        this.child2.header = !this.child3.header;
+        this.child3.header = !this.child3.header;
+        //alert(this.cusText);
+    }
+
+    public onChild1TextChange(val: string): void {
+        this.child1.text = val;
+    }
+
+    public onChild2TextChange(val: string): void {
+        this.child2.text = val;
+    }
+
+    public onChild3TextChange(val: string): void {
+        this.child3.text = val;
+    }
+
+    public onButClick(){
+        this.buttonComp.value=new Date().toISOString();
+    }
+
+    ngAfterViewInit(){
+        this.buttonComp.addEventListener('updated',function(){
+            alert('Value Updated!!');
+        })
+    }
+
+
+}
+
+export interface ChildType {
+    text: string;
+    header: boolean;
+}
diff --git a/src/base/demo/app/app.module.ts b/src/base/demo/app/app.module.ts
@@ -0,0 +1,22 @@
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+
+import { AppComponent } from './app.component';
+import { ControlComponent, ChildDirective, ChildsDirective, SubChildDirective, SubChildsDirective } from '../../spec/control.component';
+import { TemplateComponent } from '../../spec/template.component';
+import { DemoBaseComponent } from '../../spec/sample.component';
+
+/**
+ * Module
+ */
+@NgModule({
+    imports: [
+        BrowserModule,
+    ],
+    declarations: [AppComponent,
+        DemoBaseComponent, ControlComponent, TemplateComponent, ChildDirective,
+        ChildsDirective, SubChildDirective, SubChildsDirective],
+    bootstrap: [AppComponent],
+    schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class AppModule { }
diff --git a/src/base/demo/app/main.ts b/src/base/demo/app/main.ts
@@ -0,0 +1,9 @@
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { enableProdMode } from '@angular/core';
+
+import { AppModule } from './app.module';
+
+//enableProdMode(); //Uncomment for production
+platformBrowserDynamic().bootstrapModule(AppModule)
+  .then((success: any) => console.log('App bootstrapped'))
+  .catch((err: any) => console.error(err));