@hapiness/custom-elements-loader
Advanced tools
Comparing version 7.0.0 to 7.1.0
| { | ||
| "name": "@hapiness/custom-elements-loader", | ||
| "version": "7.0.0", | ||
| "version": "7.1.0", | ||
| "description": "Factory to load Angular Custom Elements inside JavaScript's applications like React.js, Vue.js or just standalone", | ||
@@ -33,12 +33,13 @@ "private": false, | ||
| "dependencies": { | ||
| "@angular/animations": "^7.0.2", | ||
| "@angular/common": "^7.0.2", | ||
| "@angular/core": "^7.0.2", | ||
| "@angular/compiler": "^7.0.2", | ||
| "@angular/elements": "^7.0.2", | ||
| "@angular/platform-browser": "^7.0.2", | ||
| "@angular/platform-browser-dynamic": "^7.0.2", | ||
| "@hapiness/ng-elements-loader": "^7.0.0", | ||
| "@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", | ||
| "core-js": "^2.5.7", | ||
| "document-register-element": "~1.8.1", | ||
| "document-register-element": "^1.13.1", | ||
| "rxjs": "^6.3.3", | ||
@@ -45,0 +46,0 @@ "zone.js": "^0.8.26", |
@@ -47,3 +47,3 @@ <img src="http://bit.ly/2mxmKKI" width="500" alt="Hapiness" /> | ||
| **All required dependencies will be automatically installed** : `@angular/animations`, `@angular/common`, `@angular/core`, `@angular/compiler`, `@angular/elements`, `@angular/platform-browser`, `@angular/platform-browser-dynamic`, `@hapiness/ng-elements-loader`, `core-js`, `document-register-element`, `rxjs` and `zone.js`. | ||
| **All required dependencies will be automatically installed** : `@angular/animations`, `@angular/common`, `@angular/core`, `@angular/compiler`, `@angular/elements`, `@angular/platform-browser`, `@angular/platform-browser-dynamic`, `@hapiness/ng-elements-loader`, `@webcomponents/webcomponentsjs`, `core-js`, `document-register-element`, `rxjs` and `zone.js`. | ||
@@ -187,3 +187,3 @@ **If your custom element module must have more dependencies, you must install them by yourself** | ||
| "peerDependencies": { | ||
| "@hapiness/custom-elements-loader": "^7.0.0" | ||
| "@hapiness/custom-elements-loader": "^7.1.0" | ||
| } | ||
@@ -239,5 +239,10 @@ } | ||
| import 'zone.js/dist/zone'; | ||
| import 'document-register-element'; | ||
| import 'core-js/es7/reflect'; | ||
| /** In browsers that don't support Custom Elements natively **/ | ||
| // import 'document-register-element'; | ||
| /** You must add this if your application will be compiled in es5 because the specification requires developers use ES2015 classes to define Custom Elements **/ | ||
| // import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter'; | ||
| import { ElementsLoader } from '@hapiness/custom-elements-loader'; | ||
@@ -268,3 +273,2 @@ import { MadeWithLoveModule } from 'made-with-love'; | ||
| import 'zone.js/dist/zone'; | ||
| import 'document-register-element'; | ||
| import 'core-js/es7/reflect'; | ||
@@ -276,2 +280,8 @@ ``` | ||
| ```typescript | ||
| /** In browsers that don't support Custom Elements natively **/ | ||
| // import 'document-register-element'; | ||
| /** You must add this if your application will be compiled in es5 because the specification requires developers use ES2015 classes to define Custom Elements **/ | ||
| // import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter'; | ||
| /** IE9, IE10 and IE11 requires all of the following polyfills. **/ | ||
@@ -407,6 +417,10 @@ // import 'core-js/es6/symbol'; | ||
| import 'zone.js/dist/zone'; | ||
| import 'document-register-element'; | ||
| import 'core-js/es6/reflect'; | ||
| import 'core-js/es7/reflect'; | ||
| /** In browsers that don't support Custom Elements natively **/ | ||
| // import 'document-register-element'; | ||
| /** You must add this if your application will be compiled in es5 because the specification requires developers use ES2015 classes to define Custom Elements **/ | ||
| // import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter'; | ||
| import { ElementsLoader } from '@hapiness/custom-elements-loader'; | ||
@@ -428,2 +442,8 @@ import { HelloWorldModule } from 'hello-world'; | ||
| ## Change History | ||
| * 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` | ||
| * `@webcomponents/webcomponentsjs v2.1.3` to fix issue with `es5` compilation outside `Angular` application like explain [here](https://github.com/angular/angular/issues/24390#issuecomment-437361929) | ||
| * Allow **custom elements registration** in browser even if tag isn't yet present in the `DOM` like this, it can be created or loaded asynchronously after registration | ||
| * Documentation | ||
| * v7.0.0 (2018-11-02) | ||
@@ -430,0 +450,0 @@ * `Angular v7.0.2+` |
No alert changes
Improved metrics
- Total package byte prevSize
- increased by1.73%
90371
- Number of lines in readme file
- increased by4.29%
486
Worsened metrics
- Dependency count
- increased by7.69%
14
Dependency changes
+ Added@webcomponents/webcomponentsjs@2.8.0(transitive)
- Removeddocument-register-element@1.8.1(transitive)
- Removedlightercollective@0.0.0(transitive)
Updated@angular/animations@^7.0.3
Updated@angular/common@^7.0.3
Updated@angular/compiler@^7.0.3
Updated@angular/core@^7.0.3
Updated@angular/elements@^7.0.3