Merge pull request #17 from hapinessjs/next

release(version): v7.2.0

Author: akanass

README.md

@@ -37,7 +37,8 @@ These projects are created to load easily `Angular` [custom elements](https://an
 To know how to use both projects follow these tutorials:
 
 - [@hapiness/ng-elements-loader](https://github.com/hapinessjs/ng-elements-loader/blob/master/projects/ng-elements-loader/README.md) => for `Angular` applications
-- [@hapiness/custom-elements-loader](https://github.com/hapinessjs/ng-elements-loader/blob/master/projects/custom-elements-loader/README.md) => for others applications
+- [@hapiness/custom-elements-loader](https://github.com/hapinessjs/ng-elements-loader/blob/master/projects/custom-elements-loader/README.md) => for others applications in **JiT mode**
+- [@hapiness/ng-elements-loader](https://github.com/hapinessjs/ng-elements-loader/blob/master/projects/ng-elements-loader/AOT.md) => for others applications in **AoT mode**
 
 ## Maintainers
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hapiness/ng-elements-loader-cli",
-  "version": "7.1.0",
+  "version": "7.2.0",
   "description": "Angular CLI project to manage @hapiness/ng-elements-loader and @hapiness/custom-elements-loader projects",
   "scripts": {
     "build:ng": "ng build 'ng-elements-loader' --prod",
@@ -34,40 +34,40 @@
     "url": "https://github.com/hapinessjs/ng-elements-loader/issues"
   },
   "dependencies": {
-    "@angular/animations": "^7.0.3",
-    "@angular/common": "^7.0.3",
-    "@angular/compiler": "^7.0.3",
-    "@angular/core": "^7.0.3",
-    "@angular/elements": "^7.0.3",
-    "@angular/platform-browser": "^7.0.3",
-    "@angular/platform-browser-dynamic": "^7.0.3",
-    "@webcomponents/webcomponentsjs": "^2.1.3",
+    "@angular/animations": "^7.1.0",
+    "@angular/common": "^7.1.0",
+    "@angular/compiler": "^7.1.0",
+    "@angular/core": "^7.1.0",
+    "@angular/elements": "^7.1.0",
+    "@angular/platform-browser": "^7.1.0",
+    "@angular/platform-browser-dynamic": "^7.1.0",
+    "@webcomponents/webcomponentsjs": "^2.2.0",
     "core-js": "^2.5.7",
     "document-register-element": "^1.13.1",
     "rxjs": "^6.3.3",
     "zone.js": "^0.8.26"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.10.5",
-    "@angular-devkit/build-ng-packagr": "~0.10.5",
-    "@angular/cli": "^7.0.5",
-    "@angular/compiler-cli": "^7.0.3",
-    "@angular/language-service": "^7.0.3",
-    "@types/jasmine": "~2.8.9",
-    "@types/jasminewd2": "~2.0.5",
-    "@types/node": "~10.12.3",
+    "@angular-devkit/build-angular": "~0.10.6",
+    "@angular-devkit/build-ng-packagr": "~0.10.6",
+    "@angular/cli": "^7.0.6",
+    "@angular/compiler-cli": "^7.1.0",
+    "@angular/language-service": "^7.1.0",
+    "@types/jasmine": "~3.3.0",
+    "@types/jasminewd2": "~2.0.6",
+    "@types/node": "~10.12.10",
     "codelyzer": "~4.5.0",
     "jasmine-core": "~3.3.0",
     "jasmine-spec-reporter": "~4.2.1",
     "karma": "~3.1.1",
     "karma-chrome-launcher": "~2.2.0",
     "karma-coverage-istanbul-reporter": "~2.0.4",
-    "karma-jasmine": "~1.1.2",
+    "karma-jasmine": "~2.0.1",
     "karma-jasmine-html-reporter": "^1.4.0",
     "ng-packagr": "^4.4.0",
     "protractor": "~5.4.1",
     "ts-node": "~7.0.1",
-    "tsickle": "^0.33.1",
+    "tsickle": "^0.34.0",
     "tslib": "^1.9.3",
     "tslint": "~5.11.0",
     "typescript": "~3.1.6"

projects/custom-elements-loader/README.md

@@ -32,6 +32,8 @@
 
 This module exposes a factory to use [ElementsLoaderService](https://github.com/hapinessjs/ng-elements-loader/blob/master/projects/ng-elements-loader) inside JavaScript's applications like `React.js`, `Vue.js` or just `standalone`.
 
+**THIS MODULE IS ONLY USED IN JiT (Just-in-Time) MODE AND THE BUILD WON'T BE THE MOST OPTIMIZED - TO HAVE THE BEST WAY AND THE BEST OPTIMIZED CUSTOM ELEMENTS INTEGRATION WITH AoT (Ahead-of-Time) MODE, CHECK [HERE](https://github.com/hapinessjs/ng-elements-loader/blob/master/projects/ng-elements-loader/AOT.md)**
+
 **DON'T USE THIS MODULE FOR ANGULAR APPLICATION**
 
 ## Installation
@@ -183,7 +185,7 @@ The minimum `package.json` file for your module is described below:
   "name": "made-with-love",
   "version": "1.0.0",
   "peerDependencies": {
-    "@hapiness/custom-elements-loader": "^7.1.0"
+    "@hapiness/custom-elements-loader": "^7.2.0"
   }
 }
 ```
@@ -433,6 +435,12 @@ document.querySelector('hello-world').addEventListener('sayHello', (event: any)
 [Back to top](#installation)
 
 ## Change History
+* v7.2.0 (2018-11-27)
+    * `Angular v7.1.0+`
+    * Add `ElementsLoaderService.registerContainingCustomElements()` method to **be used for AoT compiler**
+    * `ElementsLoaderService.loadContainingCustomElements()` method **must be used only for JiT compiler**
+    * Explain how to create an **optimized `webcomponent` bundle** with this [tutorial](https://github.com/hapinessjs/ng-elements-loader/blob/master/projects/ng-elements-loader/AOT.md)
+    * Documentation
 * v7.1.0 (2018-11-09)
     * `Angular v7.0.3+`
     * `document-register-elements v1.13.1` latest version of the `polyfill` only require if your browser doesn't support `customElement`

projects/custom-elements-loader/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hapiness/custom-elements-loader",
-    "version": "7.1.0",
+    "version": "7.2.0",
     "description": "Factory to load Angular Custom Elements inside JavaScript's applications like React.js, Vue.js or just standalone",
     "private": false,
     "repository": {
@@ -30,15 +30,15 @@
         "url": "https://github.com/hapinessjs/ng-elements-loader/issues"
     },
     "dependencies": {
-        "@angular/animations": "^7.0.3",
-        "@angular/common": "^7.0.3",
-        "@angular/core": "^7.0.3",
-        "@angular/compiler": "^7.0.3",
-        "@angular/elements": "^7.0.3",
-        "@angular/platform-browser": "^7.0.3",
-        "@angular/platform-browser-dynamic": "^7.0.3",
-        "@hapiness/ng-elements-loader": "^7.1.0",
-        "@webcomponents/webcomponentsjs": "^2.1.3",
+        "@angular/animations": "^7.1.0",
+        "@angular/common": "^7.1.0",
+        "@angular/core": "^7.1.0",
+        "@angular/compiler": "^7.1.0",
+        "@angular/elements": "^7.1.0",
+        "@angular/platform-browser": "^7.1.0",
+        "@angular/platform-browser-dynamic": "^7.1.0",
+        "@hapiness/ng-elements-loader": "^7.2.0",
+        "@webcomponents/webcomponentsjs": "^2.2.0",
         "core-js": "^2.5.7",
         "document-register-element": "^1.13.1",
         "rxjs": "^6.3.3",