@onemrvapublic/design-system 18.2.4-develop.10 → 18.2.4-develop.12

package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs

@@ -35,10 +35,10 @@ import { MatDividerModule } from '@angular/material/divider';
  * </ngx-mat-select-search>
  */
 class MatSelectSearchClearDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatSelectSearchClearDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: MatSelectSearchClearDirective, selector: "[matSelectSearchClear]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatSelectSearchClearDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: MatSelectSearchClearDirective, selector: "[matSelectSearchClear]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatSelectSearchClearDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatSelectSearchClearDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[matSelectSearchClear]',
@@ -89,10 +89,10 @@ const MAT_SELECTSEARCH_DEFAULT_OPTIONS = new InjectionToken('mat-selectsearch-de
  * </ngx-mat-select-search>
  */
 class MatSelectNoEntriesFoundDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatSelectNoEntriesFoundDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: MatSelectNoEntriesFoundDirective, selector: "[matSelectNoEntriesFound]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatSelectNoEntriesFoundDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: MatSelectNoEntriesFoundDirective, selector: "[matSelectNoEntriesFound]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatSelectNoEntriesFoundDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatSelectNoEntriesFoundDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[matSelectNoEntriesFound]',
@@ -573,8 +573,8 @@ class MatSelectSearchComponent {
         this.activeDescendant?.removeAttribute('aria-selected');
         this.searchSelectInput?.nativeElement.removeAttribute('aria-activedescendant');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatSelectSearchComponent, deps: [{ token: MatSelect }, { token: i0.ChangeDetectorRef }, { token: i1.ViewportRuler }, { token: MatOption, optional: true }, { token: MatFormField, optional: true }, { token: MAT_SELECTSEARCH_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: MatSelectSearchComponent, selector: "mat-select-search", inputs: { placeholderLabel: "placeholderLabel", type: "type", closeIcon: "closeIcon", closeSvgIcon: "closeSvgIcon", noEntriesFoundLabel: "noEntriesFoundLabel", clearSearchInput: "clearSearchInput", searching: "searching", disableInitialFocus: "disableInitialFocus", enableClearOnEscapePressed: "enableClearOnEscapePressed", preventHomeEndKeyPropagation: "preventHomeEndKeyPropagation", disableScrollToActiveOnOptionsChanged: "disableScrollToActiveOnOptionsChanged", ariaLabel: "ariaLabel", showToggleAllCheckbox: "showToggleAllCheckbox", toggleAllCheckboxChecked: "toggleAllCheckboxChecked", toggleAllCheckboxIndeterminate: "toggleAllCheckboxIndeterminate", toggleAllCheckboxTooltipMessage: "toggleAllCheckboxTooltipMessage", toggleAllCheckboxTooltipPosition: "toggleAllCheckboxTooltipPosition", hideClearSearchButton: "hideClearSearchButton", alwaysRestoreSelectedOptionsMulti: "alwaysRestoreSelectedOptionsMulti" }, outputs: { toggleAll: "toggleAll" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatSelectSearchComponent, deps: [{ token: MatSelect }, { token: i0.ChangeDetectorRef }, { token: i1.ViewportRuler }, { token: MatOption, optional: true }, { token: MatFormField, optional: true }, { token: MAT_SELECTSEARCH_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: MatSelectSearchComponent, selector: "mat-select-search", inputs: { placeholderLabel: "placeholderLabel", type: "type", closeIcon: "closeIcon", closeSvgIcon: "closeSvgIcon", noEntriesFoundLabel: "noEntriesFoundLabel", clearSearchInput: "clearSearchInput", searching: "searching", disableInitialFocus: "disableInitialFocus", enableClearOnEscapePressed: "enableClearOnEscapePressed", preventHomeEndKeyPropagation: "preventHomeEndKeyPropagation", disableScrollToActiveOnOptionsChanged: "disableScrollToActiveOnOptionsChanged", ariaLabel: "ariaLabel", showToggleAllCheckbox: "showToggleAllCheckbox", toggleAllCheckboxChecked: "toggleAllCheckboxChecked", toggleAllCheckboxIndeterminate: "toggleAllCheckboxIndeterminate", toggleAllCheckboxTooltipMessage: "toggleAllCheckboxTooltipMessage", toggleAllCheckboxTooltipPosition: "toggleAllCheckboxTooltipPosition", hideClearSearchButton: "hideClearSearchButton", alwaysRestoreSelectedOptionsMulti: "alwaysRestoreSelectedOptionsMulti" }, outputs: { toggleAll: "toggleAll" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => MatSelectSearchComponent),
@@ -582,7 +582,7 @@ class MatSelectSearchComponent {
             },
         ], queries: [{ propertyName: "clearIcon", first: true, predicate: MatSelectSearchClearDirective, descendants: true }, { propertyName: "noEntriesFound", first: true, predicate: MatSelectNoEntriesFoundDirective, descendants: true }], viewQueries: [{ propertyName: "searchSelectInput", first: true, predicate: ["searchSelectInput"], descendants: true, read: ElementRef, static: true }, { propertyName: "innerSelectSearch", first: true, predicate: ["innerSelectSearch"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<!--\nCopyright (c) 2018 Bithost GmbH All Rights Reserved.\n\nUse of this source code is governed by an MIT-style license that can be\nfound in the LICENSE file at https://angular.io/license\n-->\n<!-- Placeholder to adjust vertical offset of the mat-option elements -->\n<input matInput class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: the  mat-datepicker-content mat-tab-header are needed to inherit the material theme colors, see PR #22 -->\n<div\n  #innerSelectSearch\n  class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n  [ngClass]=\"{\n    'mat-select-search-inner-multiple': matSelect.multiple,\n    'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible(),\n  }\"\n>\n  <mat-checkbox\n    *ngIf=\"_isToggleAllCheckboxVisible()\"\n    [color]=\"matFormField.color\"\n    class=\"mat-select-search-toggle-all-checkbox\"\n    [checked]=\"toggleAllCheckboxChecked\"\n    [indeterminate]=\"toggleAllCheckboxIndeterminate\"\n    [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n    matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n    [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n    (change)=\"_emitSelectAllBooleanToParent($event.checked)\"\n  ></mat-checkbox>\n\n  <input\n    class=\"mat-select-search-input\"\n    autocomplete=\"off\"\n    [type]=\"type\"\n    [formControl]=\"_formControl\"\n    #searchSelectInput\n    (keydown)=\"_handleKeydown($event)\"\n    (keyup)=\"_handleKeyup($event)\"\n    (blur)=\"onBlur()\"\n    [placeholder]=\"placeholderLabel\"\n    [attr.aria-label]=\"ariaLabel\"\n  />\n  <mat-icon *ngIf=\"value === '' && !searching\" class=\"suffix\">search</mat-icon>\n  <mat-spinner\n    *ngIf=\"searching\"\n    class=\"mat-select-search-spinner\"\n    diameter=\"16\"\n  ></mat-spinner>\n\n  <button\n    *ngIf=\"!hideClearSearchButton && value && !searching\"\n    mat-icon-button\n    aria-label=\"Clear\"\n    (click)=\"_reset(true)\"\n    class=\"mat-select-search-clear\"\n  >\n    <ng-content\n      *ngIf=\"clearIcon; else defaultIcon\"\n      select=\"[matSelectSearchClear]\"\n    ></ng-content>\n    <ng-template #defaultIcon>\n      <mat-icon [svgIcon]=\"closeSvgIcon\">\n        {{ !closeSvgIcon ? closeIcon : null }}\n      </mat-icon>\n    </ng-template>\n  </button>\n\n  <ng-content select=\".mat-select-search-custom-header-content\"></ng-content>\n\n  <mat-divider></mat-divider>\n</div>\n\n<div\n  *ngIf=\"_showNoEntriesFound$ | async\"\n  class=\"mat-select-search-no-entries-found\"\n>\n  <ng-content\n    *ngIf=\"noEntriesFound; else defaultNoEntriesFound\"\n    select=\"[matSelectNoEntriesFound]\"\n  ></ng-content>\n  <ng-template #defaultNoEntriesFound>{{ noEntriesFoundLabel }}</ng-template>\n</div>\n", styles: [".mat-select-search-hidden{visibility:hidden}.mat-select-search-inner{position:absolute;top:0;left:0;width:100%;z-index:100;font-size:inherit;box-shadow:none}.mat-select-search-inner.mat-select-search-inner-multiple.mat-select-search-inner-toggle-all{display:flex;align-items:center}.suffix{position:absolute;top:12px;right:14px}.mat-select-search-input{box-sizing:border-box;width:100%;border:none;font-family:inherit;font-size:inherit;color:currentColor;outline:none;background:#fff;padding:0 44px 0 16px;height:calc(3em - 1px);line-height:calc(3em - 1px)}:host-context([dir=rtl]) .mat-select-search-input{padding-right:16px;padding-left:44px}.mat-select-search-inner-toggle-all .mat-select-search-input{padding-left:5px}.mat-select-search-no-entries-found{padding-top:8px}.mat-select-search-clear{position:absolute;right:4px;top:0}:host-context([dir=rtl]) .mat-select-search-clear{right:auto;left:4px}.mat-select-search-spinner{position:absolute;right:16px;top:calc(50% - 8px)}:host-context([dir=rtl]) .mat-select-search-spinner{right:auto;left:16px}::ng-deep .mat-mdc-option[aria-disabled=true].contains-mat-select-search{position:sticky;top:0;z-index:1;opacity:1;margin-top:-8px;pointer-events:all}::ng-deep .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mat-icon{margin-right:0;margin-left:0}::ng-deep .mat-mdc-option[aria-disabled=true].contains-mat-select-search mat-pseudo-checkbox{display:none}::ng-deep .mat-mdc-option[aria-disabled=true].contains-mat-select-search .mdc-list-item__primary-text{opacity:1}.mat-select-search-toggle-all-checkbox{padding-left:5px}:host-context([dir=rtl]) .mat-select-search-toggle-all-checkbox{padding-left:0;padding-right:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i9.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatSelectSearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatSelectSearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mat-select-search', providers: [
                         {
@@ -671,8 +671,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  */
 const MatSelectSearchVersion = '7.0.2';
 class MatSelectSearchModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatSelectSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: MatSelectSearchModule, declarations: [MatSelectSearchComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatSelectSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: MatSelectSearchModule, declarations: [MatSelectSearchComponent,
             MatSelectSearchClearDirective,
             MatSelectNoEntriesFoundDirective], imports: [CommonModule,
             ReactiveFormsModule,
@@ -686,7 +686,7 @@ class MatSelectSearchModule {
             MatFormFieldModule], exports: [MatSelectSearchComponent,
             MatSelectSearchClearDirective,
             MatSelectNoEntriesFoundDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatSelectSearchModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatSelectSearchModule, imports: [CommonModule,
             ReactiveFormsModule,
             MatButtonModule,
             MatSelectModule,
@@ -697,7 +697,7 @@ class MatSelectSearchModule {
             MatDividerModule,
             MatFormFieldModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatSelectSearchModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatSelectSearchModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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.0", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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.4", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", 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.0", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", 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.0", ngImpor
             }] } });
 
 class OnemrvaMatSelectableBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatSelectableBoxModule, declarations: [OnemrvaMatSelectableBoxComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", 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.0", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", 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.0", ngImport: i0, type: OnemrvaMatSelectableBoxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", 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.0", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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      *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.4", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", 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      *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.0", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", 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      *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.0", ngImpor
             }] } });
 
 class OnemrvaMatSideMenuModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", 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.0", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [CommonModule, TranslateModule, MatChipsModule, LayoutModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", 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.4", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [CommonModule, TranslateModule, MatChipsModule, LayoutModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", 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.0", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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.4", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", 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.0", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", 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"] }]
         }], ctorParameters: () => [], propDecorators: { count: [{
@@ -221,11 +221,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
             }] } });
 
 class OnemrvaMatSkeletonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatSkeletonModule, declarations: [OnemrvaMatSkeletonComponent], imports: [CommonModule], exports: [OnemrvaMatSkeletonComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatSkeletonModule, declarations: [OnemrvaMatSkeletonComponent], imports: [CommonModule], exports: [OnemrvaMatSkeletonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [OnemrvaMatSkeletonComponent],