Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
ngx-skeleton-loader
Advanced tools
ngx-skeleton-loader - npm Package Compare versions
Comparing version 3.0.0 to 4.0.0
@@ -171,9 +171,3 @@ (function (global, factory) { | ||
| var NgxSkeletonLoaderModule = /** @class */ (function () { | ||
| /** | ||
| * @param {?=} parentModule | ||
| */ | ||
| function NgxSkeletonLoaderModule(parentModule) { | ||
| if (parentModule) { | ||
| throw new Error("`NgxSkeletonLoaderModule` is already loaded and it might cause issues. To avoid that, import the module only once in your app."); | ||
| } | ||
| function NgxSkeletonLoaderModule() { | ||
| } | ||
@@ -199,6 +193,2 @@ /** | ||
| ]; | ||
| /** @nocollapse */ | ||
| NgxSkeletonLoaderModule.ctorParameters = function () { return [ | ||
| { type: NgxSkeletonLoaderModule, decorators: [{ type: core.Optional }, { type: core.SkipSelf }] } | ||
| ]; }; | ||
@@ -205,0 +195,0 @@ /** |
@@ -1,2 +0,2 @@ | ||
| !function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@angular/core"),require("perf-marks/marks"),require("@angular/common")):"function"==typeof define&&define.amd?define("ngx-skeleton-loader",["exports","@angular/core","perf-marks/marks","@angular/common"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self)["ngx-skeleton-loader"]={},e.ng.core,e.marks,e.ng.common)}(this,(function(e,r,o,n){"use strict";var a=new r.InjectionToken("ngx-skeleton-loader.config"),t=function(){function e(e){var r=e||{},o=r.appearance,n=void 0===o?"line":o,a=r.animation,t=void 0===a?"progress":a,i=r.theme,s=void 0===i?null:i,d=r.loadingText,l=void 0===d?"Loading...":d,p=r.count,u=void 0===p?1:p,c=r.ariaLabel,g=void 0===c?"loading":c;this.appearance=n,this.animation=t,this.theme=s,this.loadingText=l,this.count=u,this.items=[],this.ariaLabel=g}return e.prototype.ngOnInit=function(){o.start("NgxSkeletonLoader:Rendered"),o.start("NgxSkeletonLoader:Loaded"),this.validateInputValues()},e.prototype.validateInputValues=function(){/^\d+$/.test(""+this.count)||(r.isDevMode()&&console.error("`NgxSkeletonLoaderComponent` need to receive 'count' a numeric value. Forcing default to \"1\"."),this.count=1),this.items.length=this.count;var e=["progress","progress-dark","pulse","false"];-1===e.indexOf(String(this.animation))&&(r.isDevMode()&&console.error("`NgxSkeletonLoaderComponent` need to receive 'animation' as: "+e.join(", ")+'. Forcing default to "progress".'),this.animation="progress"),-1===["circle","line",""].indexOf(String(this.appearance))&&(r.isDevMode()&&console.error("`NgxSkeletonLoaderComponent` need to receive 'appearance' as: circle or line or empty string. Forcing default to \"''\"."),this.appearance="")},e.prototype.ngOnChanges=function(e){["count","animation","appearance"].find((function(r){return e[r]&&(e[r].isFirstChange()||e[r].previousValue===e[r].currentValue)}))||this.validateInputValues()},e.prototype.ngAfterViewInit=function(){o.end("NgxSkeletonLoader:Rendered")},e.prototype.ngOnDestroy=function(){o.end("NgxSkeletonLoader:Loaded")},e}();t.decorators=[{type:r.Component,args:[{selector:"ngx-skeleton-loader",template:'<span\n *ngFor="let item of items"\n class="loader"\n [attr.aria-label]="ariaLabel"\n aria-busy="true"\n aria-valuemin="0"\n aria-valuemax="100"\n [attr.aria-valuetext]="loadingText"\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',changeDetection:r.ChangeDetectionStrategy.OnPush,styles:['.loader{background:#eff1f6 no-repeat;border-radius:4px;box-sizing:border-box;display:inline-block;height:20px;margin-bottom:10px;overflow:hidden;position:relative;width:100%;will-change:transform}.loader:after,.loader:before{box-sizing:border-box}.loader.circle{border-radius:50%;height:40px;margin:5px;width:40px}.loader.progress,.loader.progress-dark{transform:translateZ(0)}.loader.progress-dark:after,.loader.progress-dark:before,.loader.progress:after,.loader.progress:before{box-sizing:border-box}.loader.progress-dark:before,.loader.progress:before{-webkit-animation:progress 2s ease-in-out infinite;animation:progress 2s ease-in-out infinite;background-size:200px 100%;content:"";height:100%;left:0;position:absolute;top:0;width:200px;z-index:1}.loader.progress:before{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6),hsla(0,0%,100%,0))}.loader.progress-dark:before{background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent)}.loader.pulse{-webkit-animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;-webkit-animation-delay:.5s;animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}@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%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}']}]}],t.ctorParameters=function(){return[{type:void 0,decorators:[{type:r.Inject,args:[a]},{type:r.Optional}]}]},t.propDecorators={count:[{type:r.Input}],loadingText:[{type:r.Input}],appearance:[{type:r.Input}],animation:[{type:r.Input}],ariaLabel:[{type:r.Input}],theme:[{type:r.Input}]};var i=function(){function e(e){if(e)throw new Error("`NgxSkeletonLoaderModule` is already loaded and it might cause issues. To avoid that, import the module only once in your app.")}return e.forRoot=function(r){return{ngModule:e,providers:[{provide:a,useValue:r}]}},e}();i.decorators=[{type:r.NgModule,args:[{declarations:[t],imports:[n.CommonModule],exports:[t]}]}],i.ctorParameters=function(){return[{type:i,decorators:[{type:r.Optional},{type:r.SkipSelf}]}]},e.NGX_SKELETON_LOADER_CONFIG=a,e.NgxSkeletonLoaderComponent=t,e.NgxSkeletonLoaderModule=i,Object.defineProperty(e,"__esModule",{value:!0})})); | ||
| !function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@angular/core"),require("perf-marks/marks"),require("@angular/common")):"function"==typeof define&&define.amd?define("ngx-skeleton-loader",["exports","@angular/core","perf-marks/marks","@angular/common"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self)["ngx-skeleton-loader"]={},e.ng.core,e.marks,e.ng.common)}(this,(function(e,r,o,n){"use strict";var a=new r.InjectionToken("ngx-skeleton-loader.config"),t=function(){function e(e){var r=e||{},o=r.appearance,n=void 0===o?"line":o,a=r.animation,t=void 0===a?"progress":a,i=r.theme,s=void 0===i?null:i,d=r.loadingText,l=void 0===d?"Loading...":d,p=r.count,g=void 0===p?1:p,c=r.ariaLabel,u=void 0===c?"loading":c;this.appearance=n,this.animation=t,this.theme=s,this.loadingText=l,this.count=g,this.items=[],this.ariaLabel=u}return e.prototype.ngOnInit=function(){o.start("NgxSkeletonLoader:Rendered"),o.start("NgxSkeletonLoader:Loaded"),this.validateInputValues()},e.prototype.validateInputValues=function(){/^\d+$/.test(""+this.count)||(r.isDevMode()&&console.error("`NgxSkeletonLoaderComponent` need to receive 'count' a numeric value. Forcing default to \"1\"."),this.count=1),this.items.length=this.count;var e=["progress","progress-dark","pulse","false"];-1===e.indexOf(String(this.animation))&&(r.isDevMode()&&console.error("`NgxSkeletonLoaderComponent` need to receive 'animation' as: "+e.join(", ")+'. Forcing default to "progress".'),this.animation="progress"),-1===["circle","line",""].indexOf(String(this.appearance))&&(r.isDevMode()&&console.error("`NgxSkeletonLoaderComponent` need to receive 'appearance' as: circle or line or empty string. Forcing default to \"''\"."),this.appearance="")},e.prototype.ngOnChanges=function(e){["count","animation","appearance"].find((function(r){return e[r]&&(e[r].isFirstChange()||e[r].previousValue===e[r].currentValue)}))||this.validateInputValues()},e.prototype.ngAfterViewInit=function(){o.end("NgxSkeletonLoader:Rendered")},e.prototype.ngOnDestroy=function(){o.end("NgxSkeletonLoader:Loaded")},e}();t.decorators=[{type:r.Component,args:[{selector:"ngx-skeleton-loader",template:'<span\n *ngFor="let item of items"\n class="loader"\n [attr.aria-label]="ariaLabel"\n aria-busy="true"\n aria-valuemin="0"\n aria-valuemax="100"\n [attr.aria-valuetext]="loadingText"\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',changeDetection:r.ChangeDetectionStrategy.OnPush,styles:['.loader{background:#eff1f6 no-repeat;border-radius:4px;box-sizing:border-box;display:inline-block;height:20px;margin-bottom:10px;overflow:hidden;position:relative;width:100%;will-change:transform}.loader:after,.loader:before{box-sizing:border-box}.loader.circle{border-radius:50%;height:40px;margin:5px;width:40px}.loader.progress,.loader.progress-dark{transform:translateZ(0)}.loader.progress-dark:after,.loader.progress-dark:before,.loader.progress:after,.loader.progress:before{box-sizing:border-box}.loader.progress-dark:before,.loader.progress:before{-webkit-animation:progress 2s ease-in-out infinite;animation:progress 2s ease-in-out infinite;background-size:200px 100%;content:"";height:100%;left:0;position:absolute;top:0;width:200px;z-index:1}.loader.progress:before{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6),hsla(0,0%,100%,0))}.loader.progress-dark:before{background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent)}.loader.pulse{-webkit-animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;-webkit-animation-delay:.5s;animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}@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%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}']}]}],t.ctorParameters=function(){return[{type:void 0,decorators:[{type:r.Inject,args:[a]},{type:r.Optional}]}]},t.propDecorators={count:[{type:r.Input}],loadingText:[{type:r.Input}],appearance:[{type:r.Input}],animation:[{type:r.Input}],ariaLabel:[{type:r.Input}],theme:[{type:r.Input}]};var i=function(){function e(){}return e.forRoot=function(r){return{ngModule:e,providers:[{provide:a,useValue:r}]}},e}();i.decorators=[{type:r.NgModule,args:[{declarations:[t],imports:[n.CommonModule],exports:[t]}]}],e.NGX_SKELETON_LOADER_CONFIG=a,e.NgxSkeletonLoaderComponent=t,e.NgxSkeletonLoaderModule=i,Object.defineProperty(e,"__esModule",{value:!0})})); | ||
| //# sourceMappingURL=ngx-skeleton-loader.umd.min.js.map |
@@ -10,2 +10,12 @@ # Change Log | ||
| ## [4.0.0][] - 2021-07-28 | ||
| ### Fixed | ||
| #### Breaking Change | ||
| - Rolling back "Adding mechanism to prevents calling `forRoot()` more than once if module is loaded asynchronously in a submodule.". Unfortunately, this was affecting consumers and it needed to be reverted to avoid friction in other applications. | ||
| If you need to have this feature in place, the suggestion is to create a specific module in your app and apply the changes on your application. | ||
| ## [3.0.0][] - 2021-07-23 | ||
@@ -471,3 +481,4 @@ | ||
| [Unreleased]: https://github.com/willmendesneto/ngx-skeleton-loader/compare/v3.0.0...HEAD | ||
| [Unreleased]: https://github.com/willmendesneto/ngx-skeleton-loader/compare/v4.0.0...HEAD | ||
| [4.0.0]: https://github.com/willmendesneto/ngx-skeleton-loader/compare/v3.0.0...v4.0.0 | ||
| [3.0.0]: https://github.com/willmendesneto/ngx-skeleton-loader/tree/v3.0.0 |
@@ -6,3 +6,3 @@ /** | ||
| */ | ||
| import { NgModule, Optional, SkipSelf } from '@angular/core'; | ||
| import { NgModule } from '@angular/core'; | ||
| import { CommonModule } from '@angular/common'; | ||
@@ -13,10 +13,2 @@ import { NgxSkeletonLoaderComponent } from './ngx-skeleton-loader.component'; | ||
| /** | ||
| * @param {?=} parentModule | ||
| */ | ||
| constructor(parentModule) { | ||
| if (parentModule) { | ||
| throw new Error(`\`NgxSkeletonLoaderModule\` is already loaded and it might cause issues. To avoid that, import the module only once in your app.`); | ||
| } | ||
| } | ||
| /** | ||
| * @param {?=} config | ||
@@ -39,6 +31,2 @@ * @return {?} | ||
| ]; | ||
| /** @nocollapse */ | ||
| NgxSkeletonLoaderModule.ctorParameters = () => [ | ||
| { type: NgxSkeletonLoaderModule, decorators: [{ type: Optional }, { type: SkipSelf }] } | ||
| ]; | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXNrZWxldG9uLWxvYWRlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL3dpbGxtZW5kZXNuZXRvL1Byb2plY3RzL25neC1za2VsZXRvbi1sb2FkZXIvcHJvamVjdHMvbmd4LXNrZWxldG9uLWxvYWRlci9zcmMvIiwic291cmNlcyI6WyJsaWIvbmd4LXNrZWxldG9uLWxvYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQXVCLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM3RSxPQUFPLEVBQTJCLDBCQUEwQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFPekcsTUFBTSxPQUFPLHVCQUF1Qjs7OztJQUNsQyxZQUFvQyxZQUFzQztRQUN4RSxJQUFJLFlBQVksRUFBRTtZQUNoQixNQUFNLElBQUksS0FBSyxDQUNiLGtJQUFrSSxDQUNuSSxDQUFDO1NBQ0g7SUFDSCxDQUFDOzs7OztJQUVELE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBeUM7UUFDdEQsT0FBTztZQUNMLFFBQVEsRUFBRSx1QkFBdUI7WUFDakMsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxDQUFDO1NBQ3ZFLENBQUM7SUFDSixDQUFDOzs7WUFuQkYsUUFBUSxTQUFDO2dCQUNSLFlBQVksRUFBRSxDQUFDLDBCQUEwQixDQUFDO2dCQUMxQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7Z0JBQ3ZCLE9BQU8sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2FBQ3RDOzs7O1lBRW9ELHVCQUF1Qix1QkFBN0QsUUFBUSxZQUFJLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZSwgT3B0aW9uYWwsIFNraXBTZWxmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBOZ3hTa2VsZXRvbkxvYWRlckNvbXBvbmVudCB9IGZyb20gJy4vbmd4LXNrZWxldG9uLWxvYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmd4U2tlbGV0b25Mb2FkZXJDb25maWcsIE5HWF9TS0VMRVRPTl9MT0FERVJfQ09ORklHIH0gZnJvbSAnLi9uZ3gtc2tlbGV0b24tbG9hZGVyLWNvbmZpZy50eXBlcyc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW05neFNrZWxldG9uTG9hZGVyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtOZ3hTa2VsZXRvbkxvYWRlckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIE5neFNrZWxldG9uTG9hZGVyTW9kdWxlIHtcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQFNraXBTZWxmKCkgcGFyZW50TW9kdWxlPzogTmd4U2tlbGV0b25Mb2FkZXJNb2R1bGUpIHtcbiAgICBpZiAocGFyZW50TW9kdWxlKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgIGBcXGBOZ3hTa2VsZXRvbkxvYWRlck1vZHVsZVxcYCBpcyBhbHJlYWR5IGxvYWRlZCBhbmQgaXQgbWlnaHQgY2F1c2UgaXNzdWVzLiBUbyBhdm9pZCB0aGF0LCBpbXBvcnQgdGhlIG1vZHVsZSBvbmx5IG9uY2UgaW4geW91ciBhcHAuYCxcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgc3RhdGljIGZvclJvb3QoY29uZmlnPzogUGFydGlhbDxOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZz4pOiBNb2R1bGVXaXRoUHJvdmlkZXJzPE5neFNrZWxldG9uTG9hZGVyTW9kdWxlPiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBOZ3hTa2VsZXRvbkxvYWRlck1vZHVsZSxcbiAgICAgIHByb3ZpZGVyczogW3sgcHJvdmlkZTogTkdYX1NLRUxFVE9OX0xPQURFUl9DT05GSUcsIHVzZVZhbHVlOiBjb25maWcgfV0sXG4gICAgfTtcbiAgfVxufVxuIl19 | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXNrZWxldG9uLWxvYWRlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL3dpbGxtZW5kZXNuZXRvL1Byb2plY3RzL25neC1za2VsZXRvbi1sb2FkZXIvcHJvamVjdHMvbmd4LXNrZWxldG9uLWxvYWRlci9zcmMvIiwic291cmNlcyI6WyJsaWIvbmd4LXNrZWxldG9uLWxvYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQXVCLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDN0UsT0FBTyxFQUEyQiwwQkFBMEIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBT3pHLE1BQU0sT0FBTyx1QkFBdUI7Ozs7O0lBQ2xDLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBeUM7UUFDdEQsT0FBTztZQUNMLFFBQVEsRUFBRSx1QkFBdUI7WUFDakMsU0FBUyxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxDQUFDO1NBQ3ZFLENBQUM7SUFDSixDQUFDOzs7WUFYRixRQUFRLFNBQUM7Z0JBQ1IsWUFBWSxFQUFFLENBQUMsMEJBQTBCLENBQUM7Z0JBQzFDLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztnQkFDdkIsT0FBTyxFQUFFLENBQUMsMEJBQTBCLENBQUM7YUFDdEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgTmd4U2tlbGV0b25Mb2FkZXJDb21wb25lbnQgfSBmcm9tICcuL25neC1za2VsZXRvbi1sb2FkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IE5neFNrZWxldG9uTG9hZGVyQ29uZmlnLCBOR1hfU0tFTEVUT05fTE9BREVSX0NPTkZJRyB9IGZyb20gJy4vbmd4LXNrZWxldG9uLWxvYWRlci1jb25maWcudHlwZXMnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtOZ3hTa2VsZXRvbkxvYWRlckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbTmd4U2tlbGV0b25Mb2FkZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ3hTa2VsZXRvbkxvYWRlck1vZHVsZSB7XG4gIHN0YXRpYyBmb3JSb290KGNvbmZpZz86IFBhcnRpYWw8Tmd4U2tlbGV0b25Mb2FkZXJDb25maWc+KTogTW9kdWxlV2l0aFByb3ZpZGVyczxOZ3hTa2VsZXRvbkxvYWRlck1vZHVsZT4ge1xuICAgIHJldHVybiB7XG4gICAgICBuZ01vZHVsZTogTmd4U2tlbGV0b25Mb2FkZXJNb2R1bGUsXG4gICAgICBwcm92aWRlcnM6IFt7IHByb3ZpZGU6IE5HWF9TS0VMRVRPTl9MT0FERVJfQ09ORklHLCB1c2VWYWx1ZTogY29uZmlnIH1dLFxuICAgIH07XG4gIH1cbn1cbiJdfQ== |
@@ -1,2 +0,2 @@ | ||
| import { InjectionToken, isDevMode, Component, ChangeDetectionStrategy, Inject, Optional, Input, NgModule, SkipSelf } from '@angular/core'; | ||
| import { InjectionToken, isDevMode, Component, ChangeDetectionStrategy, Inject, Optional, Input, NgModule } from '@angular/core'; | ||
| import { start, end } from 'perf-marks/marks'; | ||
@@ -167,10 +167,2 @@ import { CommonModule } from '@angular/common'; | ||
| /** | ||
| * @param {?=} parentModule | ||
| */ | ||
| constructor(parentModule) { | ||
| if (parentModule) { | ||
| throw new Error(`\`NgxSkeletonLoaderModule\` is already loaded and it might cause issues. To avoid that, import the module only once in your app.`); | ||
| } | ||
| } | ||
| /** | ||
| * @param {?=} config | ||
@@ -193,6 +185,2 @@ * @return {?} | ||
| ]; | ||
| /** @nocollapse */ | ||
| NgxSkeletonLoaderModule.ctorParameters = () => [ | ||
| { type: NgxSkeletonLoaderModule, decorators: [{ type: Optional }, { type: SkipSelf }] } | ||
| ]; | ||
@@ -199,0 +187,0 @@ /** |
| import { ModuleWithProviders } from '@angular/core'; | ||
| import { NgxSkeletonLoaderConfig } from './ngx-skeleton-loader-config.types'; | ||
| export declare class NgxSkeletonLoaderModule { | ||
| constructor(parentModule?: NgxSkeletonLoaderModule); | ||
| static forRoot(config?: Partial<NgxSkeletonLoaderConfig>): ModuleWithProviders<NgxSkeletonLoaderModule>; | ||
| } |
@@ -1,1 +0,1 @@ | ||
| {"__symbolic":"module","version":4,"metadata":{"NgxSkeletonLoaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ngx-skeleton-loader","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"template":"<span\n *ngFor=\"let item of items\"\n class=\"loader\"\n [attr.aria-label]=\"ariaLabel\"\n aria-busy=\"true\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuetext]=\"loadingText\"\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{background:#eff1f6 no-repeat;border-radius:4px;box-sizing:border-box;display:inline-block;height:20px;margin-bottom:10px;overflow:hidden;position:relative;width:100%;will-change:transform}.loader:after,.loader:before{box-sizing:border-box}.loader.circle{border-radius:50%;height:40px;margin:5px;width:40px}.loader.progress,.loader.progress-dark{transform:translateZ(0)}.loader.progress-dark:after,.loader.progress-dark:before,.loader.progress:after,.loader.progress:before{box-sizing:border-box}.loader.progress-dark:before,.loader.progress:before{-webkit-animation:progress 2s ease-in-out infinite;animation:progress 2s ease-in-out infinite;background-size:200px 100%;content:\"\";height:100%;left:0;position:absolute;top:0;width:200px;z-index:1}.loader.progress:before{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6),hsla(0,0%,100%,0))}.loader.progress-dark:before{background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent)}.loader.pulse{-webkit-animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;-webkit-animation-delay:.5s;animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}@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%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}"]}]}],"members":{"count":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"loadingText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"appearance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":15},"arguments":[{"__symbolic":"reference","name":"NGX_SKELETON_LOADER_CONFIG"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":53,"character":51}}]],"parameters":[{"__symbolic":"reference","name":"NgxSkeletonLoaderConfig"}]}],"ngOnInit":[{"__symbolic":"method"}],"validateInputValues":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NgxSkeletonLoaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxSkeletonLoaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12}],"exports":[{"__symbolic":"reference","name":"NgxSkeletonLoaderComponent"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":12,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf","line":12,"character":27}}]],"parameters":[{"__symbolic":"reference","name":"NgxSkeletonLoaderModule"}]}]},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxSkeletonLoaderModule"},"providers":[{"provide":{"__symbolic":"reference","name":"NGX_SKELETON_LOADER_CONFIG"},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"NgxSkeletonLoaderConfigTheme":{"__symbolic":"interface"},"NgxSkeletonLoaderConfig":{"__symbolic":"interface"},"NGX_SKELETON_LOADER_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":18,"character":46},"arguments":["ngx-skeleton-loader.config"]}},"origins":{"NgxSkeletonLoaderComponent":"./lib/ngx-skeleton-loader.component","NgxSkeletonLoaderModule":"./lib/ngx-skeleton-loader.module","NgxSkeletonLoaderConfigTheme":"./lib/ngx-skeleton-loader-config.types","NgxSkeletonLoaderConfig":"./lib/ngx-skeleton-loader-config.types","NGX_SKELETON_LOADER_CONFIG":"./lib/ngx-skeleton-loader-config.types"},"importAs":"ngx-skeleton-loader"} | ||
| {"__symbolic":"module","version":4,"metadata":{"NgxSkeletonLoaderComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ngx-skeleton-loader","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"template":"<span\n *ngFor=\"let item of items\"\n class=\"loader\"\n [attr.aria-label]=\"ariaLabel\"\n aria-busy=\"true\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuetext]=\"loadingText\"\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{background:#eff1f6 no-repeat;border-radius:4px;box-sizing:border-box;display:inline-block;height:20px;margin-bottom:10px;overflow:hidden;position:relative;width:100%;will-change:transform}.loader:after,.loader:before{box-sizing:border-box}.loader.circle{border-radius:50%;height:40px;margin:5px;width:40px}.loader.progress,.loader.progress-dark{transform:translateZ(0)}.loader.progress-dark:after,.loader.progress-dark:before,.loader.progress:after,.loader.progress:before{box-sizing:border-box}.loader.progress-dark:before,.loader.progress:before{-webkit-animation:progress 2s ease-in-out infinite;animation:progress 2s ease-in-out infinite;background-size:200px 100%;content:\"\";height:100%;left:0;position:absolute;top:0;width:200px;z-index:1}.loader.progress:before{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6),hsla(0,0%,100%,0))}.loader.progress-dark:before{background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent)}.loader.pulse{-webkit-animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;-webkit-animation-delay:.5s;animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}@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%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}"]}]}],"members":{"count":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"loadingText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"appearance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"animation":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"ariaLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":53,"character":15},"arguments":[{"__symbolic":"reference","name":"NGX_SKELETON_LOADER_CONFIG"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":53,"character":51}}]],"parameters":[{"__symbolic":"reference","name":"NgxSkeletonLoaderConfig"}]}],"ngOnInit":[{"__symbolic":"method"}],"validateInputValues":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NgxSkeletonLoaderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxSkeletonLoaderComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12}],"exports":[{"__symbolic":"reference","name":"NgxSkeletonLoaderComponent"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"NgxSkeletonLoaderModule"},"providers":[{"provide":{"__symbolic":"reference","name":"NGX_SKELETON_LOADER_CONFIG"},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"NgxSkeletonLoaderConfigTheme":{"__symbolic":"interface"},"NgxSkeletonLoaderConfig":{"__symbolic":"interface"},"NGX_SKELETON_LOADER_CONFIG":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":18,"character":46},"arguments":["ngx-skeleton-loader.config"]}},"origins":{"NgxSkeletonLoaderComponent":"./lib/ngx-skeleton-loader.component","NgxSkeletonLoaderModule":"./lib/ngx-skeleton-loader.module","NgxSkeletonLoaderConfigTheme":"./lib/ngx-skeleton-loader-config.types","NgxSkeletonLoaderConfig":"./lib/ngx-skeleton-loader-config.types","NGX_SKELETON_LOADER_CONFIG":"./lib/ngx-skeleton-loader-config.types"},"importAs":"ngx-skeleton-loader"} |
| { | ||
| "name": "ngx-skeleton-loader", | ||
| "description": "Make beautiful, animated loading skeletons that automatically adapt to your Angular apps", | ||
| "version": "3.0.0", | ||
| "version": "4.0.0", | ||
| "peerDependencies": { | ||
@@ -6,0 +6,0 @@ "@angular/common": ">=8.0.0", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis 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
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Worsened metrics
- Total package byte prevSize
- decreased by-2.98%
117117
- Lines of code
- decreased by-4.98%
687
No dependency changes