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 2.10.0 to 2.10.1
@@ -27,2 +27,4 @@ (function (global, factory) { | ||
| NgxSkeletonLoaderConfig.prototype.count; | ||
| /** @type {?} */ | ||
| NgxSkeletonLoaderConfig.prototype.ariaLabel; | ||
| } | ||
@@ -42,3 +44,3 @@ /** @type {?} */ | ||
| function NgxSkeletonLoaderComponent(config) { | ||
| var _a = config || {}, _b = _a.appearance, appearance = _b === void 0 ? 'line' : _b, _c = _a.animation, animation = _c === void 0 ? 'progress' : _c, _d = _a.theme, theme = _d === void 0 ? null : _d, _e = _a.loadingText, loadingText = _e === void 0 ? 'Loading...' : _e, _f = _a.count, count = _f === void 0 ? 1 : _f; | ||
| var _a = config || {}, _b = _a.appearance, appearance = _b === void 0 ? 'line' : _b, _c = _a.animation, animation = _c === void 0 ? 'progress' : _c, _d = _a.theme, theme = _d === void 0 ? null : _d, _e = _a.loadingText, loadingText = _e === void 0 ? 'Loading...' : _e, _f = _a.count, count = _f === void 0 ? 1 : _f, _g = _a.ariaLabel, ariaLabel = _g === void 0 ? 'loading' : _g; | ||
| this.appearance = appearance; | ||
@@ -50,2 +52,3 @@ this.animation = animation; | ||
| this.items = []; | ||
| this.ariaLabel = ariaLabel; | ||
| } | ||
@@ -127,3 +130,3 @@ /** | ||
| 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 [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", | ||
| 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: core.ChangeDetectionStrategy.OnPush, | ||
@@ -142,2 +145,3 @@ 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}}"] | ||
| animation: [{ type: core.Input }], | ||
| ariaLabel: [{ type: core.Input }], | ||
| theme: [{ type: core.Input }] | ||
@@ -159,2 +163,4 @@ }; | ||
| /** @type {?} */ | ||
| NgxSkeletonLoaderComponent.prototype.ariaLabel; | ||
| /** @type {?} */ | ||
| NgxSkeletonLoaderComponent.prototype.theme; | ||
@@ -161,0 +167,0 @@ /** @type {?} */ |
@@ -1,2 +0,2 @@ | ||
| !function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(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"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self)["ngx-skeleton-loader"]={},e.ng.core,e.marks,e.ng.common)}(this,(function(e,o,r,n){"use strict";var t=new o.InjectionToken("ngx-skeleton-loader.config"),a=function(){function e(e){var o=e||{},r=o.appearance,n=void 0===r?"line":r,t=o.animation,a=void 0===t?"progress":t,i=o.theme,s=void 0===i?null:i,d=o.loadingText,p=void 0===d?"Loading...":d,l=o.count,g=void 0===l?1:l;this.appearance=n,this.animation=a,this.theme=s,this.loadingText=p,this.count=g,this.items=[]}return e.prototype.ngOnInit=function(){r.start("NgxSkeletonLoader:Rendered"),r.start("NgxSkeletonLoader:Loaded"),this.validateInputValues()},e.prototype.validateInputValues=function(){/^\d+$/.test(""+this.count)||(o.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))&&(o.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))&&(o.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(o){return e[o]&&(e[o].isFirstChange()||e[o].previousValue===e[o].currentValue)}))||this.validateInputValues()},e.prototype.ngAfterViewInit=function(){r.end("NgxSkeletonLoader:Rendered")},e.prototype.ngOnDestroy=function(){r.end("NgxSkeletonLoader:Loaded")},e}();a.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 [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:o.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}}']}]}],a.ctorParameters=function(){return[{type:void 0,decorators:[{type:o.Inject,args:[t]},{type:o.Optional}]}]},a.propDecorators={count:[{type:o.Input}],loadingText:[{type:o.Input}],appearance:[{type:o.Input}],animation:[{type:o.Input}],theme:[{type:o.Input}]};var i=function(){function e(){}return e.forRoot=function(o){return{ngModule:e,providers:[{provide:t,useValue:o}]}},e}();i.decorators=[{type:o.NgModule,args:[{declarations:[a],imports:[n.CommonModule],exports:[a]}]}],e.NGX_SKELETON_LOADER_CONFIG=t,e.NgxSkeletonLoaderComponent=a,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,10 @@ # Change Log | ||
| ## [2.10.1][] - 2021-07-13 | ||
| ### Fixed | ||
| - Ensures every ARIA progressbar node has an accessible name. This is caused by missing aria-label on the `<span>` element. | ||
| Thanks @rkristelijn for raising the issue and the pull request! | ||
| ## [2.10.0][] - 2021-06-15 | ||
@@ -449,5 +457,7 @@ | ||
| [2.9.2]: https://github.com/willmendesneto/ngx-skeleton-loader/tree/v2.9.2 | ||
| [unreleased]: https://github.com/willmendesneto/ngx-skeleton-loader/compare/v2.10.0...HEAD | ||
| [2.10.0]: https://github.com/willmendesneto/ngx-skeleton-loader/tree/v2.10.0 | ||
| [Unreleased]: https://github.com/willmendesneto/ngx-skeleton-loader/compare/v2.10.0...HEAD | ||
| [2.10.0]: https://github.com/willmendesneto/ngx-skeleton-loader/tree/v2.10.0 | ||
| [Unreleased]: https://github.com/willmendesneto/ngx-skeleton-loader/compare/v2.10.1...HEAD | ||
| [2.10.1]: https://github.com/willmendesneto/ngx-skeleton-loader/tree/v2.10.1 |
@@ -22,5 +22,7 @@ /** | ||
| NgxSkeletonLoaderConfig.prototype.count; | ||
| /** @type {?} */ | ||
| NgxSkeletonLoaderConfig.prototype.ariaLabel; | ||
| } | ||
| /** @type {?} */ | ||
| export const NGX_SKELETON_LOADER_CONFIG = new InjectionToken('ngx-skeleton-loader.config'); | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXNrZWxldG9uLWxvYWRlci1jb25maWcudHlwZXMuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL3dpbGxtZW5kZXNuZXRvL1Byb2plY3RzL25neC1za2VsZXRvbi1sb2FkZXIvcHJvamVjdHMvbmd4LXNrZWxldG9uLWxvYWRlci9zcmMvIiwic291cmNlcyI6WyJsaWIvbmd4LXNrZWxldG9uLWxvYWRlci1jb25maWcudHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUy9DLDZDQU1DOzs7SUFMQyw2Q0FBbUM7O0lBQ25DLDRDQUFvRTs7SUFDcEUsd0NBQW9DOztJQUNwQyw4Q0FBb0I7O0lBQ3BCLHdDQUFjOzs7QUFHaEIsTUFBTSxPQUFPLDBCQUEwQixHQUFHLElBQUksY0FBYyxDQUEwQiw0QkFBNEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCB0eXBlIE5neFNrZWxldG9uTG9hZGVyQ29uZmlnVGhlbWUgPSB7XG4gIC8vIFRoaXMgaXMgcmVxdWlyZWQgc2luY2UgbmdTdHlsZSBpcyB1c2luZyBgYW55YCBhcyB3ZWxsXG4gIC8vIE1vcmUgZGV0YWlscyBpbiBodHRwczovL2FuZ3VsYXIuaW8vYXBpL2NvbW1vbi9OZ1N0eWxlXG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTogbm8tYW55XG4gIFtrOiBzdHJpbmddOiBhbnk7XG59IHwgbnVsbDtcblxuZXhwb3J0IGludGVyZmFjZSBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZyB7XG4gIGFwcGVhcmFuY2U6ICdjaXJjbGUnIHwgJ2xpbmUnIHwgJyc7XG4gIGFuaW1hdGlvbjogJ3Byb2dyZXNzJyB8ICdwcm9ncmVzcy1kYXJrJyB8ICdwdWxzZScgfCAnZmFsc2UnIHwgZmFsc2U7XG4gIHRoZW1lOiBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZ1RoZW1lO1xuICBsb2FkaW5nVGV4dDogc3RyaW5nO1xuICBjb3VudDogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgTkdYX1NLRUxFVE9OX0xPQURFUl9DT05GSUcgPSBuZXcgSW5qZWN0aW9uVG9rZW48Tmd4U2tlbGV0b25Mb2FkZXJDb25maWc+KCduZ3gtc2tlbGV0b24tbG9hZGVyLmNvbmZpZycpO1xuIl19 | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXNrZWxldG9uLWxvYWRlci1jb25maWcudHlwZXMuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL3dpbGxtZW5kZXNuZXRvL1Byb2plY3RzL25neC1za2VsZXRvbi1sb2FkZXIvcHJvamVjdHMvbmd4LXNrZWxldG9uLWxvYWRlci9zcmMvIiwic291cmNlcyI6WyJsaWIvbmd4LXNrZWxldG9uLWxvYWRlci1jb25maWcudHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUy9DLDZDQU9DOzs7SUFOQyw2Q0FBbUM7O0lBQ25DLDRDQUFvRTs7SUFDcEUsd0NBQW9DOztJQUNwQyw4Q0FBb0I7O0lBQ3BCLHdDQUFjOztJQUNkLDRDQUFrQjs7O0FBR3BCLE1BQU0sT0FBTywwQkFBMEIsR0FBRyxJQUFJLGNBQWMsQ0FBMEIsNEJBQTRCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3Rpb25Ub2tlbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgdHlwZSBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZ1RoZW1lID0ge1xuICAvLyBUaGlzIGlzIHJlcXVpcmVkIHNpbmNlIG5nU3R5bGUgaXMgdXNpbmcgYGFueWAgYXMgd2VsbFxuICAvLyBNb3JlIGRldGFpbHMgaW4gaHR0cHM6Ly9hbmd1bGFyLmlvL2FwaS9jb21tb24vTmdTdHlsZVxuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6IG5vLWFueVxuICBbazogc3RyaW5nXTogYW55O1xufSB8IG51bGw7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTmd4U2tlbGV0b25Mb2FkZXJDb25maWcge1xuICBhcHBlYXJhbmNlOiAnY2lyY2xlJyB8ICdsaW5lJyB8ICcnO1xuICBhbmltYXRpb246ICdwcm9ncmVzcycgfCAncHJvZ3Jlc3MtZGFyaycgfCAncHVsc2UnIHwgJ2ZhbHNlJyB8IGZhbHNlO1xuICB0aGVtZTogTmd4U2tlbGV0b25Mb2FkZXJDb25maWdUaGVtZTtcbiAgbG9hZGluZ1RleHQ6IHN0cmluZztcbiAgY291bnQ6IG51bWJlcjtcbiAgYXJpYUxhYmVsOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBOR1hfU0tFTEVUT05fTE9BREVSX0NPTkZJRyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZz4oJ25neC1za2VsZXRvbi1sb2FkZXIuY29uZmlnJyk7XG4iXX0= |
@@ -14,3 +14,3 @@ /** | ||
| constructor(config) { | ||
| const { appearance = 'line', animation = 'progress', theme = null, loadingText = 'Loading...', count = 1 } = config || {}; | ||
| const { appearance = 'line', animation = 'progress', theme = null, loadingText = 'Loading...', count = 1, ariaLabel = 'loading', } = config || {}; | ||
| this.appearance = appearance; | ||
@@ -22,2 +22,3 @@ this.animation = animation; | ||
| this.items = []; | ||
| this.ariaLabel = ariaLabel; | ||
| } | ||
@@ -96,3 +97,3 @@ /** | ||
| 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 [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", | ||
| 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: ChangeDetectionStrategy.OnPush, | ||
@@ -111,2 +112,3 @@ 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}}"] | ||
| animation: [{ type: Input }], | ||
| ariaLabel: [{ type: Input }], | ||
| theme: [{ type: Input }] | ||
@@ -128,2 +130,4 @@ }; | ||
| /** @type {?} */ | ||
| NgxSkeletonLoaderComponent.prototype.ariaLabel; | ||
| /** @type {?} */ | ||
| NgxSkeletonLoaderComponent.prototype.theme; | ||
@@ -133,2 +137,2 @@ /** @type {?} */ | ||
| } | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXNrZWxldG9uLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL3dpbGxtZW5kZXNuZXRvL1Byb2plY3RzL25neC1za2VsZXRvbi1sb2FkZXIvcHJvamVjdHMvbmd4LXNrZWxldG9uLWxvYWRlci9zcmMvIiwic291cmNlcyI6WyJsaWIvbmd4LXNrZWxldG9uLWxvYWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULEtBQUssRUFDTCxTQUFTLEVBR1QsdUJBQXVCLEVBR3ZCLFFBQVEsRUFDUixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM5QyxPQUFPLEVBR0wsMEJBQTBCLEdBQzNCLE1BQU0sb0NBQW9DLENBQUM7QUFRNUMsTUFBTSxPQUFPLDBCQUEwQjs7OztJQXdCckMsWUFBNEQsTUFBZ0M7Y0FDcEYsRUFBRSxVQUFVLEdBQUcsTUFBTSxFQUFFLFNBQVMsR0FBRyxVQUFVLEVBQUUsS0FBSyxHQUFHLElBQUksRUFBRSxXQUFXLEdBQUcsWUFBWSxFQUFFLEtBQUssR0FBRyxDQUFDLEVBQUUsR0FBRyxNQUFNLElBQUksRUFBRTtRQUN6SCxJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztRQUM3QixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztRQUMzQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztRQUMvQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNsQixDQUFDOzs7O0lBRUQsUUFBUTtRQUNOLEtBQUssQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO1FBQ3BDLEtBQUssQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBRWxDLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7Ozs7O0lBRU8sbUJBQW1CO1FBQ3pCLDhGQUE4RjtRQUM5RixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxFQUFFO1lBQ2xDLDBDQUEwQztZQUMxQyxJQUFJLFNBQVMsRUFBRSxFQUFFO2dCQUNmLE9BQU8sQ0FBQyxLQUFLLENBQ1gsaUdBQWlHLENBQ2xHLENBQUM7YUFDSDtZQUNELElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1NBQ2hCO1FBQ0QsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQzs7Y0FFekIsaUJBQWlCLEdBQUcsQ0FBQyxVQUFVLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUM7UUFDekUsSUFBSSxpQkFBaUIsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFO1lBQzVELDBDQUEwQztZQUMxQyxJQUFJLFNBQVMsRUFBRSxFQUFFO2dCQUNmLE9BQU8sQ0FBQyxLQUFLLENBQ1gsa0VBQWtFLGlCQUFpQixDQUFDLElBQUksQ0FDdEYsSUFBSSxDQUNMLGtDQUFrQyxDQUNwQyxDQUFDO2FBQ0g7WUFDRCxJQUFJLENBQUMsU0FBUyxHQUFHLFVBQVUsQ0FBQztTQUM3QjtRQUVELElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUU7WUFDbEUsMENBQTBDO1lBQzFDLElBQUksU0FBUyxFQUFFLEVBQUU7Z0JBQ2YsT0FBTyxDQUFDLEtBQUssQ0FDWCwwSEFBMEgsQ0FDM0gsQ0FBQzthQUNIO1lBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxFQUFFLENBQUM7U0FDdEI7SUFDSCxDQUFDOzs7OztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxzRkFBc0Y7UUFDdEYsd0ZBQXdGO1FBQ3hGLG1HQUFtRztRQUNuRyxJQUNFLENBQUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxZQUFZLENBQUMsQ0FBQyxJQUFJOzs7O1FBQ3ZDLEdBQUcsQ0FBQyxFQUFFLENBQ0osT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLGFBQWEsRUFBRSxJQUFJLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxhQUFhLEtBQUssT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLFlBQVksQ0FBQyxFQUM3RyxFQUNEO1lBQ0EsT0FBTztTQUNSO1FBRUQsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDN0IsQ0FBQzs7OztJQUVELGVBQWU7UUFDYixHQUFHLENBQUMsNEJBQTRCLENBQUMsQ0FBQztJQUNwQyxDQUFDOzs7O0lBRUQsV0FBVztRQUNULEdBQUcsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7OztZQTFHRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtnQkFDL0IsaWNBQXlDO2dCQUV6QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQ7Ozs7NENBeUJjLE1BQU0sU0FBQywwQkFBMEIsY0FBRyxRQUFROzs7b0JBbEJ4RCxLQUFLOzBCQUdMLEtBQUs7eUJBR0wsS0FBSzt3QkFHTCxLQUFLO29CQUdMLEtBQUs7Ozs7SUFoQk4sbURBQWdEOztJQUVoRCx1REFBcUQ7O0lBRXJELDJDQUN3Qzs7SUFFeEMsaURBQ29EOztJQUVwRCxnREFDa0Q7O0lBRWxELCtDQUNnRDs7SUFFaEQsMkNBQ29DOztJQUdwQywyQ0FBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE9uSW5pdCxcbiAgSW5wdXQsXG4gIGlzRGV2TW9kZSxcbiAgT25EZXN0cm95LFxuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgT25DaGFuZ2VzLFxuICBTaW1wbGVDaGFuZ2VzLFxuICBPcHRpb25hbCxcbiAgSW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHN0YXJ0LCBlbmQgfSBmcm9tICdwZXJmLW1hcmtzL21hcmtzJztcbmltcG9ydCB7XG4gIE5neFNrZWxldG9uTG9hZGVyQ29uZmlnLFxuICBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZ1RoZW1lLFxuICBOR1hfU0tFTEVUT05fTE9BREVSX0NPTkZJRyxcbn0gZnJvbSAnLi9uZ3gtc2tlbGV0b24tbG9hZGVyLWNvbmZpZy50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1za2VsZXRvbi1sb2FkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbmd4LXNrZWxldG9uLWxvYWRlci5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmd4LXNrZWxldG9uLWxvYWRlci5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOZ3hTa2VsZXRvbkxvYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95LCBPbkNoYW5nZXMge1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6IHZhcmlhYmxlLW5hbWVcbiAgc3RhdGljIG5nQWNjZXB0SW5wdXRUeXBlX2NvdW50OiBudW1iZXIgfCBzdHJpbmc7XG4gIC8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTogdmFyaWFibGUtbmFtZVxuICBzdGF0aWMgbmdBY2NlcHRJbnB1dFR5cGVfYW5pbWF0aW9uOiBib29sZWFuIHwgc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGNvdW50OiBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZ1snY291bnQnXTtcblxuICBASW5wdXQoKVxuICBsb2FkaW5nVGV4dDogTmd4U2tlbGV0b25Mb2FkZXJDb25maWdbJ2xvYWRpbmdUZXh0J107XG5cbiAgQElucHV0KClcbiAgYXBwZWFyYW5jZTogTmd4U2tlbGV0b25Mb2FkZXJDb25maWdbJ2FwcGVhcmFuY2UnXTtcblxuICBASW5wdXQoKVxuICBhbmltYXRpb246IE5neFNrZWxldG9uTG9hZGVyQ29uZmlnWydhbmltYXRpb24nXTtcblxuICBASW5wdXQoKVxuICB0aGVtZTogTmd4U2tlbGV0b25Mb2FkZXJDb25maWdUaGVtZTtcblxuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6IG5vLWFueVxuICBpdGVtczogQXJyYXk8YW55PjtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KE5HWF9TS0VMRVRPTl9MT0FERVJfQ09ORklHKSBAT3B0aW9uYWwoKSBjb25maWc/OiBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZykge1xuICAgIGNvbnN0IHsgYXBwZWFyYW5jZSA9ICdsaW5lJywgYW5pbWF0aW9uID0gJ3Byb2dyZXNzJywgdGhlbWUgPSBudWxsLCBsb2FkaW5nVGV4dCA9ICdMb2FkaW5nLi4uJywgY291bnQgPSAxIH0gPSBjb25maWcgfHwge307XG4gICAgdGhpcy5hcHBlYXJhbmNlID0gYXBwZWFyYW5jZTtcbiAgICB0aGlzLmFuaW1hdGlvbiA9IGFuaW1hdGlvbjtcbiAgICB0aGlzLnRoZW1lID0gdGhlbWU7XG4gICAgdGhpcy5sb2FkaW5nVGV4dCA9IGxvYWRpbmdUZXh0O1xuICAgIHRoaXMuY291bnQgPSBjb3VudDtcbiAgICB0aGlzLml0ZW1zID0gW107XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBzdGFydCgnTmd4U2tlbGV0b25Mb2FkZXI6UmVuZGVyZWQnKTtcbiAgICBzdGFydCgnTmd4U2tlbGV0b25Mb2FkZXI6TG9hZGVkJyk7XG5cbiAgICB0aGlzLnZhbGlkYXRlSW5wdXRWYWx1ZXMoKTtcbiAgfVxuXG4gIHByaXZhdGUgdmFsaWRhdGVJbnB1dFZhbHVlcygpIHtcbiAgICAvLyBDaGVja2luZyBpZiBpdCdzIHJlY2VpdmluZyBhIG51bWVyaWMgdmFsdWUgKHN0cmluZyBoYXZpbmcgT05MWSBudW1iZXJzIG9yIGlmIGl0J3MgYSBudW1iZXIpXG4gICAgaWYgKCEvXlxcZCskLy50ZXN0KGAke3RoaXMuY291bnR9YCkpIHtcbiAgICAgIC8vIFNob3dzIGVycm9yIG1lc3NhZ2Ugb25seSBpbiBEZXZlbG9wbWVudFxuICAgICAgaWYgKGlzRGV2TW9kZSgpKSB7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoXG4gICAgICAgICAgYFxcYE5neFNrZWxldG9uTG9hZGVyQ29tcG9uZW50XFxgIG5lZWQgdG8gcmVjZWl2ZSAnY291bnQnIGEgbnVtZXJpYyB2YWx1ZS4gRm9yY2luZyBkZWZhdWx0IHRvIFwiMVwiLmAsXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgICB0aGlzLmNvdW50ID0gMTtcbiAgICB9XG4gICAgdGhpcy5pdGVtcy5sZW5ndGggPSB0aGlzLmNvdW50O1xuXG4gICAgY29uc3QgYWxsb3dlZEFuaW1hdGlvbnMgPSBbJ3Byb2dyZXNzJywgJ3Byb2dyZXNzLWRhcmsnLCAncHVsc2UnLCAnZmFsc2UnXTtcbiAgICBpZiAoYWxsb3dlZEFuaW1hdGlvbnMuaW5kZXhPZihTdHJpbmcodGhpcy5hbmltYXRpb24pKSA9PT0gLTEpIHtcbiAgICAgIC8vIFNob3dzIGVycm9yIG1lc3NhZ2Ugb25seSBpbiBEZXZlbG9wbWVudFxuICAgICAgaWYgKGlzRGV2TW9kZSgpKSB7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoXG4gICAgICAgICAgYFxcYE5neFNrZWxldG9uTG9hZGVyQ29tcG9uZW50XFxgIG5lZWQgdG8gcmVjZWl2ZSAnYW5pbWF0aW9uJyBhczogJHthbGxvd2VkQW5pbWF0aW9ucy5qb2luKFxuICAgICAgICAgICAgJywgJyxcbiAgICAgICAgICApfS4gRm9yY2luZyBkZWZhdWx0IHRvIFwicHJvZ3Jlc3NcIi5gLFxuICAgICAgICApO1xuICAgICAgfVxuICAgICAgdGhpcy5hbmltYXRpb24gPSAncHJvZ3Jlc3MnO1xuICAgIH1cblxuICAgIGlmIChbJ2NpcmNsZScsICdsaW5lJywgJyddLmluZGV4T2YoU3RyaW5nKHRoaXMuYXBwZWFyYW5jZSkpID09PSAtMSkge1xuICAgICAgLy8gU2hvd3MgZXJyb3IgbWVzc2FnZSBvbmx5IGluIERldmVsb3BtZW50XG4gICAgICBpZiAoaXNEZXZNb2RlKCkpIHtcbiAgICAgICAgY29uc29sZS5lcnJvcihcbiAgICAgICAgICBgXFxgTmd4U2tlbGV0b25Mb2FkZXJDb21wb25lbnRcXGAgbmVlZCB0byByZWNlaXZlICdhcHBlYXJhbmNlJyBhczogY2lyY2xlIG9yIGxpbmUgb3IgZW1wdHkgc3RyaW5nLiBGb3JjaW5nIGRlZmF1bHQgdG8gXCInJ1wiLmAsXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgICB0aGlzLmFwcGVhcmFuY2UgPSAnJztcbiAgICB9XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgLy8gQXZvaWRpbmcgbXVsdGlwbGUgY2FsbHMgZm9yIHRoZSBzYW1lIGlucHV0IGluIGNhc2UgdGhlcmUncyBubyBjaGFuZ2VzIGluIHRoZSBmaWVsZHNcbiAgICAvLyBDaGVja2luZyBpZiB0aGUgZmllbGRzIHRoYXQgcmVxdWlyZSB2YWxpZGF0aW9uIGFyZSBhdmFpbGFibGUgYW5kIGlmIHRoZXkgd2VyZSBjaGFuZ2VkXG4gICAgLy8gSW4gY2FzZSB3ZXJlIG5vdCBjaGFuZ2VkLCB3ZSBzdG9wIHRoZSBmdW5jdGlvbi4gT3RoZXJ3aXNlLCBgdmFsaWRhdGVJbnB1dFZhbHVlc2Agd2lsbCBiZSBjYWxsZWQuXG4gICAgaWYgKFxuICAgICAgWydjb3VudCcsICdhbmltYXRpb24nLCAnYXBwZWFyYW5jZSddLmZpbmQoXG4gICAgICAgIGtleSA9PlxuICAgICAgICAgIGNoYW5nZXNba2V5XSAmJiAoY2hhbmdlc1trZXldLmlzRmlyc3RDaGFuZ2UoKSB8fCBjaGFuZ2VzW2tleV0ucHJldmlvdXNWYWx1ZSA9PT0gY2hhbmdlc1trZXldLmN1cnJlbnRWYWx1ZSksXG4gICAgICApXG4gICAgKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdGhpcy52YWxpZGF0ZUlucHV0VmFsdWVzKCk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgZW5kKCdOZ3hTa2VsZXRvbkxvYWRlcjpSZW5kZXJlZCcpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgZW5kKCdOZ3hTa2VsZXRvbkxvYWRlcjpMb2FkZWQnKTtcbiAgfVxufVxuIl19 | ||
| //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXNrZWxldG9uLWxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL3dpbGxtZW5kZXNuZXRvL1Byb2plY3RzL25neC1za2VsZXRvbi1sb2FkZXIvcHJvamVjdHMvbmd4LXNrZWxldG9uLWxvYWRlci9zcmMvIiwic291cmNlcyI6WyJsaWIvbmd4LXNrZWxldG9uLWxvYWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUVULEtBQUssRUFDTCxTQUFTLEVBR1QsdUJBQXVCLEVBR3ZCLFFBQVEsRUFDUixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUM5QyxPQUFPLEVBR0wsMEJBQTBCLEdBQzNCLE1BQU0sb0NBQW9DLENBQUM7QUFRNUMsTUFBTSxPQUFPLDBCQUEwQjs7OztJQTJCckMsWUFBNEQsTUFBZ0M7Y0FDcEYsRUFDSixVQUFVLEdBQUcsTUFBTSxFQUNuQixTQUFTLEdBQUcsVUFBVSxFQUN0QixLQUFLLEdBQUcsSUFBSSxFQUNaLFdBQVcsR0FBRyxZQUFZLEVBQzFCLEtBQUssR0FBRyxDQUFDLEVBQ1QsU0FBUyxHQUFHLFNBQVMsR0FDdEIsR0FBRyxNQUFNLElBQUksRUFBRTtRQUVoQixJQUFJLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztRQUM3QixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztRQUMzQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztRQUMvQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUNoQixJQUFJLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztJQUM3QixDQUFDOzs7O0lBRUQsUUFB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biAgQ29tcG9uZW50LFxuICBPbkluaXQsXG4gIElucHV0LFxuICBpc0Rldk1vZGUsXG4gIE9uRGVzdHJveSxcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIE9uQ2hhbmdlcyxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgT3B0aW9uYWwsXG4gIEluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBzdGFydCwgZW5kIH0gZnJvbSAncGVyZi1tYXJrcy9tYXJrcyc7XG5pbXBvcnQge1xuICBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZyxcbiAgTmd4U2tlbGV0b25Mb2FkZXJDb25maWdUaGVtZSxcbiAgTkdYX1NLRUxFVE9OX0xPQURFUl9DT05GSUcsXG59IGZyb20gJy4vbmd4LXNrZWxldG9uLWxvYWRlci1jb25maWcudHlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZ3gtc2tlbGV0b24tbG9hZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL25neC1za2VsZXRvbi1sb2FkZXIuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL25neC1za2VsZXRvbi1sb2FkZXIuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTmd4U2tlbGV0b25Mb2FkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSwgT25DaGFuZ2VzIHtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiB2YXJpYWJsZS1uYW1lXG4gIHN0YXRpYyBuZ0FjY2VwdElucHV0VHlwZV9jb3VudDogbnVtYmVyIHwgc3RyaW5nO1xuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6IHZhcmlhYmxlLW5hbWVcbiAgc3RhdGljIG5nQWNjZXB0SW5wdXRUeXBlX2FuaW1hdGlvbjogYm9vbGVhbiB8IHN0cmluZztcblxuICBASW5wdXQoKVxuICBjb3VudDogTmd4U2tlbGV0b25Mb2FkZXJDb25maWdbJ2NvdW50J107XG5cbiAgQElucHV0KClcbiAgbG9hZGluZ1RleHQ6IE5neFNrZWxldG9uTG9hZGVyQ29uZmlnWydsb2FkaW5nVGV4dCddO1xuXG4gIEBJbnB1dCgpXG4gIGFwcGVhcmFuY2U6IE5neFNrZWxldG9uTG9hZGVyQ29uZmlnWydhcHBlYXJhbmNlJ107XG5cbiAgQElucHV0KClcbiAgYW5pbWF0aW9uOiBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZ1snYW5pbWF0aW9uJ107XG5cbiAgQElucHV0KClcbiAgYXJpYUxhYmVsOiBOZ3hTa2VsZXRvbkxvYWRlckNvbmZpZ1snYXJpYUxhYmVsJ107XG5cbiAgQElucHV0KClcbiAgdGhlbWU6IE5neFNrZWxldG9uTG9hZGVyQ29uZmlnVGhlbWU7XG5cbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiBuby1hbnlcbiAgaXRlbXM6IEFycmF5PGFueT47XG5cbiAgY29uc3RydWN0b3IoQEluamVjdChOR1hfU0tFTEVUT05fTE9BREVSX0NPTkZJRykgQE9wdGlvbmFsKCkgY29uZmlnPzogTmd4U2tlbGV0b25Mb2FkZXJDb25maWcpIHtcbiAgICBjb25zdCB7XG4gICAgICBhcHBlYXJhbmNlID0gJ2xpbmUnLFxuICAgICAgYW5pbWF0aW9uID0gJ3Byb2dyZXNzJyxcbiAgICAgIHRoZW1lID0gbnVsbCxcbiAgICAgIGxvYWRpbmdUZXh0ID0gJ0xvYWRpbmcuLi4nLFxuICAgICAgY291bnQgPSAxLFxuICAgICAgYXJpYUxhYmVsID0gJ2xvYWRpbmcnLFxuICAgIH0gPSBjb25maWcgfHwge307XG5cbiAgICB0aGlzLmFwcGVhcmFuY2UgPSBhcHBlYXJhbmNlO1xuICAgIHRoaXMuYW5pbWF0aW9uID0gYW5pbWF0aW9uO1xuICAgIHRoaXMudGhlbWUgPSB0aGVtZTtcbiAgICB0aGlzLmxvYWRpbmdUZXh0ID0gbG9hZGluZ1RleHQ7XG4gICAgdGhpcy5jb3VudCA9IGNvdW50O1xuICAgIHRoaXMuaXRlbXMgPSBbXTtcbiAgICB0aGlzLmFyaWFMYWJlbCA9IGFyaWFMYWJlbDtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHN0YXJ0KCdOZ3hTa2VsZXRvbkxvYWRlcjpSZW5kZXJlZCcpO1xuICAgIHN0YXJ0KCdOZ3hTa2VsZXRvbkxvYWRlcjpMb2FkZWQnKTtcblxuICAgIHRoaXMudmFsaWRhdGVJbnB1dFZhbHVlcygpO1xuICB9XG5cbiAgcHJpdmF0ZSB2YWxpZGF0ZUlucHV0VmFsdWVzKCkge1xuICAgIC8vIENoZWNraW5nIGlmIGl0J3MgcmVjZWl2aW5nIGEgbnVtZXJpYyB2YWx1ZSAoc3RyaW5nIGhhdmluZyBPTkxZIG51bWJlcnMgb3IgaWYgaXQncyBhIG51bWJlcilcbiAgICBpZiAoIS9eXFxkKyQvLnRlc3QoYCR7dGhpcy5jb3VudH1gKSkge1xuICAgICAgLy8gU2hvd3MgZXJyb3IgbWVzc2FnZSBvbmx5IGluIERldmVsb3BtZW50XG4gICAgICBpZiAoaXNEZXZNb2RlKCkpIHtcbiAgICAgICAgY29uc29sZS5lcnJvcihcbiAgICAgICAgICBgXFxgTmd4U2tlbGV0b25Mb2FkZXJDb21wb25lbnRcXGAgbmVlZCB0byByZWNlaXZlICdjb3VudCcgYSBudW1lcmljIHZhbHVlLiBGb3JjaW5nIGRlZmF1bHQgdG8gXCIxXCIuYCxcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuY291bnQgPSAxO1xuICAgIH1cbiAgICB0aGlzLml0ZW1zLmxlbmd0aCA9IHRoaXMuY291bnQ7XG5cbiAgICBjb25zdCBhbGxvd2VkQW5pbWF0aW9ucyA9IFsncHJvZ3Jlc3MnLCAncHJvZ3Jlc3MtZGFyaycsICdwdWxzZScsICdmYWxzZSddO1xuICAgIGlmIChhbGxvd2VkQW5pbWF0aW9ucy5pbmRleE9mKFN0cmluZyh0aGlzLmFuaW1hdGlvbikpID09PSAtMSkge1xuICAgICAgLy8gU2hvd3MgZXJyb3IgbWVzc2FnZSBvbmx5IGluIERldmVsb3BtZW50XG4gICAgICBpZiAoaXNEZXZNb2RlKCkpIHtcbiAgICAgICAgY29uc29sZS5lcnJvcihcbiAgICAgICAgICBgXFxgTmd4U2tlbGV0b25Mb2FkZXJDb21wb25lbnRcXGAgbmVlZCB0byByZWNlaXZlICdhbmltYXRpb24nIGFzOiAke2FsbG93ZWRBbmltYXRpb25zLmpvaW4oXG4gICAgICAgICAgICAnLCAnLFxuICAgICAgICAgICl9LiBGb3JjaW5nIGRlZmF1bHQgdG8gXCJwcm9ncmVzc1wiLmAsXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgICB0aGlzLmFuaW1hdGlvbiA9ICdwcm9ncmVzcyc7XG4gICAgfVxuXG4gICAgaWYgKFsnY2lyY2xlJywgJ2xpbmUnLCAnJ10uaW5kZXhPZihTdHJpbmcodGhpcy5hcHBlYXJhbmNlKSkgPT09IC0xKSB7XG4gICAgICAvLyBTaG93cyBlcnJvciBtZXNzYWdlIG9ubHkgaW4gRGV2ZWxvcG1lbnRcbiAgICAgIGlmIChpc0Rldk1vZGUoKSkge1xuICAgICAgICBjb25zb2xlLmVycm9yKFxuICAgICAgICAgIGBcXGBOZ3hTa2VsZXRvbkxvYWRlckNvbXBvbmVudFxcYCBuZWVkIHRvIHJlY2VpdmUgJ2FwcGVhcmFuY2UnIGFzOiBjaXJjbGUgb3IgbGluZSBvciBlbXB0eSBzdHJpbmcuIEZvcmNpbmcgZGVmYXVsdCB0byBcIicnXCIuYCxcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuYXBwZWFyYW5jZSA9ICcnO1xuICAgIH1cbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICAvLyBBdm9pZGluZyBtdWx0aXBsZSBjYWxscyBmb3IgdGhlIHNhbWUgaW5wdXQgaW4gY2FzZSB0aGVyZSdzIG5vIGNoYW5nZXMgaW4gdGhlIGZpZWxkc1xuICAgIC8vIENoZWNraW5nIGlmIHRoZSBmaWVsZHMgdGhhdCByZXF1aXJlIHZhbGlkYXRpb24gYXJlIGF2YWlsYWJsZSBhbmQgaWYgdGhleSB3ZXJlIGNoYW5nZWRcbiAgICAvLyBJbiBjYXNlIHdlcmUgbm90IGNoYW5nZWQsIHdlIHN0b3AgdGhlIGZ1bmN0aW9uLiBPdGhlcndpc2UsIGB2YWxpZGF0ZUlucHV0VmFsdWVzYCB3aWxsIGJlIGNhbGxlZC5cbiAgICBpZiAoXG4gICAgICBbJ2NvdW50JywgJ2FuaW1hdGlvbicsICdhcHBlYXJhbmNlJ10uZmluZChcbiAgICAgICAga2V5ID0+XG4gICAgICAgICAgY2hhbmdlc1trZXldICYmIChjaGFuZ2VzW2tleV0uaXNGaXJzdENoYW5nZSgpIHx8IGNoYW5nZXNba2V5XS5wcmV2aW91c1ZhbHVlID09PSBjaGFuZ2VzW2tleV0uY3VycmVudFZhbHVlKSxcbiAgICAgIClcbiAgICApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICB0aGlzLnZhbGlkYXRlSW5wdXRWYWx1ZXMoKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBlbmQoJ05neFNrZWxldG9uTG9hZGVyOlJlbmRlcmVkJyk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICBlbmQoJ05neFNrZWxldG9uTG9hZGVyOkxvYWRlZCcpO1xuICB9XG59XG4iXX0= |
@@ -25,2 +25,4 @@ import { InjectionToken, isDevMode, Component, ChangeDetectionStrategy, Inject, Optional, Input, NgModule } from '@angular/core'; | ||
| NgxSkeletonLoaderConfig.prototype.count; | ||
| /** @type {?} */ | ||
| NgxSkeletonLoaderConfig.prototype.ariaLabel; | ||
| } | ||
@@ -40,3 +42,3 @@ /** @type {?} */ | ||
| constructor(config) { | ||
| const { appearance = 'line', animation = 'progress', theme = null, loadingText = 'Loading...', count = 1 } = config || {}; | ||
| const { appearance = 'line', animation = 'progress', theme = null, loadingText = 'Loading...', count = 1, ariaLabel = 'loading', } = config || {}; | ||
| this.appearance = appearance; | ||
@@ -48,2 +50,3 @@ this.animation = animation; | ||
| this.items = []; | ||
| this.ariaLabel = ariaLabel; | ||
| } | ||
@@ -122,3 +125,3 @@ /** | ||
| 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 [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", | ||
| 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: ChangeDetectionStrategy.OnPush, | ||
@@ -137,2 +140,3 @@ 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}}"] | ||
| animation: [{ type: Input }], | ||
| ariaLabel: [{ type: Input }], | ||
| theme: [{ type: Input }] | ||
@@ -154,2 +158,4 @@ }; | ||
| /** @type {?} */ | ||
| NgxSkeletonLoaderComponent.prototype.ariaLabel; | ||
| /** @type {?} */ | ||
| NgxSkeletonLoaderComponent.prototype.theme; | ||
@@ -156,0 +162,0 @@ /** @type {?} */ |
@@ -11,3 +11,4 @@ import { InjectionToken } from '@angular/core'; | ||
| count: number; | ||
| ariaLabel: string; | ||
| } | ||
| export declare const NGX_SKELETON_LOADER_CONFIG: InjectionToken<NgxSkeletonLoaderConfig>; |
@@ -10,2 +10,3 @@ import { OnInit, OnDestroy, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core'; | ||
| animation: NgxSkeletonLoaderConfig['animation']; | ||
| ariaLabel: NgxSkeletonLoaderConfig['ariaLabel']; | ||
| theme: NgxSkeletonLoaderConfigTheme; | ||
@@ -12,0 +13,0 @@ items: Array<any>; |
@@ -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 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}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":44,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":15},"arguments":[{"__symbolic":"reference","name":"NGX_SKELETON_LOADER_CONFIG"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":50,"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":17,"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": "2.10.0", | ||
| "version": "2.10.1", | ||
| "peerDependencies": { | ||
@@ -6,0 +6,0 @@ "@angular/common": ">=8.0.0", |
@@ -124,2 +124,3 @@ # NGX Skeleton loader | ||
| - loadingText - _default_ `Loading...`: attribute that defines the text value for `aria-valuetext` attribute. Defaults to "Loading..." | ||
| - `aria-label` - _default_ `loading`: you can add `ariaLabel` as input of the component to set a different value. | ||
@@ -126,0 +127,0 @@ ## Appearance |
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
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by2.72%
116068
- Lines of code
- increased by3.31%
687
- Number of lines in readme file
- increased by0.34%
292
- Number of medium supply chain risk alerts
- decreased by-100%
0
No dependency changes