ngx-skeleton-loader - npm Package Compare versions

Comparing version 2.2.0 to 2.2.1

bundles/ngx-skeleton-loader.umd.js

@@ -30,3 +30,3 @@ (function (global, factory) {
             var allowedAnimations = ['progress', 'progress-dark', 'pulse', 'false'];
-            if (!allowedAnimations.includes(this.animation)) {
+            if (allowedAnimations.indexOf(this.animation) === -1) {
                 // Shows error message only in Development
@@ -33,0 +33,0 @@ if (core.isDevMode()) {

bundles/ngx-skeleton-loader.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("ngx-skeleton-loader",["exports","@angular/core","@angular/common"],o):o((e=e||self)["ngx-skeleton-loader"]={},e.ng.core,e.ng.common)}(this,(function(e,o,r){"use strict";var n=function(){function e(){this.count=1,this.appearance="",this.animation="progress",this.theme={},this.items=[]}return e.prototype.ngOnInit=function(){this.items.length=this.count;var e=["progress","progress-dark","pulse","false"];e.includes(this.animation)||(o.isDevMode()&&console.error("`NgxSkeletonLoaderComponent` need to receive 'animation' as: "+e.join(", ")+'. Forcing default to "progress".'),this.animation="progress")},e.decorators=[{type:o.Component,args:[{selector:"ngx-skeleton-loader",template:'<span\n  *ngFor="let item of items"\n  class="loader"\n  aria-busy="true"\n  aria-valuemin="0"\n  aria-valuemax="100"\n  aria-valuetext="Loading..."\n  role="progressbar"\n  tabindex="0"\n  [ngClass]="{\n    circle: appearance === \'circle\',\n    progress: animation === \'progress\',\n    \'progress-dark\': animation === \'progress-dark\',\n    pulse: animation === \'pulse\'\n  }"\n  [ngStyle]="theme"\n>\n</span>\n',styles:[".loader{box-sizing:border-box;overflow:hidden;position:relative;background:no-repeat #eff1f6;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}.loader:after,.loader:before{box-sizing:border-box}.loader.circle{width:40px;height:40px;margin:5px;border-radius:50%}.loader.progress,.loader.progress-dark{-webkit-animation:2s ease-in-out infinite progress;animation:2s ease-in-out infinite progress;background-size:200px 100%}.loader.progress{background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0))}.loader.progress-dark{background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent)}.loader.pulse{-webkit-animation:1.5s ease-in-out .5s infinite pulse;animation:1.5s ease-in-out .5s infinite pulse}@media (prefers-reduced-motion:reduce){.loader.progress,.loader.progress-dark,.loader.pulse{-webkit-animation:none;animation:none}.loader.progress,.loader.progress-dark{background-image:none}}@-webkit-keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@-webkit-keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}"]}]}],e.propDecorators={count:[{type:o.Input}],appearance:[{type:o.Input}],animation:[{type:o.Input}],theme:[{type:o.Input}]},e}();var a=function(){function e(){}return e.decorators=[{type:o.NgModule,args:[{declarations:[n],imports:[r.CommonModule],exports:[n]}]}],e}();e.NgxSkeletonLoaderComponent=n,e.NgxSkeletonLoaderModule=a,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("ngx-skeleton-loader",["exports","@angular/core","@angular/common"],o):o((e=e||self)["ngx-skeleton-loader"]={},e.ng.core,e.ng.common)}(this,(function(e,o,r){"use strict";var n=function(){function e(){this.count=1,this.appearance="",this.animation="progress",this.theme={},this.items=[]}return e.prototype.ngOnInit=function(){this.items.length=this.count;var e=["progress","progress-dark","pulse","false"];-1===e.indexOf(this.animation)&&(o.isDevMode()&&console.error("`NgxSkeletonLoaderComponent` need to receive 'animation' as: "+e.join(", ")+'. Forcing default to "progress".'),this.animation="progress")},e.decorators=[{type:o.Component,args:[{selector:"ngx-skeleton-loader",template:'<span\n  *ngFor="let item of items"\n  class="loader"\n  aria-busy="true"\n  aria-valuemin="0"\n  aria-valuemax="100"\n  aria-valuetext="Loading..."\n  role="progressbar"\n  tabindex="0"\n  [ngClass]="{\n    circle: appearance === \'circle\',\n    progress: animation === \'progress\',\n    \'progress-dark\': animation === \'progress-dark\',\n    pulse: animation === \'pulse\'\n  }"\n  [ngStyle]="theme"\n>\n</span>\n',styles:[".loader{box-sizing:border-box;overflow:hidden;position:relative;background:no-repeat #eff1f6;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}.loader:after,.loader:before{box-sizing:border-box}.loader.circle{width:40px;height:40px;margin:5px;border-radius:50%}.loader.progress,.loader.progress-dark{-webkit-animation:2s ease-in-out infinite progress;animation:2s ease-in-out infinite progress;background-size:200px 100%}.loader.progress{background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.6),rgba(255,255,255,0))}.loader.progress-dark{background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent)}.loader.pulse{-webkit-animation:1.5s ease-in-out .5s infinite pulse;animation:1.5s ease-in-out .5s infinite pulse}@media (prefers-reduced-motion:reduce){.loader.progress,.loader.progress-dark,.loader.pulse{-webkit-animation:none;animation:none}.loader.progress,.loader.progress-dark{background-image:none}}@-webkit-keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@keyframes progress{0%{background-position:-200px 0}100%{background-position:calc(200px + 100%) 0}}@-webkit-keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}"]}]}],e.propDecorators={count:[{type:o.Input}],appearance:[{type:o.Input}],animation:[{type:o.Input}],theme:[{type:o.Input}]},e}();var a=function(){function e(){}return e.decorators=[{type:o.NgModule,args:[{declarations:[n],imports:[r.CommonModule],exports:[n]}]}],e}();e.NgxSkeletonLoaderComponent=n,e.NgxSkeletonLoaderModule=a,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ngx-skeleton-loader.umd.min.js.map

CHANGELOG.md

@@ -10,2 +10,12 @@ # Change Log
 
+## [2.2.1][] - 2020-06-30
+
+### Fixed
+
+- For compatibility with IE11 by using indexOf instead of `includes`
+
+### Updated
+
+- Updating `npm run postinstall` command to follow the new rules from update.angular.io website
+
 ## [2.2.0][] - 2020-06-01
@@ -204,5 +214,7 @@
 [2.1.0]: https://github.com/willmendesneto/ngx-skeleton-loader/tree/v2.1.0
+[unreleased]: https://github.com/willmendesneto/ngx-skeleton-loader/compare/v2.2.0...HEAD
+[2.2.0]: https://github.com/willmendesneto/ngx-skeleton-loader/tree/v2.2.0
 
 
-[Unreleased]: https://github.com/willmendesneto/ngx-skeleton-loader/compare/v2.2.0...HEAD
-[2.2.0]: https://github.com/willmendesneto/ngx-skeleton-loader/tree/v2.2.0
+[Unreleased]: https://github.com/willmendesneto/ngx-skeleton-loader/compare/v2.2.1...HEAD
+[2.2.1]: https://github.com/willmendesneto/ngx-skeleton-loader/tree/v2.2.1

esm2015/lib/ngx-skeleton-loader.component.js

@@ -22,3 +22,3 @@ /**
         const allowedAnimations = ['progress', 'progress-dark', 'pulse', 'false'];
-        if (!allowedAnimations.includes(this.animation)) {
+        if (allowedAnimations.indexOf(this.animation) === -1) {
             // Shows error message only in Development
@@ -57,2 +57,2 @@ if (isDevMode()) {
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXNrZWxldG9uLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtc2tlbGV0b24tbG9hZGVyLyIsInNvdXJjZXMiOlsibGliL25neC1za2VsZXRvbi1sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBT3BFLE1BQU0sT0FBTywwQkFBMEI7SUFMdkM7UUFPRSxVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBR1YsZUFBVSxHQUFrQixFQUFFLENBQUM7UUFHL0IsY0FBUyxHQUFxRCxVQUFVLENBQUM7UUFFaEUsVUFBSyxHQUE0QixFQUFFLENBQUM7UUFFN0MsVUFBSyxHQUFlLEVBQUUsQ0FBQztJQWlCekIsQ0FBQzs7OztJQWZDLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDOztjQUN6QixpQkFBaUIsR0FBRyxDQUFDLFVBQVUsRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLE9BQU8sQ0FBQztRQUN6RSxJQUFJLENBQUMsaUJBQWlCLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUMvQywwQ0FBMEM7WUFDMUMsSUFBSSxTQUFTLEVBQUUsRUFBRTtnQkFDZixPQUFPLENBQUMsS0FBSyxDQUNYLGtFQUFrRSxpQkFBaUIsQ0FBQyxJQUFJLENBQ3RGLElBQUksQ0FDTCxrQ0FBa0MsQ0FDcEMsQ0FBQzthQUNIO1lBQ0QsSUFBSSxDQUFDLFNBQVMsR0FBRyxVQUFVLENBQUM7U0FDN0I7SUFDSCxDQUFDOzs7WUFqQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxxQkFBcUI7Z0JBQy9CLHliQUF5Qzs7YUFFMUM7OztvQkFFRSxLQUFLO3lCQUdMLEtBQUs7d0JBR0wsS0FBSztvQkFHTCxLQUFLOzs7O0lBVE4sMkNBQ1U7O0lBRVYsZ0RBQytCOztJQUUvQiwrQ0FDeUU7O0lBRXpFLDJDQUE2Qzs7SUFFN0MsMkNBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBpc0Rldk1vZGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmd4LXNrZWxldG9uLWxvYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9uZ3gtc2tlbGV0b24tbG9hZGVyLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uZ3gtc2tlbGV0b24tbG9hZGVyLnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTmd4U2tlbGV0b25Mb2FkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBjb3VudCA9IDE7XG5cbiAgQElucHV0KClcbiAgYXBwZWFyYW5jZTogJ2NpcmNsZScgfCAnJyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGFuaW1hdGlvbjogJ3Byb2dyZXNzJyB8ICdwcm9ncmVzcy1kYXJrJyB8ICdwdWxzZScgfCAnZmFsc2UnID0gJ3Byb2dyZXNzJztcblxuICBASW5wdXQoKSB0aGVtZTogeyBbazogc3RyaW5nXTogc3RyaW5nIH0gPSB7fTtcblxuICBpdGVtczogQXJyYXk8YW55PiA9IFtdO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaXRlbXMubGVuZ3RoID0gdGhpcy5jb3VudDtcbiAgICBjb25zdCBhbGxvd2VkQW5pbWF0aW9ucyA9IFsncHJvZ3Jlc3MnLCAncHJvZ3Jlc3MtZGFyaycsICdwdWxzZScsICdmYWxzZSddO1xuICAgIGlmICghYWxsb3dlZEFuaW1hdGlvbnMuaW5jbHVkZXModGhpcy5hbmltYXRpb24pKSB7XG4gICAgICAvLyBTaG93cyBlcnJvciBtZXNzYWdlIG9ubHkgaW4gRGV2ZWxvcG1lbnRcbiAgICAgIGlmIChpc0Rldk1vZGUoKSkge1xuICAgICAgICBjb25zb2xlLmVycm9yKFxuICAgICAgICAgIGBcXGBOZ3hTa2VsZXRvbkxvYWRlckNvbXBvbmVudFxcYCBuZWVkIHRvIHJlY2VpdmUgJ2FuaW1hdGlvbicgYXM6ICR7YWxsb3dlZEFuaW1hdGlvbnMuam9pbihcbiAgICAgICAgICAgICcsICdcbiAgICAgICAgICApfS4gRm9yY2luZyBkZWZhdWx0IHRvIFwicHJvZ3Jlc3NcIi5gXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgICB0aGlzLmFuaW1hdGlvbiA9ICdwcm9ncmVzcyc7XG4gICAgfVxuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXNrZWxldG9uLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtc2tlbGV0b24tbG9hZGVyLyIsInNvdXJjZXMiOlsibGliL25neC1za2VsZXRvbi1sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBT3BFLE1BQU0sT0FBTywwQkFBMEI7SUFMdkM7UUFPRSxVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBR1YsZUFBVSxHQUFrQixFQUFFLENBQUM7UUFHL0IsY0FBUyxHQUFxRCxVQUFVLENBQUM7UUFFaEUsVUFBSyxHQUE0QixFQUFFLENBQUM7UUFFN0MsVUFBSyxHQUFlLEVBQUUsQ0FBQztJQWlCekIsQ0FBQzs7OztJQWZDLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDOztjQUN6QixpQkFBaUIsR0FBRyxDQUFDLFVBQVUsRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLE9BQU8sQ0FBQztRQUN6RSxJQUFJLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUU7WUFDcEQsMENBQTBDO1lBQzFDLElBQUksU0FBUyxFQUFFLEVBQUU7Z0JBQ2YsT0FBTyxDQUFDLEtBQUssQ0FDWCxrRUFBa0UsaUJBQWlCLENBQUMsSUFBSSxDQUN0RixJQUFJLENBQ0wsa0NBQWtDLENBQ3BDLENBQUM7YUFDSDtZQUNELElBQUksQ0FBQyxTQUFTLEdBQUcsVUFBVSxDQUFDO1NBQzdCO0lBQ0gsQ0FBQzs7O1lBakNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUscUJBQXFCO2dCQUMvQix5YkFBeUM7O2FBRTFDOzs7b0JBRUUsS0FBSzt5QkFHTCxLQUFLO3dCQUdMLEtBQUs7b0JBR0wsS0FBSzs7OztJQVROLDJDQUNVOztJQUVWLGdEQUMrQjs7SUFFL0IsK0NBQ3lFOztJQUV6RSwyQ0FBNkM7O0lBRTdDLDJDQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgaXNEZXZNb2RlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1za2VsZXRvbi1sb2FkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbmd4LXNrZWxldG9uLWxvYWRlci5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmd4LXNrZWxldG9uLWxvYWRlci5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE5neFNrZWxldG9uTG9hZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgY291bnQgPSAxO1xuXG4gIEBJbnB1dCgpXG4gIGFwcGVhcmFuY2U6ICdjaXJjbGUnIHwgJycgPSAnJztcblxuICBASW5wdXQoKVxuICBhbmltYXRpb246ICdwcm9ncmVzcycgfCAncHJvZ3Jlc3MtZGFyaycgfCAncHVsc2UnIHwgJ2ZhbHNlJyA9ICdwcm9ncmVzcyc7XG5cbiAgQElucHV0KCkgdGhlbWU6IHsgW2s6IHN0cmluZ106IHN0cmluZyB9ID0ge307XG5cbiAgaXRlbXM6IEFycmF5PGFueT4gPSBbXTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLml0ZW1zLmxlbmd0aCA9IHRoaXMuY291bnQ7XG4gICAgY29uc3QgYWxsb3dlZEFuaW1hdGlvbnMgPSBbJ3Byb2dyZXNzJywgJ3Byb2dyZXNzLWRhcmsnLCAncHVsc2UnLCAnZmFsc2UnXTtcbiAgICBpZiAoYWxsb3dlZEFuaW1hdGlvbnMuaW5kZXhPZih0aGlzLmFuaW1hdGlvbikgPT09IC0xKSB7XG4gICAgICAvLyBTaG93cyBlcnJvciBtZXNzYWdlIG9ubHkgaW4gRGV2ZWxvcG1lbnRcbiAgICAgIGlmIChpc0Rldk1vZGUoKSkge1xuICAgICAgICBjb25zb2xlLmVycm9yKFxuICAgICAgICAgIGBcXGBOZ3hTa2VsZXRvbkxvYWRlckNvbXBvbmVudFxcYCBuZWVkIHRvIHJlY2VpdmUgJ2FuaW1hdGlvbicgYXM6ICR7YWxsb3dlZEFuaW1hdGlvbnMuam9pbihcbiAgICAgICAgICAgICcsICdcbiAgICAgICAgICApfS4gRm9yY2luZyBkZWZhdWx0IHRvIFwicHJvZ3Jlc3NcIi5gXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgICB0aGlzLmFuaW1hdGlvbiA9ICdwcm9ncmVzcyc7XG4gICAgfVxuICB9XG59XG4iXX0=

esm5/lib/ngx-skeleton-loader.component.js

@@ -25,3 +25,3 @@ /**
         var allowedAnimations = ['progress', 'progress-dark', 'pulse', 'false'];
-        if (!allowedAnimations.includes(this.animation)) {
+        if (allowedAnimations.indexOf(this.animation) === -1) {
             // Shows error message only in Development
@@ -62,2 +62,2 @@ if (isDevMode()) {
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXNrZWxldG9uLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtc2tlbGV0b24tbG9hZGVyLyIsInNvdXJjZXMiOlsibGliL25neC1za2VsZXRvbi1sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXBFO0lBQUE7UUFPRSxVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBR1YsZUFBVSxHQUFrQixFQUFFLENBQUM7UUFHL0IsY0FBUyxHQUFxRCxVQUFVLENBQUM7UUFFaEUsVUFBSyxHQUE0QixFQUFFLENBQUM7UUFFN0MsVUFBSyxHQUFlLEVBQUUsQ0FBQztJQWlCekIsQ0FBQzs7OztJQWZDLDZDQUFROzs7SUFBUjtRQUNFLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7O1lBQ3pCLGlCQUFpQixHQUFHLENBQUMsVUFBVSxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsT0FBTyxDQUFDO1FBQ3pFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFO1lBQy9DLDBDQUEwQztZQUMxQyxJQUFJLFNBQVMsRUFBRSxFQUFFO2dCQUNmLE9BQU8sQ0FBQyxLQUFLLENBQ1gsa0VBQWtFLGlCQUFpQixDQUFDLElBQUksQ0FDdEYsSUFBSSxDQUNMLHVDQUFrQyxDQUNwQyxDQUFDO2FBQ0g7WUFDRCxJQUFJLENBQUMsU0FBUyxHQUFHLFVBQVUsQ0FBQztTQUM3QjtJQUNILENBQUM7O2dCQWpDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IseWJBQXlDOztpQkFFMUM7Ozt3QkFFRSxLQUFLOzZCQUdMLEtBQUs7NEJBR0wsS0FBSzt3QkFHTCxLQUFLOztJQW1CUixpQ0FBQztDQUFBLEFBbENELElBa0NDO1NBN0JZLDBCQUEwQjs7O0lBQ3JDLDJDQUNVOztJQUVWLGdEQUMrQjs7SUFFL0IsK0NBQ3lFOztJQUV6RSwyQ0FBNkM7O0lBRTdDLDJDQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgaXNEZXZNb2RlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1za2VsZXRvbi1sb2FkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbmd4LXNrZWxldG9uLWxvYWRlci5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmd4LXNrZWxldG9uLWxvYWRlci5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE5neFNrZWxldG9uTG9hZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgY291bnQgPSAxO1xuXG4gIEBJbnB1dCgpXG4gIGFwcGVhcmFuY2U6ICdjaXJjbGUnIHwgJycgPSAnJztcblxuICBASW5wdXQoKVxuICBhbmltYXRpb246ICdwcm9ncmVzcycgfCAncHJvZ3Jlc3MtZGFyaycgfCAncHVsc2UnIHwgJ2ZhbHNlJyA9ICdwcm9ncmVzcyc7XG5cbiAgQElucHV0KCkgdGhlbWU6IHsgW2s6IHN0cmluZ106IHN0cmluZyB9ID0ge307XG5cbiAgaXRlbXM6IEFycmF5PGFueT4gPSBbXTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLml0ZW1zLmxlbmd0aCA9IHRoaXMuY291bnQ7XG4gICAgY29uc3QgYWxsb3dlZEFuaW1hdGlvbnMgPSBbJ3Byb2dyZXNzJywgJ3Byb2dyZXNzLWRhcmsnLCAncHVsc2UnLCAnZmFsc2UnXTtcbiAgICBpZiAoIWFsbG93ZWRBbmltYXRpb25zLmluY2x1ZGVzKHRoaXMuYW5pbWF0aW9uKSkge1xuICAgICAgLy8gU2hvd3MgZXJyb3IgbWVzc2FnZSBvbmx5IGluIERldmVsb3BtZW50XG4gICAgICBpZiAoaXNEZXZNb2RlKCkpIHtcbiAgICAgICAgY29uc29sZS5lcnJvcihcbiAgICAgICAgICBgXFxgTmd4U2tlbGV0b25Mb2FkZXJDb21wb25lbnRcXGAgbmVlZCB0byByZWNlaXZlICdhbmltYXRpb24nIGFzOiAke2FsbG93ZWRBbmltYXRpb25zLmpvaW4oXG4gICAgICAgICAgICAnLCAnXG4gICAgICAgICAgKX0uIEZvcmNpbmcgZGVmYXVsdCB0byBcInByb2dyZXNzXCIuYFxuICAgICAgICApO1xuICAgICAgfVxuICAgICAgdGhpcy5hbmltYXRpb24gPSAncHJvZ3Jlc3MnO1xuICAgIH1cbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXNrZWxldG9uLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtc2tlbGV0b24tbG9hZGVyLyIsInNvdXJjZXMiOlsibGliL25neC1za2VsZXRvbi1sb2FkZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXBFO0lBQUE7UUFPRSxVQUFLLEdBQUcsQ0FBQyxDQUFDO1FBR1YsZUFBVSxHQUFrQixFQUFFLENBQUM7UUFHL0IsY0FBUyxHQUFxRCxVQUFVLENBQUM7UUFFaEUsVUFBSyxHQUE0QixFQUFFLENBQUM7UUFFN0MsVUFBSyxHQUFlLEVBQUUsQ0FBQztJQWlCekIsQ0FBQzs7OztJQWZDLDZDQUFROzs7SUFBUjtRQUNFLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7O1lBQ3pCLGlCQUFpQixHQUFHLENBQUMsVUFBVSxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsT0FBTyxDQUFDO1FBQ3pFLElBQUksaUJBQWlCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRTtZQUNwRCwwQ0FBMEM7WUFDMUMsSUFBSSxTQUFTLEVBQUUsRUFBRTtnQkFDZixPQUFPLENBQUMsS0FBSyxDQUNYLGtFQUFrRSxpQkFBaUIsQ0FBQyxJQUFJLENBQ3RGLElBQUksQ0FDTCx1Q0FBa0MsQ0FDcEMsQ0FBQzthQUNIO1lBQ0QsSUFBSSxDQUFDLFNBQVMsR0FBRyxVQUFVLENBQUM7U0FDN0I7SUFDSCxDQUFDOztnQkFqQ0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLHliQUF5Qzs7aUJBRTFDOzs7d0JBRUUsS0FBSzs2QkFHTCxLQUFLOzRCQUdMLEtBQUs7d0JBR0wsS0FBSzs7SUFtQlIsaUNBQUM7Q0FBQSxBQWxDRCxJQWtDQztTQTdCWSwwQkFBMEI7OztJQUNyQywyQ0FDVTs7SUFFVixnREFDK0I7O0lBRS9CLCtDQUN5RTs7SUFFekUsMkNBQTZDOztJQUU3QywyQ0FBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIGlzRGV2TW9kZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtc2tlbGV0b24tbG9hZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25neC1za2VsZXRvbi1sb2FkZXIuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25neC1za2VsZXRvbi1sb2FkZXIuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBOZ3hTa2VsZXRvbkxvYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpXG4gIGNvdW50ID0gMTtcblxuICBASW5wdXQoKVxuICBhcHBlYXJhbmNlOiAnY2lyY2xlJyB8ICcnID0gJyc7XG5cbiAgQElucHV0KClcbiAgYW5pbWF0aW9uOiAncHJvZ3Jlc3MnIHwgJ3Byb2dyZXNzLWRhcmsnIHwgJ3B1bHNlJyB8ICdmYWxzZScgPSAncHJvZ3Jlc3MnO1xuXG4gIEBJbnB1dCgpIHRoZW1lOiB7IFtrOiBzdHJpbmddOiBzdHJpbmcgfSA9IHt9O1xuXG4gIGl0ZW1zOiBBcnJheTxhbnk+ID0gW107XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5pdGVtcy5sZW5ndGggPSB0aGlzLmNvdW50O1xuICAgIGNvbnN0IGFsbG93ZWRBbmltYXRpb25zID0gWydwcm9ncmVzcycsICdwcm9ncmVzcy1kYXJrJywgJ3B1bHNlJywgJ2ZhbHNlJ107XG4gICAgaWYgKGFsbG93ZWRBbmltYXRpb25zLmluZGV4T2YodGhpcy5hbmltYXRpb24pID09PSAtMSkge1xuICAgICAgLy8gU2hvd3MgZXJyb3IgbWVzc2FnZSBvbmx5IGluIERldmVsb3BtZW50XG4gICAgICBpZiAoaXNEZXZNb2RlKCkpIHtcbiAgICAgICAgY29uc29sZS5lcnJvcihcbiAgICAgICAgICBgXFxgTmd4U2tlbGV0b25Mb2FkZXJDb21wb25lbnRcXGAgbmVlZCB0byByZWNlaXZlICdhbmltYXRpb24nIGFzOiAke2FsbG93ZWRBbmltYXRpb25zLmpvaW4oXG4gICAgICAgICAgICAnLCAnXG4gICAgICAgICAgKX0uIEZvcmNpbmcgZGVmYXVsdCB0byBcInByb2dyZXNzXCIuYFxuICAgICAgICApO1xuICAgICAgfVxuICAgICAgdGhpcy5hbmltYXRpb24gPSAncHJvZ3Jlc3MnO1xuICAgIH1cbiAgfVxufVxuIl19

fesm2015/ngx-skeleton-loader.js

@@ -24,3 +24,3 @@ import { isDevMode, Component, Input, NgModule } from '@angular/core';
         const allowedAnimations = ['progress', 'progress-dark', 'pulse', 'false'];
-        if (!allowedAnimations.includes(this.animation)) {
+        if (allowedAnimations.indexOf(this.animation) === -1) {
             // Shows error message only in Development
@@ -27,0 +27,0 @@ if (isDevMode()) {

fesm5/ngx-skeleton-loader.js

@@ -27,3 +27,3 @@ import { isDevMode, Component, Input, NgModule } from '@angular/core';
         var allowedAnimations = ['progress', 'progress-dark', 'pulse', 'false'];
-        if (!allowedAnimations.includes(this.animation)) {
+        if (allowedAnimations.indexOf(this.animation) === -1) {
             // Shows error message only in Development
@@ -30,0 +30,0 @@ if (isDevMode()) {

package.json

 {
   "name": "ngx-skeleton-loader",
   "description": "Make beautiful, animated loading skeletons that automatically adapt to your Angular apps",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "peerDependencies": {
@@ -6,0 +6,0 @@ "@angular/common": ">=8.0.0",

README.md

@@ -137,2 +137,55 @@ # NGX Skeleton loader
 
+### ⚠️ This is here only as a documentation, but it's not encouraged to be used. Please consider use it with caution ⚠️
+
+Also, you can use CSS to add theme styles into your component. However, there are some implications:
+
+- You're using `:host` in your stylesheet, which means **you are aware of any possible problem `:host` can create for your app at that level since it's based on [`:host` DOM style scoping](https://developer.mozilla.org/en-US/docs/Web/CSS/:host)**
+- You're adding stylesheet based on `<ngx-skeleton-loader>` internal classes. It means that **class naming changes on module's side will be breaking changes for your application as well**.
+
+As an example, your Component file is like this
+
+```typescript
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "my-ngx-skeleton-loader-with-theming",
+  templateUrl: "./my-ngx-skeleton-loader-with-theming.component.html",
+  styleUrls: ["./my-ngx-skeleton-loader-with-theming.component.css"],
+})
+export class MyNGXSkeletonLoaderWithThemingComponent {
+  /* ... code goes here*/
+}
+```
+
+And your componennt HTML code is
+
+```html
+<!--
+file: my-ngx-skeleton-loader-with-theming.component.html
+
+As an example, it's not using themes via [theme] attributes.
+-->
+
+<ngx-skeleton-loader
+    count="5"
+    animation="pulse"
+  ></ngx-skeleton-loader>
+```
+
+You can apply theme changes in our stylesheet. At the end it will be
+
+```css
+/* file: `my-ngx-skeleton-loader-with-theming.component.css`
+ *
+ * You can find more details about `:host` at
+ * Angular Component Style Docs https://angular.io/guide/component-styles#host
+ */
+:host >>> ngx-skeleton-loader .loader {
+  border-radius: 5px;
+  height: 50px;
+  background-color: #992929;
+  border: 1px solid white;
+}
+```
+
 > You should change the styles on the skeleton wrapper element in case you need to change the background color. You can check the code details in the [Stackblitz Live Demo Link](https://stackblitz.com/edit/ngx-skeleton-loader-sample?file=app%2Fapp.component.html)
@@ -139,0 +192,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

73451

increased by3.16%

Number of lines in readme file

218

increased by32.12%

No dependency changes