@onemrvapublic/design-system 20.11.3 → 21.0.0-develop.2

package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Input, Component, NgModule } from '@angular/core';
+import { input, computed, Component, NgModule } from '@angular/core';
 import { mkenum, OnemrvaMatSize } from '@onemrvapublic/design-system/utils';
 import { NgStyle } from '@angular/common';
 
@@ -38,193 +38,78 @@ let NEXT_ID = 0;
  */
 class OnemrvaMatSkeletonComponent {
     constructor() {
-        this.count = 1;
-        this.animation = OnemrvaMatSkeletonAnimations.PROGRESS;
-        this.type = OnemrvaMatSkeletoTypes.LINE;
-        this.size = OnemrvaMatSize.MEDIUM;
-        this.theme = [];
-        this.ariaLabel = 'loading';
-        this.role = 'progressbar';
-        this.loadingText = 'Loading...';
-        this.id = `onemrva-mat-skeleton-${NEXT_ID++}`;
+        this.count = input(1, ...(ngDevMode ? [{ debugName: "count" }] : []));
+        this.animation = input(OnemrvaMatSkeletonAnimations.PROGRESS, ...(ngDevMode ? [{ debugName: "animation" }] : []));
+        this.type = input(OnemrvaMatSkeletoTypes.LINE, ...(ngDevMode ? [{ debugName: "type" }] : []));
+        this.size = input(OnemrvaMatSize.MEDIUM, ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.theme = input([], ...(ngDevMode ? [{ debugName: "theme" }] : []));
+        this.ariaLabel = input('loading', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+        this.role = input('progressbar', ...(ngDevMode ? [{ debugName: "role" }] : []));
+        this.loadingText = input('Loading...', ...(ngDevMode ? [{ debugName: "loadingText" }] : []));
+        this.id = input(`onemrva-mat-skeleton-${NEXT_ID++}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
+        this._isProgress = computed(() => this.animation() === OnemrvaMatSkeletonAnimations.PROGRESS, ...(ngDevMode ? [{ debugName: "_isProgress" }] : []));
+        this._isPulse = computed(() => this.animation() === OnemrvaMatSkeletonAnimations.PULSE, ...(ngDevMode ? [{ debugName: "_isPulse" }] : []));
+        this.isH1 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H1, ...(ngDevMode ? [{ debugName: "isH1" }] : []));
+        this.isH2 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H2, ...(ngDevMode ? [{ debugName: "isH2" }] : []));
+        this.isH3 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H3, ...(ngDevMode ? [{ debugName: "isH3" }] : []));
+        this.isH4 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H4, ...(ngDevMode ? [{ debugName: "isH4" }] : []));
+        this.isH5 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H5, ...(ngDevMode ? [{ debugName: "isH5" }] : []));
+        this.isH6 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H6, ...(ngDevMode ? [{ debugName: "isH6" }] : []));
+        this._isLine = computed(() => this.type() === OnemrvaMatSkeletoTypes.LINE, ...(ngDevMode ? [{ debugName: "_isLine" }] : []));
+        this._isButton = computed(() => this.type() === OnemrvaMatSkeletoTypes.BUTTON, ...(ngDevMode ? [{ debugName: "_isButton" }] : []));
+        this._isCircle = computed(() => this.type() === OnemrvaMatSkeletoTypes.CIRCLE, ...(ngDevMode ? [{ debugName: "_isCircle" }] : []));
+        this._isSquare = computed(() => this.type() === OnemrvaMatSkeletoTypes.SQUARE, ...(ngDevMode ? [{ debugName: "_isSquare" }] : []));
+        this._isCustom = computed(() => this.type() === OnemrvaMatSkeletoTypes.CUSTOM, ...(ngDevMode ? [{ debugName: "_isCustom" }] : []));
+        this._isXSmallSize = computed(() => this.size() === OnemrvaMatSize.XSMALL, ...(ngDevMode ? [{ debugName: "_isXSmallSize" }] : []));
+        this._isSmallSize = computed(() => this.size() === OnemrvaMatSize.SMALL, ...(ngDevMode ? [{ debugName: "_isSmallSize" }] : []));
+        this._isMediumSize = computed(() => this.size() === OnemrvaMatSize.MEDIUM, ...(ngDevMode ? [{ debugName: "_isMediumSize" }] : []));
+        this._isLargeSize = computed(() => this.size() === OnemrvaMatSize.LARGE, ...(ngDevMode ? [{ debugName: "_isLargeSize" }] : []));
+        this._isXLargeSize = computed(() => this.size() === OnemrvaMatSize.XLARGE, ...(ngDevMode ? [{ debugName: "_isXLargeSize" }] : []));
         this.items = [];
     }
-    /** @hidden @internal */
-    get _isProgress() {
-        return this.animation === OnemrvaMatSkeletonAnimations.PROGRESS;
-    }
-    /** @hidden @internal */
-    get _isPulse() {
-        return this.animation === OnemrvaMatSkeletonAnimations.PULSE;
-    }
-    /** @hidden @internal */
-    get isH1() {
-        return this.type === OnemrvaMatSkeletoTypes.H1;
-    }
-    /** @hidden @internal */
-    get isH2() {
-        return this.type === OnemrvaMatSkeletoTypes.H2;
-    }
-    /** @hidden @internal */
-    get isH3() {
-        return this.type === OnemrvaMatSkeletoTypes.H3;
-    }
-    /** @hidden @internal */
-    get isH4() {
-        return this.type === OnemrvaMatSkeletoTypes.H4;
-    }
-    /** @hidden @internal */
-    get isH5() {
-        return this.type === OnemrvaMatSkeletoTypes.H5;
-    }
-    /** @hidden @internal */
-    get isH6() {
-        return this.type === OnemrvaMatSkeletoTypes.H6;
-    }
-    /** @hidden @internal */
-    get _isLine() {
-        return this.type === OnemrvaMatSkeletoTypes.LINE;
-    }
-    /** @hidden @internal */
-    get _isButton() {
-        return this.type === OnemrvaMatSkeletoTypes.BUTTON;
-    }
-    /** @hidden @internal */
-    get _isCircle() {
-        return this.type === OnemrvaMatSkeletoTypes.CIRCLE;
-    }
-    /** @hidden @internal */
-    get _isSquare() {
-        return this.type === OnemrvaMatSkeletoTypes.SQUARE;
-    }
-    /** @hidden @internal */
-    get _isCustom() {
-        return this.type === OnemrvaMatSkeletoTypes.CUSTOM;
-    }
-    /** @hidden @internal */
-    get _isXSmallSize() {
-        return this.size === OnemrvaMatSize.XSMALL;
-    }
-    /** @hidden @internal */
-    get _isSmallSize() {
-        return this.size === OnemrvaMatSize.SMALL;
-    }
-    /** @hidden @internal */
-    get _isMediumSize() {
-        return this.size === OnemrvaMatSize.MEDIUM;
-    }
-    /** @hidden @internal */
-    get _isLargeSize() {
-        return this.size === OnemrvaMatSize.LARGE;
-    }
-    /** @hidden @internal */
-    get _isXLargeSize() {
-        return this.size === OnemrvaMatSize.XLARGE;
-    }
     ngOnInit() {
-        this.items.length = this.count;
+        this.items.length = this.count();
     }
     ngOnChanges() {
-        this.items.length = this.count;
+        this.items.length = this.count();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: OnemrvaMatSkeletonComponent, isStandalone: true, selector: "onemrva-mat-skeleton", inputs: { count: "count", animation: "animation", type: "type", size: "size", theme: "theme", ariaLabel: "ariaLabel", role: "role", loadingText: "loadingText", id: "id" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "attr.valuetext": "this.loadingText", "attr.id": "this.id", "class.progress": "this._isProgress", "class.pulse": "this._isPulse", "class.h1": "this.isH1", "class.h2": "this.isH2", "class.h3": "this.isH3", "class.h4": "this.isH4", "class.h5": "this.isH5", "class.h6": "this.isH6", "class.line": "this._isLine", "class.button": "this._isButton", "class.circle": "this._isCircle", "class.square": "this._isSquare", "class.custom": "this._isCustom", "class.onemrva-mat-avatar--xsmall": "this._isXSmallSize", "class.onemrva-mat-avatar--small": "this._isSmallSize", "class.onemrva-mat-avatar--medium": "this._isMediumSize", "class.onemrva-mat-avatar--large": "this._isLargeSize", "class.onemrva-mat-avatar--xlarge": "this._isXLargeSize" } }, usesOnChanges: true, ngImport: i0, template: "@for (item of items; track item) {\n  <div\n    class=\"skeleton-loader\"\n    aria-busy=\"true\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    role=\"progressbar\"\n    aria-label=\"loading\"\n    [ngStyle]=\"theme\"\n  >\n    @if (type === 'custom') {\n      <ng-content></ng-content>\n    }\n  </div>\n}\n", styles: [":host.circle .skeleton-loader,:host.square .skeleton-loader{width:var(--avatar-size);height:var(--avatar-size);margin-top:var(--avatar-resize);margin-left:var(--avatar-resize)}:host.circle .skeleton-loader{border-radius:50%}:host.h1 .skeleton-loader{height:51px}:host.h2 .skeleton-loader{height:46px}:host.h3 .skeleton-loader{height:40px}:host.h4 .skeleton-loader{height:35px}:host.button .skeleton-loader{height:36px;width:120px;border-radius:var(--button-border-radius)}:host.progress .skeleton-loader{transform:translateZ(0)}:host.progress .skeleton-loader:after,:host.progress .skeleton-loader:before{box-sizing:border-box}:host.progress .skeleton-loader:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}:host.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}:host.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}:host.custom .skeleton-loader{height:100%;background:none}@media(prefers-reduced-motion:reduce){:host.pulse,:host.progress-dark,:host.custom,:host.progress{animation:none}:host.progress,:host.progress-dark,:host.custom{background-image:none}}:host .skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;background:#eff1f6 no-repeat;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}:host .skeleton-loader:after,:host .skeleton-loader:before{box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: OnemrvaMatSkeletonComponent, isStandalone: true, selector: "onemrva-mat-skeleton", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "ariaLabel()", "attr.role": "role()", "attr.valuetext": "loadingText()", "attr.id": "id()", "class.progress": "_isProgress()", "class.pulse": "_isPulse()", "class.h1": "isH1()", "class.h2": "isH2()", "class.h3": "isH3()", "class.h4": "isH4()", "class.h5": "isH5()", "class.h6": "isH6()", "class.line": "_isLine()", "class.button": "_isButton()", "class.circle": "_isCircle()", "class.square": "_isSquare()", "class.custom": "_isCustom()", "class.onemrva-mat-avatar--xsmall": "_isXSmallSize()", "class.onemrva-mat-avatar--small": "_isSmallSize()", "class.onemrva-mat-avatar--medium": "_isMediumSize()", "class.onemrva-mat-avatar--large": "_isLargeSize()", "class.onemrva-mat-avatar--xlarge": "_isXLargeSize()" } }, usesOnChanges: true, ngImport: i0, template: "@for (item of items; track item) {\n  <div\n    class=\"skeleton-loader\"\n    aria-busy=\"true\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    role=\"progressbar\"\n    aria-label=\"loading\"\n    [ngStyle]=\"theme()\"\n  >\n    @if (type() === 'custom') {\n      <ng-content />\n    }\n  </div>\n}\n", styles: [":host.circle .skeleton-loader,:host.square .skeleton-loader{width:var(--avatar-size);height:var(--avatar-size);margin-top:var(--avatar-resize);margin-left:var(--avatar-resize)}:host.circle .skeleton-loader{border-radius:50%}:host.h1 .skeleton-loader{height:51px}:host.h2 .skeleton-loader{height:46px}:host.h3 .skeleton-loader{height:40px}:host.h4 .skeleton-loader{height:35px}:host.button .skeleton-loader{height:36px;width:120px;border-radius:var(--button-border-radius)}:host.progress .skeleton-loader{transform:translateZ(0)}:host.progress .skeleton-loader:after,:host.progress .skeleton-loader:before{box-sizing:border-box}:host.progress .skeleton-loader:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}:host.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}:host.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}:host.custom .skeleton-loader{height:100%;background:none}@media(prefers-reduced-motion:reduce){:host.pulse,:host.progress-dark,:host.custom,:host.progress{animation:none}:host.progress,:host.progress-dark,:host.custom{background-image:none}}:host .skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;background:var(--mat-sys-surface-container) no-repeat;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}:host .skeleton-loader:after,:host .skeleton-loader:before{box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-skeleton', standalone: true, imports: [NgStyle], template: "@for (item of items; track item) {\n  <div\n    class=\"skeleton-loader\"\n    aria-busy=\"true\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    role=\"progressbar\"\n    aria-label=\"loading\"\n    [ngStyle]=\"theme\"\n  >\n    @if (type === 'custom') {\n      <ng-content></ng-content>\n    }\n  </div>\n}\n", styles: [":host.circle .skeleton-loader,:host.square .skeleton-loader{width:var(--avatar-size);height:var(--avatar-size);margin-top:var(--avatar-resize);margin-left:var(--avatar-resize)}:host.circle .skeleton-loader{border-radius:50%}:host.h1 .skeleton-loader{height:51px}:host.h2 .skeleton-loader{height:46px}:host.h3 .skeleton-loader{height:40px}:host.h4 .skeleton-loader{height:35px}:host.button .skeleton-loader{height:36px;width:120px;border-radius:var(--button-border-radius)}:host.progress .skeleton-loader{transform:translateZ(0)}:host.progress .skeleton-loader:after,:host.progress .skeleton-loader:before{box-sizing:border-box}:host.progress .skeleton-loader:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}:host.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}:host.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}:host.custom .skeleton-loader{height:100%;background:none}@media(prefers-reduced-motion:reduce){:host.pulse,:host.progress-dark,:host.custom,:host.progress{animation:none}:host.progress,:host.progress-dark,:host.custom{background-image:none}}:host .skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;background:#eff1f6 no-repeat;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}:host .skeleton-loader:after,:host .skeleton-loader:before{box-sizing:border-box}\n"] }]
-        }], propDecorators: { count: [{
-                type: Input
-            }], animation: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], theme: [{
-                type: Input
-            }], ariaLabel: [{
-                type: HostBinding,
-                args: ['attr.aria-label']
-            }, {
-                type: Input
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }, {
-                type: Input
-            }], loadingText: [{
-                type: HostBinding,
-                args: ['attr.valuetext']
-            }, {
-                type: Input
-            }], id: [{
-                type: HostBinding,
-                args: ['attr.id']
-            }, {
-                type: Input
-            }], _isProgress: [{
-                type: HostBinding,
-                args: ['class.progress']
-            }], _isPulse: [{
-                type: HostBinding,
-                args: ['class.pulse']
-            }], isH1: [{
-                type: HostBinding,
-                args: ['class.h1']
-            }], isH2: [{
-                type: HostBinding,
-                args: ['class.h2']
-            }], isH3: [{
-                type: HostBinding,
-                args: ['class.h3']
-            }], isH4: [{
-                type: HostBinding,
-                args: ['class.h4']
-            }], isH5: [{
-                type: HostBinding,
-                args: ['class.h5']
-            }], isH6: [{
-                type: HostBinding,
-                args: ['class.h6']
-            }], _isLine: [{
-                type: HostBinding,
-                args: ['class.line']
-            }], _isButton: [{
-                type: HostBinding,
-                args: ['class.button']
-            }], _isCircle: [{
-                type: HostBinding,
-                args: ['class.circle']
-            }], _isSquare: [{
-                type: HostBinding,
-                args: ['class.square']
-            }], _isCustom: [{
-                type: HostBinding,
-                args: ['class.custom']
-            }], _isXSmallSize: [{
-                type: HostBinding,
-                args: ['class.onemrva-mat-avatar--xsmall']
-            }], _isSmallSize: [{
-                type: HostBinding,
-                args: ['class.onemrva-mat-avatar--small']
-            }], _isMediumSize: [{
-                type: HostBinding,
-                args: ['class.onemrva-mat-avatar--medium']
-            }], _isLargeSize: [{
-                type: HostBinding,
-                args: ['class.onemrva-mat-avatar--large']
-            }], _isXLargeSize: [{
-                type: HostBinding,
-                args: ['class.onemrva-mat-avatar--xlarge']
-            }] } });
+            args: [{ selector: 'onemrva-mat-skeleton', standalone: true, imports: [NgStyle], host: {
+                        '[attr.aria-label]': 'ariaLabel()',
+                        '[attr.role]': 'role()',
+                        '[attr.valuetext]': 'loadingText()',
+                        '[attr.id]': 'id()',
+                        '[class.progress]': '_isProgress()',
+                        '[class.pulse]': '_isPulse()',
+                        '[class.h1]': 'isH1()',
+                        '[class.h2]': 'isH2()',
+                        '[class.h3]': 'isH3()',
+                        '[class.h4]': 'isH4()',
+                        '[class.h5]': 'isH5()',
+                        '[class.h6]': 'isH6()',
+                        '[class.line]': '_isLine()',
+                        '[class.button]': '_isButton()',
+                        '[class.circle]': '_isCircle()',
+                        '[class.square]': '_isSquare()',
+                        '[class.custom]': '_isCustom()',
+                        '[class.onemrva-mat-avatar--xsmall]': '_isXSmallSize()',
+                        '[class.onemrva-mat-avatar--small]': '_isSmallSize()',
+                        '[class.onemrva-mat-avatar--medium]': '_isMediumSize()',
+                        '[class.onemrva-mat-avatar--large]': '_isLargeSize()',
+                        '[class.onemrva-mat-avatar--xlarge]': '_isXLargeSize()',
+                    }, template: "@for (item of items; track item) {\n  <div\n    class=\"skeleton-loader\"\n    aria-busy=\"true\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    role=\"progressbar\"\n    aria-label=\"loading\"\n    [ngStyle]=\"theme()\"\n  >\n    @if (type() === 'custom') {\n      <ng-content />\n    }\n  </div>\n}\n", styles: [":host.circle .skeleton-loader,:host.square .skeleton-loader{width:var(--avatar-size);height:var(--avatar-size);margin-top:var(--avatar-resize);margin-left:var(--avatar-resize)}:host.circle .skeleton-loader{border-radius:50%}:host.h1 .skeleton-loader{height:51px}:host.h2 .skeleton-loader{height:46px}:host.h3 .skeleton-loader{height:40px}:host.h4 .skeleton-loader{height:35px}:host.button .skeleton-loader{height:36px;width:120px;border-radius:var(--button-border-radius)}:host.progress .skeleton-loader{transform:translateZ(0)}:host.progress .skeleton-loader:after,:host.progress .skeleton-loader:before{box-sizing:border-box}:host.progress .skeleton-loader:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}:host.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}:host.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}:host.custom .skeleton-loader{height:100%;background:none}@media(prefers-reduced-motion:reduce){:host.pulse,:host.progress-dark,:host.custom,:host.progress{animation:none}:host.progress,:host.progress-dark,:host.custom{background-image:none}}:host .skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;background:var(--mat-sys-surface-container) no-repeat;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}:host .skeleton-loader:after,:host .skeleton-loader:before{box-sizing:border-box}\n"] }]
+        }], propDecorators: { count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], loadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingText", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
 
 class OnemrvaMatSkeletonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [OnemrvaMatSkeletonComponent], exports: [OnemrvaMatSkeletonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatSkeletonModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [OnemrvaMatSkeletonComponent], exports: [OnemrvaMatSkeletonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatSkeletonModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-skeleton.mjs","sources":["../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton-enums.ts","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.component.ts","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.component.html","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.module.ts","../../../../projects/onemrva/design-system/mat-skeleton/onemrvapublic-design-system-mat-skeleton.ts"],"sourcesContent":["import { mkenum } from '@onemrvapublic/design-system/utils';\n\nexport type OnemrvaSkeletonLoaderConfigTheme = Record<string, any> | null;\n\nexport const OnemrvaMatSkeletonAnimations = mkenum({\n  PULSE: 'pulse',\n  PROGRESS: 'progress',\n  NONE: 'none',\n});\nexport type OnemrvaMatSkeletonAnimations =\n  (typeof OnemrvaMatSkeletonAnimations)[keyof typeof OnemrvaMatSkeletonAnimations];\n\nexport const OnemrvaMatSkeletoTypes = mkenum({\n  H1: 'h1',\n  H2: 'h2',\n  H3: 'h3',\n  H4: 'h4',\n  H5: 'h5',\n  H6: 'h6',\n  BUTTON: 'button',\n  CIRCLE: 'circle',\n  SQUARE: 'square',\n  CUSTOM: 'custom',\n  LINE: '',\n});\nexport type OnemrvaMatSkeletoTypes =\n  (typeof OnemrvaMatSkeletoTypes)[keyof typeof OnemrvaMatSkeletoTypes];\n","import {\n  Component,\n  OnInit,\n  Input,\n  HostBinding,\n  OnChanges,\n} from '@angular/core';\nimport { OnemrvaMatSize } from '@onemrvapublic/design-system/utils';\nimport {\n  OnemrvaMatSkeletonAnimations,\n  OnemrvaMatSkeletoTypes,\n  OnemrvaSkeletonLoaderConfigTheme,\n} from './onemrva-mat-skeleton-enums';\nimport { NgStyle } from '@angular/common';\n\nlet NEXT_ID = 0;\n\n/**\n * Skeleton provides a way to display loading element while page is loading.\n *\n * @MatModule OnemrvaMatSkeletonModule\n *\n * @MatKeywords skeleton, loading, progress\n *\n * @example\n * ```html\n * <onemrva-mat-skeleton type=\"avatar\" size=\"large\">\n * </onemrva-mat-skeleton>\n * ```\n */\n@Component({\n  selector: 'onemrva-mat-skeleton',\n  templateUrl: 'onemrva-mat-skeleton.component.html',\n  styleUrls: ['onemrva-mat-skeleton.component.scss'],\n  standalone: true,\n  imports: [NgStyle],\n})\nexport class OnemrvaMatSkeletonComponent implements OnInit, OnChanges {\n  @Input()\n  count = 1;\n\n  @Input()\n  animation: OnemrvaMatSkeletonAnimations =\n    OnemrvaMatSkeletonAnimations.PROGRESS;\n\n  @Input()\n  type: OnemrvaMatSkeletoTypes = OnemrvaMatSkeletoTypes.LINE;\n\n  @Input()\n  size: OnemrvaMatSize = OnemrvaMatSize.MEDIUM;\n\n  @Input()\n  theme: OnemrvaSkeletonLoaderConfigTheme = [];\n\n  @HostBinding('attr.aria-label')\n  @Input()\n  ariaLabel = 'loading';\n\n  @HostBinding('attr.role')\n  @Input()\n  public role = 'progressbar';\n\n  @HostBinding('attr.valuetext')\n  @Input()\n  public loadingText = 'Loading...';\n\n  @HostBinding('attr.id')\n  @Input()\n  public id = `onemrva-mat-skeleton-${NEXT_ID++}`;\n\n  /** @hidden @internal */\n  @HostBinding('class.progress')\n  public get _isProgress(): boolean {\n    return this.animation === OnemrvaMatSkeletonAnimations.PROGRESS;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.pulse')\n  public get _isPulse(): boolean {\n    return this.animation === OnemrvaMatSkeletonAnimations.PULSE;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.h1')\n  public get isH1(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.H1;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.h2')\n  public get isH2(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.H2;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.h3')\n  public get isH3(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.H3;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.h4')\n  public get isH4(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.H4;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.h5')\n  public get isH5(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.H5;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.h6')\n  public get isH6(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.H6;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.line')\n  public get _isLine(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.LINE;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.button')\n  public get _isButton(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.BUTTON;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.circle')\n  public get _isCircle(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.CIRCLE;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.square')\n  public get _isSquare(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.SQUARE;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.custom')\n  public get _isCustom(): boolean {\n    return this.type === OnemrvaMatSkeletoTypes.CUSTOM;\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--xsmall')\n  public get _isXSmallSize(): boolean {\n    return this.size === OnemrvaMatSize.XSMALL;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--small')\n  public get _isSmallSize(): boolean {\n    return this.size === OnemrvaMatSize.SMALL;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--medium')\n  public get _isMediumSize(): boolean {\n    return this.size === OnemrvaMatSize.MEDIUM;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--large')\n  public get _isLargeSize(): boolean {\n    return this.size === OnemrvaMatSize.LARGE;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.onemrva-mat-avatar--xlarge')\n  public get _isXLargeSize(): boolean {\n    return this.size === OnemrvaMatSize.XLARGE;\n  }\n\n  public items: any[] = [];\n\n  ngOnInit() {\n    this.items.length = this.count;\n  }\n\n  ngOnChanges() {\n    this.items.length = this.count;\n  }\n}\n","@for (item of items; track item) {\n  <div\n    class=\"skeleton-loader\"\n    aria-busy=\"true\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    role=\"progressbar\"\n    aria-label=\"loading\"\n    [ngStyle]=\"theme\"\n  >\n    @if (type === 'custom') {\n      <ng-content></ng-content>\n    }\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatSkeletonComponent } from './onemrva-mat-skeleton.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatSkeletonComponent],\n  exports: [OnemrvaMatSkeletonComponent],\n})\nexport class OnemrvaMatSkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-skeleton.mjs","sources":["../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton-enums.ts","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.component.ts","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.component.html","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.module.ts","../../../../projects/onemrva/design-system/mat-skeleton/onemrvapublic-design-system-mat-skeleton.ts"],"sourcesContent":["import { mkenum } from '@onemrvapublic/design-system/utils';\n\nexport type OnemrvaSkeletonLoaderConfigTheme = Record<string, any> | null;\n\nexport const OnemrvaMatSkeletonAnimations = mkenum({\n  PULSE: 'pulse',\n  PROGRESS: 'progress',\n  NONE: 'none',\n});\nexport type OnemrvaMatSkeletonAnimations =\n  (typeof OnemrvaMatSkeletonAnimations)[keyof typeof OnemrvaMatSkeletonAnimations];\n\nexport const OnemrvaMatSkeletoTypes = mkenum({\n  H1: 'h1',\n  H2: 'h2',\n  H3: 'h3',\n  H4: 'h4',\n  H5: 'h5',\n  H6: 'h6',\n  BUTTON: 'button',\n  CIRCLE: 'circle',\n  SQUARE: 'square',\n  CUSTOM: 'custom',\n  LINE: '',\n});\nexport type OnemrvaMatSkeletoTypes =\n  (typeof OnemrvaMatSkeletoTypes)[keyof typeof OnemrvaMatSkeletoTypes];\n","import { Component, OnInit, OnChanges, input, computed } from '@angular/core';\nimport { OnemrvaMatSize } from '@onemrvapublic/design-system/utils';\nimport {\n  OnemrvaMatSkeletonAnimations,\n  OnemrvaMatSkeletoTypes,\n  OnemrvaSkeletonLoaderConfigTheme,\n} from './onemrva-mat-skeleton-enums';\nimport { NgStyle } from '@angular/common';\n\nlet NEXT_ID = 0;\n\n/**\n * Skeleton provides a way to display loading element while page is loading.\n *\n * @MatModule OnemrvaMatSkeletonModule\n *\n * @MatKeywords skeleton, loading, progress\n *\n * @example\n * ```html\n * <onemrva-mat-skeleton type=\"avatar\" size=\"large\">\n * </onemrva-mat-skeleton>\n * ```\n */\n@Component({\n  selector: 'onemrva-mat-skeleton',\n  templateUrl: 'onemrva-mat-skeleton.component.html',\n  styleUrls: ['onemrva-mat-skeleton.component.scss'],\n  standalone: true,\n  imports: [NgStyle],\n  host: {\n    '[attr.aria-label]': 'ariaLabel()',\n    '[attr.role]': 'role()',\n    '[attr.valuetext]': 'loadingText()',\n    '[attr.id]': 'id()',\n    '[class.progress]': '_isProgress()',\n    '[class.pulse]': '_isPulse()',\n    '[class.h1]': 'isH1()',\n    '[class.h2]': 'isH2()',\n    '[class.h3]': 'isH3()',\n    '[class.h4]': 'isH4()',\n    '[class.h5]': 'isH5()',\n    '[class.h6]': 'isH6()',\n    '[class.line]': '_isLine()',\n    '[class.button]': '_isButton()',\n    '[class.circle]': '_isCircle()',\n    '[class.square]': '_isSquare()',\n    '[class.custom]': '_isCustom()',\n    '[class.onemrva-mat-avatar--xsmall]': '_isXSmallSize()',\n    '[class.onemrva-mat-avatar--small]': '_isSmallSize()',\n    '[class.onemrva-mat-avatar--medium]': '_isMediumSize()',\n    '[class.onemrva-mat-avatar--large]': '_isLargeSize()',\n    '[class.onemrva-mat-avatar--xlarge]': '_isXLargeSize()',\n  },\n})\nexport class OnemrvaMatSkeletonComponent implements OnInit, OnChanges {\n  readonly count = input(1);\n  readonly animation = input<OnemrvaMatSkeletonAnimations>(\n    OnemrvaMatSkeletonAnimations.PROGRESS,\n  );\n  readonly type = input<OnemrvaMatSkeletoTypes>(OnemrvaMatSkeletoTypes.LINE);\n  readonly size = input<OnemrvaMatSize>(OnemrvaMatSize.MEDIUM);\n  readonly theme = input<OnemrvaSkeletonLoaderConfigTheme>([]);\n  readonly ariaLabel = input('loading');\n  readonly role = input('progressbar');\n  readonly loadingText = input('Loading...');\n  readonly id = input(`onemrva-mat-skeleton-${NEXT_ID++}`);\n\n  protected readonly _isProgress = computed(\n    () => this.animation() === OnemrvaMatSkeletonAnimations.PROGRESS,\n  );\n  protected readonly _isPulse = computed(\n    () => this.animation() === OnemrvaMatSkeletonAnimations.PULSE,\n  );\n  protected readonly isH1 = computed(\n    () => this.type() === OnemrvaMatSkeletoTypes.H1,\n  );\n  protected readonly isH2 = computed(\n    () => this.type() === OnemrvaMatSkeletoTypes.H2,\n  );\n  protected readonly isH3 = computed(\n    () => this.type() === OnemrvaMatSkeletoTypes.H3,\n  );\n  protected readonly isH4 = computed(\n    () => this.type() === OnemrvaMatSkeletoTypes.H4,\n  );\n  protected readonly isH5 = computed(\n    () => this.type() === OnemrvaMatSkeletoTypes.H5,\n  );\n  protected readonly isH6 = computed(\n    () => this.type() === OnemrvaMatSkeletoTypes.H6,\n  );\n  protected readonly _isLine = computed(\n    () => this.type() === OnemrvaMatSkeletoTypes.LINE,\n  );\n  protected readonly _isButton = computed(\n    () => this.type() === OnemrvaMatSkeletoTypes.BUTTON,\n  );\n  protected readonly _isCircle = computed(\n    () => this.type() === OnemrvaMatSkeletoTypes.CIRCLE,\n  );\n  protected readonly _isSquare = computed(\n    () => this.type() === OnemrvaMatSkeletoTypes.SQUARE,\n  );\n  protected readonly _isCustom = computed(\n    () => this.type() === OnemrvaMatSkeletoTypes.CUSTOM,\n  );\n  protected readonly _isXSmallSize = computed(\n    () => this.size() === OnemrvaMatSize.XSMALL,\n  );\n  protected readonly _isSmallSize = computed(\n    () => this.size() === OnemrvaMatSize.SMALL,\n  );\n  protected readonly _isMediumSize = computed(\n    () => this.size() === OnemrvaMatSize.MEDIUM,\n  );\n  protected readonly _isLargeSize = computed(\n    () => this.size() === OnemrvaMatSize.LARGE,\n  );\n  protected readonly _isXLargeSize = computed(\n    () => this.size() === OnemrvaMatSize.XLARGE,\n  );\n\n  public items: any[] = [];\n\n  ngOnInit() {\n    this.items.length = this.count();\n  }\n\n  ngOnChanges() {\n    this.items.length = this.count();\n  }\n}\n","@for (item of items; track item) {\n  <div\n    class=\"skeleton-loader\"\n    aria-busy=\"true\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n    role=\"progressbar\"\n    aria-label=\"loading\"\n    [ngStyle]=\"theme()\"\n  >\n    @if (type() === 'custom') {\n      <ng-content />\n    }\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatSkeletonComponent } from './onemrva-mat-skeleton.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatSkeletonComponent],\n  exports: [OnemrvaMatSkeletonComponent],\n})\nexport class OnemrvaMatSkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}