@onemrvapublic/design-system 18.2.20 → 18.2.21-develop.2

package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs

@@ -44,10 +44,10 @@ class OnemrvaMatSelectableBoxComponent {
             this.radioButton._inputElement.nativeElement.dispatchEvent(new MouseEvent('click', { bubbles: false }));
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: OnemrvaMatSelectableBoxComponent, selector: "onemrva-mat-selectable-box", inputs: { value: "value", disabled: "disabled", mode: "mode", checked: "checked" }, outputs: { change: "change" }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: "<mat-card\n  class=\"m onemrva-shadow-highlight\"\n  [class.primary]=\"!isChecked()\"\n  [class.selected]=\"isChecked()\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title\n    class=\"selectablebox-title\"\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label [class.disabled]=\"disabled\">\n      <ng-content select=\"[title]\"></ng-content>\n      <mat-icon class=\"selectable-box-icon\" color=\"primary\">\n        <ng-content select=\"[icon]\"></ng-content>\n      </mat-icon>\n    </mat-label>\n\n    <ng-content select=\"[sticker]\"></ng-content>\n  </mat-card-title>\n\n  <mat-card-content\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i4.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OnemrvaMatSelectableBoxComponent, selector: "onemrva-mat-selectable-box", inputs: { value: "value", disabled: "disabled", mode: "mode", checked: "checked" }, outputs: { change: "change" }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: "<mat-card\n  class=\"m onemrva-shadow-highlight\"\n  [class.primary]=\"!isChecked()\"\n  [class.selected]=\"isChecked()\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title\n    class=\"selectablebox-title\"\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label [class.disabled]=\"disabled\">\n      <ng-content select=\"[title]\"></ng-content>\n      <mat-icon class=\"selectable-box-icon\" color=\"primary\">\n        <ng-content select=\"[icon]\"></ng-content>\n      </mat-icon>\n    </mat-label>\n\n    <ng-content select=\"[sticker]\"></ng-content>\n  </mat-card-title>\n\n  <mat-card-content\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n", dependencies: [{ kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i4.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-selectable-box', template: "<mat-card\n  class=\"m onemrva-shadow-highlight\"\n  [class.primary]=\"!isChecked()\"\n  [class.selected]=\"isChecked()\"\n  (click)=\"triggerRadioClick()\"\n>\n  <mat-card-title\n    class=\"selectablebox-title\"\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\n    <mat-radio-button\n      #radioButton\n      (change)=\"valueChanged($event)\"\n      aria-label=\"Selected\"\n      [checked]=\"checked\"\n      [disabled]=\"disabled\"\n      [value]=\"value\"\n    >\n    </mat-radio-button>\n\n    <mat-label [class.disabled]=\"disabled\">\n      <ng-content select=\"[title]\"></ng-content>\n      <mat-icon class=\"selectable-box-icon\" color=\"primary\">\n        <ng-content select=\"[icon]\"></ng-content>\n      </mat-icon>\n    </mat-label>\n\n    <ng-content select=\"[sticker]\"></ng-content>\n  </mat-card-title>\n\n  <mat-card-content\n    [class.primary]=\"mode === 'primary'\"\n    [class.white]=\"mode === 'white'\"\n    [class.selected]=\"isChecked()\"\n  >\n    <ng-content></ng-content>\n  </mat-card-content>\n</mat-card>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { radioButton: [{
@@ -66,8 +66,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
             }] } });
 
 class OnemrvaMatSelectableBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSelectableBoxModule, declarations: [OnemrvaMatSelectableBoxComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSelectableBoxModule, declarations: [OnemrvaMatSelectableBoxComponent], imports: [CommonModule,
             FormsModule,
             TranslateModule,
             MatFormFieldModule,
@@ -77,7 +77,7 @@ class OnemrvaMatSelectableBoxModule {
             MatCardModule,
             MatRadioModule,
             MatChipsModule], exports: [OnemrvaMatSelectableBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [CommonModule,
             FormsModule,
             TranslateModule,
             MatFormFieldModule,
@@ -88,7 +88,7 @@ class OnemrvaMatSelectableBoxModule {
             MatRadioModule,
             MatChipsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSelectableBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSelectableBoxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [OnemrvaMatSelectableBoxComponent],

package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs

@@ -34,10 +34,10 @@ class OnemrvaMatSideMenuComponent {
     selectMenu(menu) {
         this.onSelectOption.emit(menu);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: OnemrvaMatSideMenuComponent, selector: "onemrva-mat-side-menu", inputs: { menuHeaderKey: "menuHeaderKey", menus: "menus", currentMenu: "currentMenu" }, outputs: { onSelectOption: "onSelectOption" }, ngImport: i0, template: "<mat-chip-row\n  *ngIf=\"isSmall; else sideMenu\"\n  class=\"onemrva-side-menu\"\n  role=\"navigation\"\n>\n  <mat-chip\n    role=\"\"\n    *ngFor=\"let menu of menus; let i = index\"\n    class=\"onemrva-side-menu-option\"\n    (click)=\"selectMenu(menu)\"\n    [ngClass]=\"{\n      'onemrva-side-menu-current-option':\n        menu.path === currentMenu || menu.key === currentMenu,\n    }\"\n    [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n  >\n    {{ menu.wordingKey | translate }}\n  </mat-chip>\n</mat-chip-row>\n<ng-template #sideMenu>\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    <div\n      tabindex=\"1\"\n      role=\"button\"\n      *ngFor=\"let menu of menus; let i = index\"\n      class=\"onemrva-side-menu-option\"\n      [ngClass]=\"{\n        'onemrva-side-menu-current-option':\n          menu.path === currentMenu || menu.key === currentMenu,\n      }\"\n      (click)=\"selectMenu(menu)\"\n      [attr.data-cy]=\"'onemrva-side-menu-option_' + i\"\n    >\n      {{ menu.wordingKey | translate }}\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OnemrvaMatSideMenuComponent, selector: "onemrva-mat-side-menu", inputs: { menuHeaderKey: "menuHeaderKey", menus: "menus", currentMenu: "currentMenu" }, outputs: { onSelectOption: "onSelectOption" }, ngImport: i0, template: "<mat-chip-row\n  *ngIf=\"isSmall; else sideMenu\"\n  class=\"onemrva-side-menu\"\n  role=\"navigation\"\n>\n  <mat-chip\n    role=\"\"\n    *ngFor=\"let menu of menus; let i = index\"\n    class=\"onemrva-side-menu-option\"\n    (click)=\"selectMenu(menu)\"\n    [ngClass]=\"{\n      'onemrva-side-menu-current-option':\n        menu.path === currentMenu || menu.key === currentMenu,\n    }\"\n    [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n  >\n    {{ menu.wordingKey | translate }}\n  </mat-chip>\n</mat-chip-row>\n<ng-template #sideMenu>\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    <div\n      tabindex=\"1\"\n      role=\"button\"\n      *ngFor=\"let menu of menus; let i = index\"\n      class=\"onemrva-side-menu-option\"\n      [ngClass]=\"{\n        'onemrva-side-menu-current-option':\n          menu.path === currentMenu || menu.key === currentMenu,\n      }\"\n      (click)=\"selectMenu(menu)\"\n      [attr.data-cy]=\"'onemrva-side-menu-option_' + i\"\n    >\n      {{ menu.wordingKey | translate }}\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-side-menu', template: "<mat-chip-row\n  *ngIf=\"isSmall; else sideMenu\"\n  class=\"onemrva-side-menu\"\n  role=\"navigation\"\n>\n  <mat-chip\n    role=\"\"\n    *ngFor=\"let menu of menus; let i = index\"\n    class=\"onemrva-side-menu-option\"\n    (click)=\"selectMenu(menu)\"\n    [ngClass]=\"{\n      'onemrva-side-menu-current-option':\n        menu.path === currentMenu || menu.key === currentMenu,\n    }\"\n    [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n  >\n    {{ menu.wordingKey | translate }}\n  </mat-chip>\n</mat-chip-row>\n<ng-template #sideMenu>\n  <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n    <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</div>\n    <div\n      tabindex=\"1\"\n      role=\"button\"\n      *ngFor=\"let menu of menus; let i = index\"\n      class=\"onemrva-side-menu-option\"\n      [ngClass]=\"{\n        'onemrva-side-menu-current-option':\n          menu.path === currentMenu || menu.key === currentMenu,\n      }\"\n      (click)=\"selectMenu(menu)\"\n      [attr.data-cy]=\"'onemrva-side-menu-option_' + i\"\n    >\n      {{ menu.wordingKey | translate }}\n    </div>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i1.BreakpointObserver }], propDecorators: { menuHeaderKey: [{
@@ -51,11 +51,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
             }] } });
 
 class OnemrvaMatSideMenuModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSideMenuModule, declarations: [OnemrvaMatSideMenuComponent], imports: [CommonModule, TranslateModule, MatChipsModule, LayoutModule], exports: [OnemrvaMatSideMenuComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [CommonModule, TranslateModule, MatChipsModule, LayoutModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSideMenuModule, declarations: [OnemrvaMatSideMenuComponent], imports: [CommonModule, TranslateModule, MatChipsModule, LayoutModule], exports: [OnemrvaMatSideMenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [CommonModule, TranslateModule, MatChipsModule, LayoutModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [OnemrvaMatSideMenuComponent],

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

@@ -128,10 +128,10 @@ class OnemrvaMatSkeletonComponent {
     ngOnChanges() {
         this.items.length = this.count;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: OnemrvaMatSkeletonComponent, 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.extrasmall": "this._isXSmallSize", "class.small": "this._isSmallSize", "class.medium": "this._isMediumSize", "class.large": "this._isLargeSize", "class.extralarge": "this._isXLargeSize" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  *ngFor=\"let item of items\"\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  <ng-container *ngIf=\"type === 'custom'\">\n    <ng-content></ng-content>\n  </ng-container>\n</div>\n", styles: ["onemrva-mat-skeleton.circle,onemrva-mat-skeleton.square{--size: 56px;--resize: 12px}onemrva-mat-skeleton.circle.extrasmall,onemrva-mat-skeleton.square.extrasmall{--size: 32px;--font-size: 12px;--resize: 4px}onemrva-mat-skeleton.circle.small,onemrva-mat-skeleton.square.small{--size: 40px;--font-size: 16px;--resize: 8px}onemrva-mat-skeleton.circle.large,onemrva-mat-skeleton.square.large{--size: 72px;--font-size: 32px;--resize: 16px}onemrva-mat-skeleton.circle.extralarge,onemrva-mat-skeleton.square.extralarge{--resize: 22px;--size: 124px;--font-size: 60px}onemrva-mat-skeleton.circle .skeleton-loader,onemrva-mat-skeleton.square .skeleton-loader{width:var(--size);height:var(--size);margin-top:var(--resize);margin-left:var(--resize)}onemrva-mat-skeleton.circle .skeleton-loader{border-radius:50%}onemrva-mat-skeleton.h1 .skeleton-loader{height:51px}onemrva-mat-skeleton.h2 .skeleton-loader{height:46px}onemrva-mat-skeleton.h3 .skeleton-loader{height:40px}onemrva-mat-skeleton.h4 .skeleton-loader{height:35px}onemrva-mat-skeleton.button .skeleton-loader{height:36px;width:120px;border-radius:500px}onemrva-mat-skeleton.progress .skeleton-loader{transform:translateZ(0)}onemrva-mat-skeleton.progress .skeleton-loader:after,onemrva-mat-skeleton.progress .skeleton-loader:before{box-sizing:border-box}onemrva-mat-skeleton.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:\"\"}onemrva-mat-skeleton.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}onemrva-mat-skeleton.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}onemrva-mat-skeleton.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){onemrva-mat-skeleton.pulse,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom,onemrva-mat-skeleton.progress{animation:none}onemrva-mat-skeleton.progress,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom{background-image:none}}onemrva-mat-skeleton .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}onemrva-mat-skeleton .skeleton-loader:after,onemrva-mat-skeleton .skeleton-loader:before{box-sizing:border-box}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OnemrvaMatSkeletonComponent, 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.extrasmall": "this._isXSmallSize", "class.small": "this._isSmallSize", "class.medium": "this._isMediumSize", "class.large": "this._isLargeSize", "class.extralarge": "this._isXLargeSize" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  *ngFor=\"let item of items\"\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  <ng-container *ngIf=\"type === 'custom'\">\n    <ng-content></ng-content>\n  </ng-container>\n</div>\n", styles: ["onemrva-mat-skeleton.circle,onemrva-mat-skeleton.square{--size: 56px;--resize: 12px}onemrva-mat-skeleton.circle.extrasmall,onemrva-mat-skeleton.square.extrasmall{--size: 32px;--font-size: 12px;--resize: 4px}onemrva-mat-skeleton.circle.small,onemrva-mat-skeleton.square.small{--size: 40px;--font-size: 16px;--resize: 8px}onemrva-mat-skeleton.circle.large,onemrva-mat-skeleton.square.large{--size: 72px;--font-size: 32px;--resize: 16px}onemrva-mat-skeleton.circle.extralarge,onemrva-mat-skeleton.square.extralarge{--resize: 22px;--size: 124px;--font-size: 60px}onemrva-mat-skeleton.circle .skeleton-loader,onemrva-mat-skeleton.square .skeleton-loader{width:var(--size);height:var(--size);margin-top:var(--resize);margin-left:var(--resize)}onemrva-mat-skeleton.circle .skeleton-loader{border-radius:50%}onemrva-mat-skeleton.h1 .skeleton-loader{height:51px}onemrva-mat-skeleton.h2 .skeleton-loader{height:46px}onemrva-mat-skeleton.h3 .skeleton-loader{height:40px}onemrva-mat-skeleton.h4 .skeleton-loader{height:35px}onemrva-mat-skeleton.button .skeleton-loader{height:36px;width:120px;border-radius:500px}onemrva-mat-skeleton.progress .skeleton-loader{transform:translateZ(0)}onemrva-mat-skeleton.progress .skeleton-loader:after,onemrva-mat-skeleton.progress .skeleton-loader:before{box-sizing:border-box}onemrva-mat-skeleton.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:\"\"}onemrva-mat-skeleton.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}onemrva-mat-skeleton.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}onemrva-mat-skeleton.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){onemrva-mat-skeleton.pulse,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom,onemrva-mat-skeleton.progress{animation:none}onemrva-mat-skeleton.progress,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom{background-image:none}}onemrva-mat-skeleton .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}onemrva-mat-skeleton .skeleton-loader:after,onemrva-mat-skeleton .skeleton-loader:before{box-sizing:border-box}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-skeleton', template: "<div\n  *ngFor=\"let item of items\"\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  <ng-container *ngIf=\"type === 'custom'\">\n    <ng-content></ng-content>\n  </ng-container>\n</div>\n", styles: ["onemrva-mat-skeleton.circle,onemrva-mat-skeleton.square{--size: 56px;--resize: 12px}onemrva-mat-skeleton.circle.extrasmall,onemrva-mat-skeleton.square.extrasmall{--size: 32px;--font-size: 12px;--resize: 4px}onemrva-mat-skeleton.circle.small,onemrva-mat-skeleton.square.small{--size: 40px;--font-size: 16px;--resize: 8px}onemrva-mat-skeleton.circle.large,onemrva-mat-skeleton.square.large{--size: 72px;--font-size: 32px;--resize: 16px}onemrva-mat-skeleton.circle.extralarge,onemrva-mat-skeleton.square.extralarge{--resize: 22px;--size: 124px;--font-size: 60px}onemrva-mat-skeleton.circle .skeleton-loader,onemrva-mat-skeleton.square .skeleton-loader{width:var(--size);height:var(--size);margin-top:var(--resize);margin-left:var(--resize)}onemrva-mat-skeleton.circle .skeleton-loader{border-radius:50%}onemrva-mat-skeleton.h1 .skeleton-loader{height:51px}onemrva-mat-skeleton.h2 .skeleton-loader{height:46px}onemrva-mat-skeleton.h3 .skeleton-loader{height:40px}onemrva-mat-skeleton.h4 .skeleton-loader{height:35px}onemrva-mat-skeleton.button .skeleton-loader{height:36px;width:120px;border-radius:500px}onemrva-mat-skeleton.progress .skeleton-loader{transform:translateZ(0)}onemrva-mat-skeleton.progress .skeleton-loader:after,onemrva-mat-skeleton.progress .skeleton-loader:before{box-sizing:border-box}onemrva-mat-skeleton.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:\"\"}onemrva-mat-skeleton.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}onemrva-mat-skeleton.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}onemrva-mat-skeleton.custom .skeleton-loader{height:100%;background:none}@media (prefers-reduced-motion: reduce){onemrva-mat-skeleton.pulse,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom,onemrva-mat-skeleton.progress{animation:none}onemrva-mat-skeleton.progress,onemrva-mat-skeleton.progress-dark,onemrva-mat-skeleton.custom{background-image:none}}onemrva-mat-skeleton .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}onemrva-mat-skeleton .skeleton-loader:after,onemrva-mat-skeleton .skeleton-loader:before{box-sizing:border-box}@keyframes progress{0%{transform:translate3d(-200px,0,0)}to{transform:translate3d(calc(200px + 100vw),0,0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}\n"] }]
         }], propDecorators: { count: [{
@@ -221,11 +221,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
             }] } });
 
 class OnemrvaMatSkeletonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSkeletonModule, declarations: [OnemrvaMatSkeletonComponent], imports: [CommonModule], exports: [OnemrvaMatSkeletonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSkeletonModule, declarations: [OnemrvaMatSkeletonComponent], imports: [CommonModule], exports: [OnemrvaMatSkeletonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [OnemrvaMatSkeletonComponent],