feat(light version): remove polyfill and reduce bundle size

Author: Ismaestro

README.md

@@ -82,7 +82,6 @@ npm run update           | Update the project dependencies with ng update
 * Scroll to first invalid input in forms (directive)
 * Autocomplete enabled in forms
 * Modernizr (browser features detection)
-* Safari polyfill for date inputs (date-input-polyfill)
 * Google Tag Manager
 * Github pages deploy ready
 * Unit tests with Jasmine and Karma including code coverage

package-lock.json

@@ -63,7 +63,6 @@
     "angular-cli-ghpages": "0.5.3",
     "codelyzer": "4.4.3",
     "coveralls": "3.0.2",
-    "date-input-polyfill": "2.14.0",
     "hammerjs": "2.0.8",
     "html2canvas": "1.0.0-alpha.12",
     "http-server": "0.11.1",

package.json

@@ -1,4 +1,4 @@
-import {Component, Input, OnInit} from '@angular/core';
+import {Component, OnInit} from '@angular/core';
 import * as moment_ from 'moment';
 
 const moment = moment_;
@@ -9,14 +9,12 @@ const moment = moment_;
   styles: []
 })
 export class NgxExampleLibraryComponent implements OnInit {
-
-  @Input() locale: string;
   date: string;
 
   constructor() {
   }
 
   ngOnInit() {
-    this.date = moment().locale(this.locale).format('dddd, D MMMM, YYYY LT');
+    this.date = moment().format('dddd, D MMMM, YYYY LT');
   }
 }

projects/ngx-example-library/src/lib/ngx-example-library.component.ts

@@ -15,9 +15,14 @@ export function initialize(options: any) {
 }
 
 @NgModule({
-  imports: [],
-  declarations: [NgxExampleLibraryComponent],
-  exports: [NgxExampleLibraryComponent]
+  imports: [
+  ],
+  declarations: [
+    NgxExampleLibraryComponent
+  ],
+  exports: [
+    NgxExampleLibraryComponent
+  ]
 })
 export class NgxExampleLibraryModule {
   static forRoot(options?: SampleModuleOptions): ModuleWithProviders {

projects/ngx-example-library/src/lib/ngx-example-library.module.ts

@@ -15,7 +15,12 @@
     "lib": [
       "dom",
       "es2015"
-    ]
+    ],
+    "paths": {
+      "moment": [
+        "../../node_modules/moment/min/moment.min.js"
+      ]
+    }
   },
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,

projects/ngx-example-library/tsconfig.lib.json

@@ -3,12 +3,12 @@ import {AppRoutingModule} from './app-routing.module';
 import {CoreModule} from './core/core.module';
 import {AppComponent} from './app.component';
 import {TranslateLoader, TranslateModule} from '@ngx-translate/core';
-import {NgxExampleLibraryModule} from '@ismaestro/ngx-example-library';
 import {ServiceWorkerModule} from '@angular/service-worker';
 import {environment} from '../environments/environment';
 import {WebpackTranslateLoader} from './webpack-translate-loader';
 import {APP_CONFIG, AppConfig} from './configs/app.config';
 import {SharedModule} from './shared/shared.module';
+import {NgxExampleLibraryModule} from '@ismaestro/ngx-example-library';
 
 @NgModule({
   imports: [

src/app/app.module.ts

@@ -5,7 +5,7 @@
             <span>{{ 'angularExampleApp' | translate }} 2018</span>
         </div>
         <div fxFlex="33" class="text--center" *ngIf="currentLang">
-          <lib-ngx-example-library [locale]="currentLang"></lib-ngx-example-library>
+          <lib-ngx-example-library></lib-ngx-example-library>
         </div>
         <div fxFlex class="text--right" class.xs="footer-xs">
             <a href="https://angular.io/" target="_blank"><img src="assets/images/angular.svg"></a>

src/app/shared/components/footer/footer.component.html

@@ -2,7 +2,6 @@ import {NgModule} from '@angular/core';
 import {MaterialModule} from './modules/material.module';
 import {TranslateModule} from '@ngx-translate/core';
 import {FlexLayoutModule} from '@angular/flex-layout';
-import {NgxExampleLibraryModule} from '@ismaestro/ngx-example-library';
 import {CommonModule} from '@angular/common';
 import {SpinnerComponent} from './components/spinner/spinner.component';
 import {FooterComponent} from './components/footer/footer.component';
@@ -14,6 +13,7 @@ import {HomePageComponent} from './pages/home-page/home-page.component';
 import {Error404PageComponent} from './pages/error404-page/error404-page.component';
 import {HeroCardComponent} from './components/hero-card/hero-card.component';
 import {ScrollToFirstInvalidDirective} from './directives/scroll-to-first-invalid.directive';
+import {NgxExampleLibraryModule} from '@ismaestro/ngx-example-library';
 
 @NgModule({
   imports: [

src/app/shared/shared.module.ts

@@ -66,4 +66,3 @@ import 'zone.js/dist/zone'; // Included with Angular CLI.
  * APPLICATION IMPORTS
  */
 import 'hammerjs';
-import 'date-input-polyfill';