@onemrvapublic/design-system 19.4.0-alpha.9 → 20.0.0-develop.1

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

@@ -1,13 +1,42 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { EventEmitter, inject, ChangeDetectorRef, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
 import { ReplaySubject, BehaviorSubject } from 'rxjs';
 import { MatFormField } from '@angular/material/form-field';
 import { MatSelect, MatOption } from '@angular/material/select';
 import { MatDivider } from '@angular/material/divider';
 import { TranslatePipe } from '@ngx-translate/core';
-import { NgIf, NgForOf, NgClass } from '@angular/common';
+import { NgClass } from '@angular/common';
 
 class OnemrvaMatPaginatorComponent {
+    constructor() {
+        this.type = 'default';
+        this.pageSizeSelector = true; // Specs: DS-74
+        this.pageSizeOptions = [10, 20, 50, 100]; // Specs: DS-74
+        this.pageSizeDefaultOption = 10;
+        this.recordKey = 'recordsPerPage'; // this record key will be inside key "paginator". I.e the default key value that will be generated out of this input is paginator.recordsPerPage
+        this._isInitialized = false;
+        this._initializedStream = new ReplaySubject(1);
+        /** Emits when the paginator is initialized. */
+        this.initialized = this._initializedStream;
+        this.maxRecordNumber = 0;
+        this._pageIndex = 0;
+        this._prevIndex = 0;
+        this._length = 0;
+        this._pageSize = this.pageSizeDefaultOption;
+        this._totalNumberOfPages = 0;
+        this.previousKey = 'Previous';
+        this.nextKey = 'Next';
+        /** Deprecated **/
+        // eslint-disable-next-line @angular-eslint/no-output-on-prefix
+        this.onRequestPage = new EventEmitter(); // Pages are displayed starting from 1 but the index starts at 0
+        /** Event emitted when the paginator changes the page size or page index. */
+        this.page = new EventEmitter();
+        this.pageIndex$ = new BehaviorSubject(this._pageIndex);
+        this.pageSize$ = new BehaviorSubject(this.pageSizeDefaultOption);
+        this.pages = [];
+        this.numberOfReachablePages = 5;
+        this.cd = inject(ChangeDetectorRef);
+    }
     get pageIndex() {
         return this._pageIndex;
     }
@@ -55,35 +84,6 @@ class OnemrvaMatPaginatorComponent {
     get totalNumberOfPages() {
         return this._totalNumberOfPages;
     }
-    constructor(cd) {
-        this.cd = cd;
-        this.type = 'default';
-        this.pageSizeSelector = true; // Specs: DS-74
-        this.pageSizeOptions = [10, 20, 50, 100]; // Specs: DS-74
-        this.pageSizeDefaultOption = 10;
-        this.recordKey = 'recordsPerPage'; // this record key will be inside key "paginator". I.e the default key value that will be generated out of this input is paginator.recordsPerPage
-        this._isInitialized = false;
-        this._initializedStream = new ReplaySubject(1);
-        /** Emits when the paginator is initialized. */
-        this.initialized = this._initializedStream;
-        this.maxRecordNumber = 0;
-        this._pageIndex = 0;
-        this._prevIndex = 0;
-        this._length = 0;
-        this._pageSize = this.pageSizeDefaultOption;
-        this._totalNumberOfPages = 0;
-        this.previousKey = 'Previous';
-        this.nextKey = 'Next';
-        /** Deprecated **/
-        // eslint-disable-next-line @angular-eslint/no-output-on-prefix
-        this.onRequestPage = new EventEmitter(); // Pages are displayed starting from 1 but the index starts at 0
-        /** Event emitted when the paginator changes the page size or page index. */
-        this.page = new EventEmitter();
-        this.pageIndex$ = new BehaviorSubject(this._pageIndex);
-        this.pageSize$ = new BehaviorSubject(this.pageSizeDefaultOption);
-        this.pages = [];
-        this.numberOfReachablePages = 5;
-    }
     refreshState() {
         this.maxRecordNumber = Math.min(this._pageIndex * this._pageSize + this._pageSize, this._length);
         if (this._pageIndex < 0)
@@ -204,10 +204,10 @@ class OnemrvaMatPaginatorComponent {
     ngOnDestroy() {
         this._initializedStream.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPaginatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatPaginatorComponent, isStandalone: true, selector: "onemrva-mat-paginator", inputs: { type: "type", pageSizeSelector: "pageSizeSelector", pageSizeOptions: "pageSizeOptions", pageSizeDefaultOption: "pageSizeDefaultOption", recordKey: "recordKey", pageIndex: "pageIndex", length: "length", pageSize: "pageSize", previousKey: "previousKey", nextKey: "nextKey" }, outputs: { onRequestPage: "onRequestPage", page: "page" }, ngImport: i0, template: "<div class=\"paginator-container\">\n  <div class=\"paginator-size-selector-container\" *ngIf=\"pageSizeSelector\">\n    <mat-form-field\n      *ngIf=\"pageSizeOptions.length > 1\"\n      appearance=\"outline\"\n      class=\"paginator-size-selector\"\n      data-cy=\"onemrva-mat-paginator-page-size-selector\"\n    >\n      <mat-select [value]=\"pageSize\">\n        <mat-option\n          *ngFor=\"let size of pageSizeOptions\"\n          [value]=\"size\"\n          (click)=\"pageSize = size\"\n          [attr.data-cy]=\"'onemrva-mat-paginator-page-size-option-' + size\"\n          >{{ size }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n    <div>\n      <span *ngIf=\"pageSizeOptions.length > 1\" style=\"display: inline-block\">{{\n        'paginator.' + recordKey | translate\n      }}</span>\n      <mat-divider vertical *ngIf=\"pageSizeOptions.length > 1\"></mat-divider>\n\n      {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n      <span>{{ 'paginator.outOf' | translate }}</span>\n      {{ length }}\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"pages.length > 1\"\n    class=\"onemrva-mat-paginator\"\n    data-cy=\"onemrva-mat-paginator\"\n  >\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n      data-cy=\"onemrva-mat-paginator-btn-previous\"\n      [disabled]=\"pageIndex === 0\"\n      (click)=\"pageIndex = pageIndex - 1\"\n    >\n      {{ 'paginator.' + previousKey | translate }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n      data-cy=\"onemrva-mat-paginator-first\"\n      *ngIf=\"pages[0] > 0 && type === 'complex'\"\n      (click)=\"pageIndex = 0\"\n    >\n      1\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n      data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n      *ngIf=\"pages[0] > 0\"\n      (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n    >\n      ...\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n      [ngClass]=\"{ 'onemrva-mat-paginator-current-index': pageIndex === page }\"\n      data-cy=\"onemrva-mat-paginator-btn-page\"\n      *ngFor=\"let page of pages\"\n      (click)=\"pageIndex = page\"\n    >\n      {{ page + 1 }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n      data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n      *ngIf=\"pages[pages.length - 1] < totalNumberOfPages - 1\"\n      (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n    >\n      ...\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n      data-cy=\"onemrva-mat-paginator-btn-last\"\n      *ngIf=\"\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type === 'complex'\n      \"\n      (click)=\"pageIndex = totalNumberOfPages - 1\"\n    >\n      {{ totalNumberOfPages }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n      data-cy=\"onemrva-mat-paginator-btn-next\"\n      [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n      (click)=\"pageIndex = pageIndex + 1\"\n    >\n      {{ 'paginator.' + nextKey | translate }}\n    </button>\n  </div>\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:baseline}:host .paginator-container .paginator-size-selector-container{flex:1 0 200px;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--double-spacer)}:host .paginator-container .paginator-size-selector-container mat-divider{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{max-width:80px}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mat-select-trigger-text-font: var(--mat-sys-label-medium-font)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mat-select-trigger-text-size: var(--mat-sys-label-medium-size)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-height)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mat-form-field-container-height: var(--paginator-height)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mdc-outlined-text-field-container-shape: calc(var(--paginator-height) / 2)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mat-form-field-container-vertical-padding: var(--half-spacer)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mdc-outlined-text-field-outline-color: var(--mat-sys-outline-variant)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mdc-outlined-text-field-focus-outline-color: var(--mat-sys-outline-variant)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mdc-outlined-text-field-hover-outline-color: var(--mat-sys-outline-variant)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mdc-outlined-text-field-outline-width: 1px}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mdc-outlined-text-field-focus-outline-width: 2px}:host .paginator-container .onemrva-mat-paginator{display:flex}:host .paginator-container .onemrva-mat-paginator button{background-color:var(--mat-sys-background);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}:host .paginator-container .onemrva-mat-paginator button:disabled{color:var(--mat-sys-outline-variant)}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-btn{font:var(--mat-sys-label-medium)}:host .paginator-container .onemrva-mat-paginator button:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-current-index{background:var(--background-gradient);color:#fff}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaMatPaginatorComponent, isStandalone: true, selector: "onemrva-mat-paginator", inputs: { type: "type", pageSizeSelector: "pageSizeSelector", pageSizeOptions: "pageSizeOptions", pageSizeDefaultOption: "pageSizeDefaultOption", recordKey: "recordKey", pageIndex: "pageIndex", length: "length", pageSize: "pageSize", previousKey: "previousKey", nextKey: "nextKey" }, outputs: { onRequestPage: "onRequestPage", page: "page" }, ngImport: i0, template: "<div class=\"paginator-container\">\n  @if (pageSizeSelector) {\n    <div class=\"paginator-size-selector-container\">\n      @if (pageSizeOptions.length > 1) {\n        <mat-form-field\n          appearance=\"outline\"\n          class=\"paginator-size-selector\"\n          data-cy=\"onemrva-mat-paginator-page-size-selector\"\n        >\n          <mat-select [value]=\"pageSize\">\n            @for (size of pageSizeOptions; track size) {\n              <mat-option\n                [value]=\"size\"\n                (click)=\"pageSize = size\"\n                [attr.data-cy]=\"\n                  'onemrva-mat-paginator-page-size-option-' + size\n                \"\n                >{{ size }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      }\n      <div>\n        @if (pageSizeOptions.length > 1) {\n          <span style=\"display: inline-block\">{{\n            'paginator.' + recordKey | translate\n          }}</span>\n          <mat-divider vertical></mat-divider>\n        }\n        {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n        <span>{{ 'paginator.outOf' | translate }}</span>\n        {{ length }}\n      </div>\n    </div>\n  }\n\n  @if (pages.length > 1) {\n    <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n        data-cy=\"onemrva-mat-paginator-btn-previous\"\n        [disabled]=\"pageIndex === 0\"\n        (click)=\"pageIndex = pageIndex - 1\"\n      >\n        {{ 'paginator.' + previousKey | translate }}\n      </button>\n\n      @if (pages[0] > 0 && type === 'complex') {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n          data-cy=\"onemrva-mat-paginator-first\"\n          (click)=\"pageIndex = 0\"\n        >\n          1\n        </button>\n      }\n      @if (pages[0] > 0) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n          (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @for (page of pages; track page) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n          [ngClass]=\"{\n            'onemrva-mat-paginator-current-index': pageIndex === page,\n          }\"\n          data-cy=\"onemrva-mat-paginator-btn-page\"\n          (click)=\"pageIndex = page\"\n        >\n          {{ page + 1 }}\n        </button>\n      }\n      @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n          (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @if (\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type === 'complex'\n      ) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n          data-cy=\"onemrva-mat-paginator-btn-last\"\n          (click)=\"pageIndex = totalNumberOfPages - 1\"\n        >\n          {{ totalNumberOfPages }}\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n        data-cy=\"onemrva-mat-paginator-btn-next\"\n        [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n        (click)=\"pageIndex = pageIndex + 1\"\n      >\n        {{ 'paginator.' + nextKey | translate }}\n      </button>\n    </div>\n  }\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:baseline}:host .paginator-container .paginator-size-selector-container{flex:1 0 200px;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--double-spacer)}:host .paginator-container .paginator-size-selector-container mat-divider{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{max-width:80px;--mat-select-trigger-text-font: var(--mat-sys-label-medium-font);--mat-select-trigger-text-size: var(--mat-sys-label-medium-size);--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-height);--mat-form-field-container-height: var(--paginator-height);--mat-form-field-outlined-container-shape: calc(var(--paginator-height) / 2);--mat-form-field-container-vertical-padding: var(--half-spacer);--mat-form-field-outlined-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px}:host .paginator-container .onemrva-mat-paginator{display:flex}:host .paginator-container .onemrva-mat-paginator button{background-color:var(--mat-sys-background);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}:host .paginator-container .onemrva-mat-paginator button:disabled{color:var(--mat-sys-outline-variant)}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-btn{font:var(--mat-sys-label-medium)}:host .paginator-container .onemrva-mat-paginator button:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-current-index{background:var(--background-gradient);color:#fff}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPaginatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPaginatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-paginator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         MatFormField,
@@ -215,11 +215,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                         MatOption,
                         MatDivider,
                         TranslatePipe,
-                        NgIf,
-                        NgForOf,
                         NgClass,
-                    ], standalone: true, template: "<div class=\"paginator-container\">\n  <div class=\"paginator-size-selector-container\" *ngIf=\"pageSizeSelector\">\n    <mat-form-field\n      *ngIf=\"pageSizeOptions.length > 1\"\n      appearance=\"outline\"\n      class=\"paginator-size-selector\"\n      data-cy=\"onemrva-mat-paginator-page-size-selector\"\n    >\n      <mat-select [value]=\"pageSize\">\n        <mat-option\n          *ngFor=\"let size of pageSizeOptions\"\n          [value]=\"size\"\n          (click)=\"pageSize = size\"\n          [attr.data-cy]=\"'onemrva-mat-paginator-page-size-option-' + size\"\n          >{{ size }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n    <div>\n      <span *ngIf=\"pageSizeOptions.length > 1\" style=\"display: inline-block\">{{\n        'paginator.' + recordKey | translate\n      }}</span>\n      <mat-divider vertical *ngIf=\"pageSizeOptions.length > 1\"></mat-divider>\n\n      {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n      <span>{{ 'paginator.outOf' | translate }}</span>\n      {{ length }}\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"pages.length > 1\"\n    class=\"onemrva-mat-paginator\"\n    data-cy=\"onemrva-mat-paginator\"\n  >\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n      data-cy=\"onemrva-mat-paginator-btn-previous\"\n      [disabled]=\"pageIndex === 0\"\n      (click)=\"pageIndex = pageIndex - 1\"\n    >\n      {{ 'paginator.' + previousKey | translate }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n      data-cy=\"onemrva-mat-paginator-first\"\n      *ngIf=\"pages[0] > 0 && type === 'complex'\"\n      (click)=\"pageIndex = 0\"\n    >\n      1\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n      data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n      *ngIf=\"pages[0] > 0\"\n      (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n    >\n      ...\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n      [ngClass]=\"{ 'onemrva-mat-paginator-current-index': pageIndex === page }\"\n      data-cy=\"onemrva-mat-paginator-btn-page\"\n      *ngFor=\"let page of pages\"\n      (click)=\"pageIndex = page\"\n    >\n      {{ page + 1 }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n      data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n      *ngIf=\"pages[pages.length - 1] < totalNumberOfPages - 1\"\n      (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n    >\n      ...\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n      data-cy=\"onemrva-mat-paginator-btn-last\"\n      *ngIf=\"\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type === 'complex'\n      \"\n      (click)=\"pageIndex = totalNumberOfPages - 1\"\n    >\n      {{ totalNumberOfPages }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n      data-cy=\"onemrva-mat-paginator-btn-next\"\n      [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n      (click)=\"pageIndex = pageIndex + 1\"\n    >\n      {{ 'paginator.' + nextKey | translate }}\n    </button>\n  </div>\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:baseline}:host .paginator-container .paginator-size-selector-container{flex:1 0 200px;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--double-spacer)}:host .paginator-container .paginator-size-selector-container mat-divider{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{max-width:80px}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mat-select-trigger-text-font: var(--mat-sys-label-medium-font)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mat-select-trigger-text-size: var(--mat-sys-label-medium-size)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-height)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mat-form-field-container-height: var(--paginator-height)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mdc-outlined-text-field-container-shape: calc(var(--paginator-height) / 2)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mat-form-field-container-vertical-padding: var(--half-spacer)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mdc-outlined-text-field-outline-color: var(--mat-sys-outline-variant)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mdc-outlined-text-field-focus-outline-color: var(--mat-sys-outline-variant)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mdc-outlined-text-field-hover-outline-color: var(--mat-sys-outline-variant)}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mdc-outlined-text-field-outline-width: 1px}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{--mdc-outlined-text-field-focus-outline-width: 2px}:host .paginator-container .onemrva-mat-paginator{display:flex}:host .paginator-container .onemrva-mat-paginator button{background-color:var(--mat-sys-background);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}:host .paginator-container .onemrva-mat-paginator button:disabled{color:var(--mat-sys-outline-variant)}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-btn{font:var(--mat-sys-label-medium)}:host .paginator-container .onemrva-mat-paginator button:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-current-index{background:var(--background-gradient);color:#fff}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { type: [{
+                    ], standalone: true, template: "<div class=\"paginator-container\">\n  @if (pageSizeSelector) {\n    <div class=\"paginator-size-selector-container\">\n      @if (pageSizeOptions.length > 1) {\n        <mat-form-field\n          appearance=\"outline\"\n          class=\"paginator-size-selector\"\n          data-cy=\"onemrva-mat-paginator-page-size-selector\"\n        >\n          <mat-select [value]=\"pageSize\">\n            @for (size of pageSizeOptions; track size) {\n              <mat-option\n                [value]=\"size\"\n                (click)=\"pageSize = size\"\n                [attr.data-cy]=\"\n                  'onemrva-mat-paginator-page-size-option-' + size\n                \"\n                >{{ size }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      }\n      <div>\n        @if (pageSizeOptions.length > 1) {\n          <span style=\"display: inline-block\">{{\n            'paginator.' + recordKey | translate\n          }}</span>\n          <mat-divider vertical></mat-divider>\n        }\n        {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n        <span>{{ 'paginator.outOf' | translate }}</span>\n        {{ length }}\n      </div>\n    </div>\n  }\n\n  @if (pages.length > 1) {\n    <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n        data-cy=\"onemrva-mat-paginator-btn-previous\"\n        [disabled]=\"pageIndex === 0\"\n        (click)=\"pageIndex = pageIndex - 1\"\n      >\n        {{ 'paginator.' + previousKey | translate }}\n      </button>\n\n      @if (pages[0] > 0 && type === 'complex') {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n          data-cy=\"onemrva-mat-paginator-first\"\n          (click)=\"pageIndex = 0\"\n        >\n          1\n        </button>\n      }\n      @if (pages[0] > 0) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n          (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @for (page of pages; track page) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n          [ngClass]=\"{\n            'onemrva-mat-paginator-current-index': pageIndex === page,\n          }\"\n          data-cy=\"onemrva-mat-paginator-btn-page\"\n          (click)=\"pageIndex = page\"\n        >\n          {{ page + 1 }}\n        </button>\n      }\n      @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n          (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @if (\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type === 'complex'\n      ) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n          data-cy=\"onemrva-mat-paginator-btn-last\"\n          (click)=\"pageIndex = totalNumberOfPages - 1\"\n        >\n          {{ totalNumberOfPages }}\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n        data-cy=\"onemrva-mat-paginator-btn-next\"\n        [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n        (click)=\"pageIndex = pageIndex + 1\"\n      >\n        {{ 'paginator.' + nextKey | translate }}\n      </button>\n    </div>\n  }\n</div>\n", styles: [":host .paginator-container{display:flex;align-items:baseline}:host .paginator-container .paginator-size-selector-container{flex:1 0 200px;display:flex;align-items:baseline;justify-content:flex-start;gap:var(--double-spacer)}:host .paginator-container .paginator-size-selector-container mat-divider{display:inline-block;vertical-align:middle;margin:0 var(--spacer);height:1.5rem}:host .paginator-container .paginator-size-selector-container .paginator-size-selector{max-width:80px;--mat-select-trigger-text-font: var(--mat-sys-label-medium-font);--mat-select-trigger-text-size: var(--mat-sys-label-medium-size);--mat-select-trigger-text-line-height: var(--mat-sys-label-medium-height);--mat-form-field-container-height: var(--paginator-height);--mat-form-field-outlined-container-shape: calc(var(--paginator-height) / 2);--mat-form-field-container-vertical-padding: var(--half-spacer);--mat-form-field-outlined-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-focus-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-hover-outline-color: var(--mat-sys-outline-variant);--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 2px}:host .paginator-container .onemrva-mat-paginator{display:flex}:host .paginator-container .onemrva-mat-paginator button{background-color:var(--mat-sys-background);padding:var(--spacer) var(--double-spacer);text-align:center;border:1px solid var(--mat-sys-outline-variant);border-right:none;color:var(--mat-sys-primary);transition:all .2s}:host .paginator-container .onemrva-mat-paginator button:disabled{color:var(--mat-sys-outline-variant)}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-btn{font:var(--mat-sys-label-medium)}:host .paginator-container .onemrva-mat-paginator button:first-child{border-radius:18px 0 0 18px;width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:last-child{border-radius:0 18px 18px 0;border-right:1px solid var(--mat-sys-outline-variant);width:initial;padding:var(--spacer) var(--double-spacer)}:host .paginator-container .onemrva-mat-paginator button:hover:not(:disabled):not(.onemrva-mat-paginator-current-index){background:var(--background-gradient);color:#fff;cursor:pointer}:host .paginator-container .onemrva-mat-paginator button.onemrva-mat-paginator-current-index{background:var(--background-gradient);color:#fff}\n"] }]
+        }], propDecorators: { type: [{
                 type: Input
             }], pageSizeSelector: [{
                 type: Input
@@ -246,11 +244,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class OnemrvaMatPaginatorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPaginatorModule, imports: [OnemrvaMatPaginatorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPaginatorModule, imports: [OnemrvaMatPaginatorComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPaginatorModule, imports: [OnemrvaMatPaginatorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPaginatorModule, imports: [OnemrvaMatPaginatorComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPaginatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPaginatorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

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

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-paginator.mjs","sources":["../../../../projects/onemrva/design-system/mat-paginator/src/onemrva-mat-paginator.component.ts","../../../../projects/onemrva/design-system/mat-paginator/src/onemrva-mat-paginator.component.html","../../../../projects/onemrva/design-system/mat-paginator/src/onemrva-mat-paginator.module.ts","../../../../projects/onemrva/design-system/mat-paginator/index.ts","../../../../projects/onemrva/design-system/mat-paginator/onemrvapublic-design-system-mat-paginator.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  OnInit,\n  OnDestroy,\n} from '@angular/core';\nimport { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';\nimport { PageEvent } from '@angular/material/paginator';\nimport { MatFormField } from '@angular/material/form-field';\nimport { MatOption, MatSelect } from '@angular/material/select';\nimport { MatDivider } from '@angular/material/divider';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { NgClass, NgForOf, NgIf } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-paginator',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './onemrva-mat-paginator.component.html',\n  styleUrl: './onemrva-mat-paginator.component.scss',\n  imports: [\n    MatFormField,\n    MatSelect,\n    MatOption,\n    MatDivider,\n    TranslatePipe,\n    NgIf,\n    NgForOf,\n    NgClass,\n  ],\n  standalone: true,\n})\nexport class OnemrvaMatPaginatorComponent implements OnInit, OnDestroy {\n  @Input() type: 'default' | 'complex' = 'default';\n  @Input() pageSizeSelector = true; // Specs: DS-74\n  @Input() pageSizeOptions: number[] = [10, 20, 50, 100]; // Specs: DS-74\n  @Input() pageSizeDefaultOption = 10;\n  @Input() recordKey = 'recordsPerPage'; // this record key will be inside key \"paginator\". I.e the default key value that will be generated out of this input is paginator.recordsPerPage\n\n  private _isInitialized = false;\n  private _initializedStream = new ReplaySubject<void>(1);\n  /** Emits when the paginator is initialized. */\n  initialized: Observable<void> = this._initializedStream;\n\n  maxRecordNumber = 0;\n  private _pageIndex = 0;\n  private _prevIndex = 0;\n  private _length = 0;\n  private _pageSize: number = this.pageSizeDefaultOption;\n  private _totalNumberOfPages = 0;\n\n  public get pageIndex(): number {\n    return this._pageIndex;\n  }\n\n  @Input()\n  public set pageIndex(index: number) {\n    if (!Number.isInteger(index)) throw new Error('Index is not integer');\n    if (index < 0) throw new Error('Negative index');\n    if (index > this._totalNumberOfPages) throw new Error('Index out of bound');\n    if (this._pageIndex !== index) {\n      this._pageIndex = Math.min(index, this._totalNumberOfPages - 1);\n      this._emitPageEvent(this._pageIndex);\n      this.refreshState();\n    }\n  }\n\n  public resetPageIndex() {\n    this._pageIndex = 0;\n  }\n\n  public get length(): number {\n    return this._length;\n  }\n\n  @Input()\n  public set length(length: number) {\n    if (this._length !== length) {\n      this._length = length;\n      this.refreshState();\n    }\n  }\n\n  public get pageSize(): number {\n    return this._pageSize;\n  }\n\n  @Input()\n  public set pageSize(pageSize: number) {\n    if (!Number.isInteger(pageSize)) throw new Error('pageSize is not integer');\n    if (pageSize < 0) throw new Error('pageSize is negative');\n    if (this._pageSize !== pageSize) {\n      this._pageSize = pageSize;\n      this.pageSize$.next(this._pageSize);\n      this._pageIndex = 0;\n      this._emitPageEvent(this._pageIndex);\n      this.refreshState();\n    }\n  }\n\n  get totalNumberOfPages(): number {\n    return this._totalNumberOfPages;\n  }\n\n  @Input() previousKey = 'Previous';\n  @Input() nextKey = 'Next';\n\n  /** Deprecated **/\n  // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n  @Output() onRequestPage = new EventEmitter<number>(); // Pages are displayed starting from 1 but the index starts at 0\n\n  /** Event emitted when the paginator changes the page size or page index. */\n  @Output() readonly page: EventEmitter<PageEvent> =\n    new EventEmitter<PageEvent>();\n\n  pageIndex$ = new BehaviorSubject<number>(this._pageIndex);\n  pageSize$ = new BehaviorSubject<number>(this.pageSizeDefaultOption);\n\n  pages: number[] = [];\n  numberOfReachablePages = 5;\n\n  constructor(private cd: ChangeDetectorRef) {}\n\n  refreshState() {\n    this.maxRecordNumber = Math.min(\n      this._pageIndex * this._pageSize + this._pageSize,\n      this._length,\n    );\n\n    if (this._pageIndex < 0) throw Error('Negative index');\n    this._totalNumberOfPages = Math.ceil(this.length / this.pageSize);\n    if (\n      this._totalNumberOfPages > 0 &&\n      this._pageIndex > this._totalNumberOfPages\n    )\n      throw Error('Index out of bound');\n    if (!Number.isInteger(this._pageIndex)) throw Error('Index is not integer');\n\n    if (this._prevIndex != this.pageIndex) {\n      this.pageIndex$.next(this._pageIndex);\n      this._prevIndex = this.pageIndex;\n    }\n\n    if (this.type === 'complex') this.refreshComplex();\n    else this.refreshDefault();\n\n    this.cd.detectChanges();\n  }\n\n  refreshDefault() {\n    if (this._totalNumberOfPages <= this.numberOfReachablePages + 1) {\n      // Case 1: not enough pages to display the first \"...\"\n      this.pages = [...Array(this._totalNumberOfPages).keys()];\n    } else if (this.pageIndex <= this.numberOfReachablePages - 1) {\n      // Case 2: page index in first 5 pages\n      this.pages = [...Array(this.numberOfReachablePages).keys()];\n    } else {\n      let firstPageIndex =\n        Math.floor(this._pageIndex / this.numberOfReachablePages) *\n        this.numberOfReachablePages;\n\n      if (\n        this._totalNumberOfPages - firstPageIndex <=\n        this.numberOfReachablePages + 1\n      ) {\n        if (this._totalNumberOfPages - firstPageIndex <= 1) {\n          // Case 3: in the last block containing only 1 page\n          firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n          this.pages = [\n            ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n          ].map(x => x + firstPageIndex);\n        } else {\n          // Case 4: one block before the last with last block containing only 1 page\n          this.pages = [\n            ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n          ].map(x => x + firstPageIndex);\n        }\n      } else if (this._totalNumberOfPages - 1 - firstPageIndex <= 2) {\n        // Case 5: in the last block containing 2 pages or more\n        firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n        this.pages = [\n          ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n        ].map(x => x + firstPageIndex);\n      } else {\n        // Case 6: same as case 4 but the next block contains at least 2 pages\n        this.pages = [...Array(this.numberOfReachablePages).keys()].map(\n          x => x + firstPageIndex,\n        );\n      }\n    }\n  }\n\n  refreshComplex() {\n    if (this._totalNumberOfPages <= this.numberOfReachablePages + 2) {\n      // Case 1: not enough pages to display the first \"...\"\n      this.pages = [...Array(this._totalNumberOfPages).keys()];\n    } else if (this.pageIndex <= this.numberOfReachablePages - 1) {\n      // Case 2: page index in first 5 pages\n      this.pages = [...Array(this.numberOfReachablePages).keys()];\n    } else {\n      let firstPageIndex =\n        Math.floor(this._pageIndex / this.numberOfReachablePages) *\n        this.numberOfReachablePages;\n\n      if (\n        this._totalNumberOfPages - firstPageIndex <=\n        this.numberOfReachablePages + 2\n      ) {\n        if (this._totalNumberOfPages - firstPageIndex <= 2) {\n          // Case 3: in the last block containing max 2 pages\n          firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n          this.pages = [\n            ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n          ].map(x => x + firstPageIndex);\n        } else {\n          // Case 4: one block before the last with last block containing max 2 pages\n          this.pages = [\n            ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n          ].map(x => x + firstPageIndex);\n        }\n      } else if (this._totalNumberOfPages - 1 - firstPageIndex <= 3) {\n        // Case 5: in the last block containing 2 pages or more\n        firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n        this.pages = [\n          ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n        ].map(x => x + firstPageIndex);\n      } else {\n        // Case 6: same as case 4 but the next block contains at least 2 pages\n        this.pages = [...Array(this.numberOfReachablePages).keys()].map(\n          x => x + firstPageIndex,\n        );\n      }\n    }\n  }\n\n  /** Emits an event notifying that a change of the paginator's properties has been triggered. */\n  private _emitPageEvent(previousPageIndex: number) {\n    this.page.emit({\n      previousPageIndex,\n      pageIndex: this._pageIndex,\n      pageSize: this._pageSize,\n      length: this._length,\n    });\n\n    // Deprecated\n    this.onRequestPage.emit(this._pageIndex);\n  }\n\n  ngOnInit() {\n    this._isInitialized = true;\n    this._initializedStream.next();\n  }\n\n  ngOnDestroy() {\n    this._initializedStream.complete();\n  }\n}\n","<div class=\"paginator-container\">\n  <div class=\"paginator-size-selector-container\" *ngIf=\"pageSizeSelector\">\n    <mat-form-field\n      *ngIf=\"pageSizeOptions.length > 1\"\n      appearance=\"outline\"\n      class=\"paginator-size-selector\"\n      data-cy=\"onemrva-mat-paginator-page-size-selector\"\n    >\n      <mat-select [value]=\"pageSize\">\n        <mat-option\n          *ngFor=\"let size of pageSizeOptions\"\n          [value]=\"size\"\n          (click)=\"pageSize = size\"\n          [attr.data-cy]=\"'onemrva-mat-paginator-page-size-option-' + size\"\n          >{{ size }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n    <div>\n      <span *ngIf=\"pageSizeOptions.length > 1\" style=\"display: inline-block\">{{\n        'paginator.' + recordKey | translate\n      }}</span>\n      <mat-divider vertical *ngIf=\"pageSizeOptions.length > 1\"></mat-divider>\n\n      {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n      <span>{{ 'paginator.outOf' | translate }}</span>\n      {{ length }}\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"pages.length > 1\"\n    class=\"onemrva-mat-paginator\"\n    data-cy=\"onemrva-mat-paginator\"\n  >\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n      data-cy=\"onemrva-mat-paginator-btn-previous\"\n      [disabled]=\"pageIndex === 0\"\n      (click)=\"pageIndex = pageIndex - 1\"\n    >\n      {{ 'paginator.' + previousKey | translate }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n      data-cy=\"onemrva-mat-paginator-first\"\n      *ngIf=\"pages[0] > 0 && type === 'complex'\"\n      (click)=\"pageIndex = 0\"\n    >\n      1\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n      data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n      *ngIf=\"pages[0] > 0\"\n      (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n    >\n      ...\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n      [ngClass]=\"{ 'onemrva-mat-paginator-current-index': pageIndex === page }\"\n      data-cy=\"onemrva-mat-paginator-btn-page\"\n      *ngFor=\"let page of pages\"\n      (click)=\"pageIndex = page\"\n    >\n      {{ page + 1 }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n      data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n      *ngIf=\"pages[pages.length - 1] < totalNumberOfPages - 1\"\n      (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n    >\n      ...\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n      data-cy=\"onemrva-mat-paginator-btn-last\"\n      *ngIf=\"\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type === 'complex'\n      \"\n      (click)=\"pageIndex = totalNumberOfPages - 1\"\n    >\n      {{ totalNumberOfPages }}\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n      data-cy=\"onemrva-mat-paginator-btn-next\"\n      [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n      (click)=\"pageIndex = pageIndex + 1\"\n    >\n      {{ 'paginator.' + nextKey | translate }}\n    </button>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatPaginatorComponent } from './onemrva-mat-paginator.component';\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatPaginatorComponent],\n  exports: [],\n})\nexport class OnemrvaMatPaginatorModule {}\n","/*\n * Public API Surface of mat-paginator\n */\n\nexport * from './src/onemrva-mat-paginator.module';\nexport * from './src/onemrva-mat-paginator.component';\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-paginator.mjs","sources":["../../../../projects/onemrva/design-system/mat-paginator/src/onemrva-mat-paginator.component.ts","../../../../projects/onemrva/design-system/mat-paginator/src/onemrva-mat-paginator.component.html","../../../../projects/onemrva/design-system/mat-paginator/src/onemrva-mat-paginator.module.ts","../../../../projects/onemrva/design-system/mat-paginator/index.ts","../../../../projects/onemrva/design-system/mat-paginator/onemrvapublic-design-system-mat-paginator.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  OnInit,\n  OnDestroy,\n  inject,\n} from '@angular/core';\nimport { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';\nimport { PageEvent } from '@angular/material/paginator';\nimport { MatFormField } from '@angular/material/form-field';\nimport { MatOption, MatSelect } from '@angular/material/select';\nimport { MatDivider } from '@angular/material/divider';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-paginator',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './onemrva-mat-paginator.component.html',\n  styleUrl: './onemrva-mat-paginator.component.scss',\n  imports: [\n    MatFormField,\n    MatSelect,\n    MatOption,\n    MatDivider,\n    TranslatePipe,\n    NgClass,\n  ],\n  standalone: true,\n})\nexport class OnemrvaMatPaginatorComponent implements OnInit, OnDestroy {\n  @Input() type: 'default' | 'complex' = 'default';\n  @Input() pageSizeSelector = true; // Specs: DS-74\n  @Input() pageSizeOptions: number[] = [10, 20, 50, 100]; // Specs: DS-74\n  @Input() pageSizeDefaultOption = 10;\n  @Input() recordKey = 'recordsPerPage'; // this record key will be inside key \"paginator\". I.e the default key value that will be generated out of this input is paginator.recordsPerPage\n\n  private _isInitialized = false;\n  private _initializedStream = new ReplaySubject<void>(1);\n  /** Emits when the paginator is initialized. */\n  initialized: Observable<void> = this._initializedStream;\n\n  maxRecordNumber = 0;\n  private _pageIndex = 0;\n  private _prevIndex = 0;\n  private _length = 0;\n  private _pageSize: number = this.pageSizeDefaultOption;\n  private _totalNumberOfPages = 0;\n\n  public get pageIndex(): number {\n    return this._pageIndex;\n  }\n\n  @Input()\n  public set pageIndex(index: number) {\n    if (!Number.isInteger(index)) throw new Error('Index is not integer');\n    if (index < 0) throw new Error('Negative index');\n    if (index > this._totalNumberOfPages) throw new Error('Index out of bound');\n    if (this._pageIndex !== index) {\n      this._pageIndex = Math.min(index, this._totalNumberOfPages - 1);\n      this._emitPageEvent(this._pageIndex);\n      this.refreshState();\n    }\n  }\n\n  public resetPageIndex() {\n    this._pageIndex = 0;\n  }\n\n  public get length(): number {\n    return this._length;\n  }\n\n  @Input()\n  public set length(length: number) {\n    if (this._length !== length) {\n      this._length = length;\n      this.refreshState();\n    }\n  }\n\n  public get pageSize(): number {\n    return this._pageSize;\n  }\n\n  @Input()\n  public set pageSize(pageSize: number) {\n    if (!Number.isInteger(pageSize)) throw new Error('pageSize is not integer');\n    if (pageSize < 0) throw new Error('pageSize is negative');\n    if (this._pageSize !== pageSize) {\n      this._pageSize = pageSize;\n      this.pageSize$.next(this._pageSize);\n      this._pageIndex = 0;\n      this._emitPageEvent(this._pageIndex);\n      this.refreshState();\n    }\n  }\n\n  get totalNumberOfPages(): number {\n    return this._totalNumberOfPages;\n  }\n\n  @Input() previousKey = 'Previous';\n  @Input() nextKey = 'Next';\n\n  /** Deprecated **/\n  // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n  @Output() onRequestPage = new EventEmitter<number>(); // Pages are displayed starting from 1 but the index starts at 0\n\n  /** Event emitted when the paginator changes the page size or page index. */\n  @Output() readonly page: EventEmitter<PageEvent> =\n    new EventEmitter<PageEvent>();\n\n  pageIndex$ = new BehaviorSubject<number>(this._pageIndex);\n  pageSize$ = new BehaviorSubject<number>(this.pageSizeDefaultOption);\n\n  pages: number[] = [];\n  numberOfReachablePages = 5;\n\n  private readonly cd = inject(ChangeDetectorRef);\n\n  refreshState() {\n    this.maxRecordNumber = Math.min(\n      this._pageIndex * this._pageSize + this._pageSize,\n      this._length,\n    );\n\n    if (this._pageIndex < 0) throw Error('Negative index');\n    this._totalNumberOfPages = Math.ceil(this.length / this.pageSize);\n    if (\n      this._totalNumberOfPages > 0 &&\n      this._pageIndex > this._totalNumberOfPages\n    )\n      throw Error('Index out of bound');\n    if (!Number.isInteger(this._pageIndex)) throw Error('Index is not integer');\n\n    if (this._prevIndex != this.pageIndex) {\n      this.pageIndex$.next(this._pageIndex);\n      this._prevIndex = this.pageIndex;\n    }\n\n    if (this.type === 'complex') this.refreshComplex();\n    else this.refreshDefault();\n\n    this.cd.detectChanges();\n  }\n\n  refreshDefault() {\n    if (this._totalNumberOfPages <= this.numberOfReachablePages + 1) {\n      // Case 1: not enough pages to display the first \"...\"\n      this.pages = [...Array(this._totalNumberOfPages).keys()];\n    } else if (this.pageIndex <= this.numberOfReachablePages - 1) {\n      // Case 2: page index in first 5 pages\n      this.pages = [...Array(this.numberOfReachablePages).keys()];\n    } else {\n      let firstPageIndex =\n        Math.floor(this._pageIndex / this.numberOfReachablePages) *\n        this.numberOfReachablePages;\n\n      if (\n        this._totalNumberOfPages - firstPageIndex <=\n        this.numberOfReachablePages + 1\n      ) {\n        if (this._totalNumberOfPages - firstPageIndex <= 1) {\n          // Case 3: in the last block containing only 1 page\n          firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n          this.pages = [\n            ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n          ].map(x => x + firstPageIndex);\n        } else {\n          // Case 4: one block before the last with last block containing only 1 page\n          this.pages = [\n            ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n          ].map(x => x + firstPageIndex);\n        }\n      } else if (this._totalNumberOfPages - 1 - firstPageIndex <= 2) {\n        // Case 5: in the last block containing 2 pages or more\n        firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n        this.pages = [\n          ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n        ].map(x => x + firstPageIndex);\n      } else {\n        // Case 6: same as case 4 but the next block contains at least 2 pages\n        this.pages = [...Array(this.numberOfReachablePages).keys()].map(\n          x => x + firstPageIndex,\n        );\n      }\n    }\n  }\n\n  refreshComplex() {\n    if (this._totalNumberOfPages <= this.numberOfReachablePages + 2) {\n      // Case 1: not enough pages to display the first \"...\"\n      this.pages = [...Array(this._totalNumberOfPages).keys()];\n    } else if (this.pageIndex <= this.numberOfReachablePages - 1) {\n      // Case 2: page index in first 5 pages\n      this.pages = [...Array(this.numberOfReachablePages).keys()];\n    } else {\n      let firstPageIndex =\n        Math.floor(this._pageIndex / this.numberOfReachablePages) *\n        this.numberOfReachablePages;\n\n      if (\n        this._totalNumberOfPages - firstPageIndex <=\n        this.numberOfReachablePages + 2\n      ) {\n        if (this._totalNumberOfPages - firstPageIndex <= 2) {\n          // Case 3: in the last block containing max 2 pages\n          firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n          this.pages = [\n            ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n          ].map(x => x + firstPageIndex);\n        } else {\n          // Case 4: one block before the last with last block containing max 2 pages\n          this.pages = [\n            ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n          ].map(x => x + firstPageIndex);\n        }\n      } else if (this._totalNumberOfPages - 1 - firstPageIndex <= 3) {\n        // Case 5: in the last block containing 2 pages or more\n        firstPageIndex = firstPageIndex - this.numberOfReachablePages;\n        this.pages = [\n          ...Array(this._totalNumberOfPages - firstPageIndex).keys(),\n        ].map(x => x + firstPageIndex);\n      } else {\n        // Case 6: same as case 4 but the next block contains at least 2 pages\n        this.pages = [...Array(this.numberOfReachablePages).keys()].map(\n          x => x + firstPageIndex,\n        );\n      }\n    }\n  }\n\n  /** Emits an event notifying that a change of the paginator's properties has been triggered. */\n  private _emitPageEvent(previousPageIndex: number) {\n    this.page.emit({\n      previousPageIndex,\n      pageIndex: this._pageIndex,\n      pageSize: this._pageSize,\n      length: this._length,\n    });\n\n    // Deprecated\n    this.onRequestPage.emit(this._pageIndex);\n  }\n\n  ngOnInit() {\n    this._isInitialized = true;\n    this._initializedStream.next();\n  }\n\n  ngOnDestroy() {\n    this._initializedStream.complete();\n  }\n}\n","<div class=\"paginator-container\">\n  @if (pageSizeSelector) {\n    <div class=\"paginator-size-selector-container\">\n      @if (pageSizeOptions.length > 1) {\n        <mat-form-field\n          appearance=\"outline\"\n          class=\"paginator-size-selector\"\n          data-cy=\"onemrva-mat-paginator-page-size-selector\"\n        >\n          <mat-select [value]=\"pageSize\">\n            @for (size of pageSizeOptions; track size) {\n              <mat-option\n                [value]=\"size\"\n                (click)=\"pageSize = size\"\n                [attr.data-cy]=\"\n                  'onemrva-mat-paginator-page-size-option-' + size\n                \"\n                >{{ size }}\n              </mat-option>\n            }\n          </mat-select>\n        </mat-form-field>\n      }\n      <div>\n        @if (pageSizeOptions.length > 1) {\n          <span style=\"display: inline-block\">{{\n            'paginator.' + recordKey | translate\n          }}</span>\n          <mat-divider vertical></mat-divider>\n        }\n        {{ pageIndex * pageSize + 1 }} - {{ maxRecordNumber }}\n        <span>{{ 'paginator.outOf' | translate }}</span>\n        {{ length }}\n      </div>\n    </div>\n  }\n\n  @if (pages.length > 1) {\n    <div class=\"onemrva-mat-paginator\" data-cy=\"onemrva-mat-paginator\">\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-previous\"\n        data-cy=\"onemrva-mat-paginator-btn-previous\"\n        [disabled]=\"pageIndex === 0\"\n        (click)=\"pageIndex = pageIndex - 1\"\n      >\n        {{ 'paginator.' + previousKey | translate }}\n      </button>\n\n      @if (pages[0] > 0 && type === 'complex') {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-first\"\n          data-cy=\"onemrva-mat-paginator-first\"\n          (click)=\"pageIndex = 0\"\n        >\n          1\n        </button>\n      }\n      @if (pages[0] > 0) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-before\"\n          (click)=\"pageIndex = pageIndex - numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @for (page of pages; track page) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-page\"\n          [ngClass]=\"{\n            'onemrva-mat-paginator-current-index': pageIndex === page,\n          }\"\n          data-cy=\"onemrva-mat-paginator-btn-page\"\n          (click)=\"pageIndex = page\"\n        >\n          {{ page + 1 }}\n        </button>\n      }\n      @if (pages[pages.length - 1] < totalNumberOfPages - 1) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-too-many\"\n          data-cy=\"onemrva-mat-paginator-btn-too-many-after\"\n          (click)=\"pageIndex = pageIndex + numberOfReachablePages\"\n        >\n          ...\n        </button>\n      }\n      @if (\n        pages[pages.length - 1] < totalNumberOfPages - 1 && type === 'complex'\n      ) {\n        <button\n          type=\"button\"\n          class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-last\"\n          data-cy=\"onemrva-mat-paginator-btn-last\"\n          (click)=\"pageIndex = totalNumberOfPages - 1\"\n        >\n          {{ totalNumberOfPages }}\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"onemrva-mat-paginator-btn onemrva-mat-paginator-btn-next\"\n        data-cy=\"onemrva-mat-paginator-btn-next\"\n        [disabled]=\"pageIndex >= totalNumberOfPages - 1\"\n        (click)=\"pageIndex = pageIndex + 1\"\n      >\n        {{ 'paginator.' + nextKey | translate }}\n      </button>\n    </div>\n  }\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatPaginatorComponent } from './onemrva-mat-paginator.component';\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatPaginatorComponent],\n  exports: [],\n})\nexport class OnemrvaMatPaginatorModule {}\n","/*\n * Public API Surface of mat-paginator\n */\n\nexport * from './src/onemrva-mat-paginator.module';\nexport * from './src/onemrva-mat-paginator.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewChild, Input, ViewEncapsulation, Component, ContentChild, HostBinding, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { NgClass, NgTemplateOutlet, NgIf } from '@angular/common';
+import { TemplateRef, ViewChild, Input, ViewEncapsulation, Component, inject, ChangeDetectorRef, ContentChild, HostBinding, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
 
 class OnemrvaMatPanelTitleActionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatPanelTitleActionComponent, isStandalone: true, selector: "onemrva-mat-panel-title-action", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div\n    class=\"onemrva-mat-panel-title-action float-right\"\n    [ngClass]=\"customNgClass\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatPanelTitleActionComponent, isStandalone: true, selector: "onemrva-mat-panel-title-action", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div\n    class=\"onemrva-mat-panel-title-action float-right\"\n    [ngClass]=\"customNgClass\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-panel-title-action', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgClass], template: "<ng-template>\n  <div\n    class=\"onemrva-mat-panel-title-action float-right\"\n    [ngClass]=\"customNgClass\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { customNgClass: [{
@@ -17,19 +17,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class OnemrvaMatPanelTitleComponent {
-    constructor(cd) {
-        this.cd = cd;
+    constructor() {
+        this.cd = inject(ChangeDetectorRef);
     }
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatPanelTitleComponent, isStandalone: true, selector: "onemrva-mat-panel-title", inputs: { customNgClass: "customNgClass" }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"content?.template as tpl\">\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaMatPanelTitleComponent, isStandalone: true, selector: "onemrva-mat-panel-title", inputs: { customNgClass: "customNgClass" }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n    @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-panel-title', standalone: true, imports: [NgClass, NgTemplateOutlet, NgIf], template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"content?.template as tpl\">\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { customNgClass: [{
+            args: [{ selector: 'onemrva-mat-panel-title', standalone: true, imports: [NgClass, NgTemplateOutlet], template: "<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n    @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"] }]
+        }], propDecorators: { customNgClass: [{
                 type: Input
             }], template: [{
                 type: ViewChild,
@@ -40,10 +40,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class OnemrvaMatPanelContentComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatPanelContentComponent, isStandalone: true, selector: "onemrva-mat-panel-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer)}.onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatPanelContentComponent, isStandalone: true, selector: "onemrva-mat-panel-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer)}.onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-panel-content', standalone: true, imports: [NgClass], template: "<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer)}.onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
         }], propDecorators: { customNgClass: [{
@@ -54,10 +54,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class OnemrvaMatPanelIconComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatPanelIconComponent, isStandalone: true, selector: "onemrva-mat-panel-icon", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-icon{float:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatPanelIconComponent, isStandalone: true, selector: "onemrva-mat-panel-icon", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-icon{float:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-panel-icon', standalone: true, imports: [NgClass], template: "<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-icon{float:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}\n"] }]
         }], propDecorators: { customNgClass: [{
@@ -69,22 +69,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
 
 let NEXT_ID = 0;
 class OnemrvaMatPanelComponent {
-    constructor(cd) {
-        this.cd = cd;
+    constructor() {
         this.id = `onemrva-mat-panel-${NEXT_ID++}`;
         this.data_cy = 'onemrva-mat-panel';
         this.disabled = false;
+        this.cd = inject(ChangeDetectorRef);
     }
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: "id", data_cy: "data_cy", disabled: "disabled" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"icon?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<!--<h1 *ngIf=\"error\" style=\"color: red\">{{ error }}</h1>-->\n<div class=\"right-content\">\n  <ng-container *ngIf=\"title?.template as tpl\">\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"content?.template as tpl\">\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  </ng-container>\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-primary-container);padding:var(--triple-spacer);display:block;position:relative}:host[class^=mat-]{background:var(--mat-sys-primary-container)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: "id", data_cy: "data_cy", disabled: "disabled" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true }], ngImport: i0, template: "@if (icon?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) { \n  <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n<div class=\"right-content\">\n  @if (title?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  }\n  @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest)}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border:none}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, NgTemplateOutlet], standalone: true, template: "<ng-container *ngIf=\"icon?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<!--<h1 *ngIf=\"error\" style=\"color: red\">{{ error }}</h1>-->\n<div class=\"right-content\">\n  <ng-container *ngIf=\"title?.template as tpl\">\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"content?.template as tpl\">\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  </ng-container>\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-primary-container);padding:var(--triple-spacer);display:block;position:relative}:host[class^=mat-]{background:var(--mat-sys-primary-container)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { id: [{
+            args: [{ selector: 'onemrva-mat-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], standalone: true, template: "@if (icon?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) { \n  <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n<div class=\"right-content\">\n  @if (title?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  }\n  @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest)}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border:none}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
+        }], propDecorators: { id: [{
                 type: HostBinding,
                 args: ['attr.id']
             }, {
@@ -114,8 +114,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class OnemrvaMatPanelModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent,
             OnemrvaMatPanelTitleComponent,
             OnemrvaMatPanelContentComponent,
             OnemrvaMatPanelTitleActionComponent,
@@ -124,9 +124,9 @@ class OnemrvaMatPanelModule {
             OnemrvaMatPanelContentComponent,
             OnemrvaMatPanelTitleActionComponent,
             OnemrvaMatPanelIconComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

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

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-panel.mjs","sources":["../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title-action.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title-action.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-content.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-content.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-icon.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-icon.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.component.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.module.ts","../../../../projects/onemrva/design-system/mat-panel/onemrvapublic-design-system-mat-panel.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-panel-title-action',\n  templateUrl: './onemrva-mat-panel-title-action.html',\n  standalone: true,\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgClass],\n})\nexport class OnemrvaMatPanelTitleActionComponent {\n  @Input() customNgClass: any;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n  <div\n    class=\"onemrva-mat-panel-title-action float-right\"\n    [ngClass]=\"customNgClass\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n","import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  Input,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { OnemrvaMatPanelTitleActionComponent } from './onemrva-mat-panel-title-action.component';\nimport { NgClass, NgIf, NgTemplateOutlet } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-panel-title',\n  templateUrl: './onemrva-mat-panel-title.html',\n  styleUrl: './onemrva-mat-panel-title.scss',\n  standalone: true,\n  imports: [NgClass, NgTemplateOutlet, NgIf],\n})\nexport class OnemrvaMatPanelTitleComponent implements AfterViewInit {\n  @Input() customNgClass: any;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n\n  @ContentChild(OnemrvaMatPanelTitleActionComponent)\n  content?: OnemrvaMatPanelTitleActionComponent;\n\n  constructor(private cd: ChangeDetectorRef) {}\n\n  ngAfterViewInit() {\n    this.cd.detectChanges();\n  }\n}\n","<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n    <ng-container *ngIf=\"content?.template as tpl\">\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    </ng-container>\n  </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-panel-content',\n  templateUrl: './onemrva-mat-panel-content.html',\n  styleUrl: './onemrva-mat-panel-content.scss',\n  standalone: true,\n  imports: [NgClass],\n})\nexport class OnemrvaMatPanelContentComponent {\n  @Input() customNgClass: any;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-panel-icon',\n  templateUrl: './onemrva-mat-panel-icon.html',\n  styleUrl: './onemrva-mat-panel-icon.scss',\n  standalone: true,\n  imports: [NgClass],\n})\nexport class OnemrvaMatPanelIconComponent {\n  @Input() customNgClass: any;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n","import {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  HostBinding,\n  Input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { OnemrvaMatPanelTitleComponent } from './onemrva-mat-panel-title.component';\nimport { OnemrvaMatPanelContentComponent } from './onemrva-mat-panel-content.component';\nimport { OnemrvaMatPanelIconComponent } from './onemrva-mat-panel-icon.component';\nimport { NgIf, NgTemplateOutlet } from '@angular/common';\n\nlet NEXT_ID = 0;\n\n@Component({\n  selector: 'onemrva-mat-panel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './onemrva-mat-panel.component.html',\n  styleUrl: './onemrva-mat-panel.component.scss',\n  imports: [NgIf, NgTemplateOutlet],\n  standalone: true,\n}) //AfterContentInit,\nexport class OnemrvaMatPanelComponent implements AfterViewInit {\n  @HostBinding('attr.id')\n  @Input()\n  public id = `onemrva-mat-panel-${NEXT_ID++}`;\n\n  @HostBinding('attr.data-cy')\n  @Input()\n  data_cy = 'onemrva-mat-panel';\n\n  @HostBinding('class.mat-disabled')\n  @Input()\n  disabled = false;\n\n  @ContentChild(OnemrvaMatPanelTitleComponent)\n  title?: OnemrvaMatPanelTitleComponent;\n\n  @ContentChild(OnemrvaMatPanelContentComponent)\n  content?: OnemrvaMatPanelContentComponent;\n\n  @HostBinding('class.has-icon')\n  @ContentChild(OnemrvaMatPanelIconComponent)\n  icon?: OnemrvaMatPanelIconComponent;\n\n  error?: string;\n\n  constructor(private cd: ChangeDetectorRef) {}\n\n  ngAfterViewInit() {\n    this.cd.detectChanges();\n  }\n}\n","<ng-container *ngIf=\"icon?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<!--<h1 *ngIf=\"error\" style=\"color: red\">{{ error }}</h1>-->\n<div class=\"right-content\">\n  <ng-container *ngIf=\"title?.template as tpl\">\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  </ng-container>\n  <ng-container *ngIf=\"content?.template as tpl\">\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  </ng-container>\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatPanelComponent } from './onemrva-mat-panel.component';\nimport { OnemrvaMatPanelTitleComponent } from './onemrva-mat-panel-title.component';\nimport { OnemrvaMatPanelContentComponent } from './onemrva-mat-panel-content.component';\nimport { OnemrvaMatPanelTitleActionComponent } from './onemrva-mat-panel-title-action.component';\nimport { OnemrvaMatPanelIconComponent } from './onemrva-mat-panel-icon.component';\n\n@NgModule({\n  declarations: [],\n  imports: [\n    OnemrvaMatPanelComponent,\n    OnemrvaMatPanelTitleComponent,\n    OnemrvaMatPanelContentComponent,\n    OnemrvaMatPanelTitleActionComponent,\n    OnemrvaMatPanelIconComponent,\n  ],\n  exports: [\n    OnemrvaMatPanelComponent,\n    OnemrvaMatPanelTitleComponent,\n    OnemrvaMatPanelContentComponent,\n    OnemrvaMatPanelTitleActionComponent,\n    OnemrvaMatPanelIconComponent,\n  ],\n})\nexport class OnemrvaMatPanelModule {}\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-panel.mjs","sources":["../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title-action.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title-action.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-title.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-content.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-content.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-icon.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel-icon.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.component.ts","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.component.html","../../../../projects/onemrva/design-system/mat-panel/src/onemrva-mat-panel.module.ts","../../../../projects/onemrva/design-system/mat-panel/onemrvapublic-design-system-mat-panel.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  TemplateRef,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-panel-title-action',\n  templateUrl: './onemrva-mat-panel-title-action.html',\n  standalone: true,\n  encapsulation: ViewEncapsulation.None,\n  imports: [NgClass],\n})\nexport class OnemrvaMatPanelTitleActionComponent {\n  @Input() customNgClass: any;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n  <div\n    class=\"onemrva-mat-panel-title-action float-right\"\n    [ngClass]=\"customNgClass\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n","import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  inject,\n  Input,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { OnemrvaMatPanelTitleActionComponent } from './onemrva-mat-panel-title-action.component';\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-panel-title',\n  templateUrl: './onemrva-mat-panel-title.html',\n  styleUrl: './onemrva-mat-panel-title.scss',\n  standalone: true,\n  imports: [NgClass, NgTemplateOutlet],\n})\nexport class OnemrvaMatPanelTitleComponent implements AfterViewInit {\n  @Input() customNgClass: any;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n\n  @ContentChild(OnemrvaMatPanelTitleActionComponent)\n  content?: OnemrvaMatPanelTitleActionComponent;\n\n  private readonly cd = inject(ChangeDetectorRef);\n\n  ngAfterViewInit() {\n    this.cd.detectChanges();\n  }\n}\n","<ng-template>\n  <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n    @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n    }\n  </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-panel-content',\n  templateUrl: './onemrva-mat-panel-content.html',\n  styleUrl: './onemrva-mat-panel-content.scss',\n  standalone: true,\n  imports: [NgClass],\n})\nexport class OnemrvaMatPanelContentComponent {\n  @Input() customNgClass: any;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n  <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\nimport { NgClass } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-panel-icon',\n  templateUrl: './onemrva-mat-panel-icon.html',\n  styleUrl: './onemrva-mat-panel-icon.scss',\n  standalone: true,\n  imports: [NgClass],\n})\nexport class OnemrvaMatPanelIconComponent {\n  @Input() customNgClass: any;\n\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n  <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  HostBinding,\n  inject,\n  Input,\n} from '@angular/core';\nimport { OnemrvaMatPanelTitleComponent } from './onemrva-mat-panel-title.component';\nimport { OnemrvaMatPanelContentComponent } from './onemrva-mat-panel-content.component';\nimport { OnemrvaMatPanelIconComponent } from './onemrva-mat-panel-icon.component';\nimport { NgTemplateOutlet } from '@angular/common';\n\nlet NEXT_ID = 0;\n\n@Component({\n  selector: 'onemrva-mat-panel',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './onemrva-mat-panel.component.html',\n  styleUrl: './onemrva-mat-panel.component.scss',\n  imports: [NgTemplateOutlet],\n  standalone: true,\n}) //AfterContentInit,\nexport class OnemrvaMatPanelComponent implements AfterViewInit {\n  @HostBinding('attr.id')\n  @Input()\n  public id = `onemrva-mat-panel-${NEXT_ID++}`;\n\n  @HostBinding('attr.data-cy')\n  @Input()\n  data_cy = 'onemrva-mat-panel';\n\n  @HostBinding('class.mat-disabled')\n  @Input()\n  disabled = false;\n\n  @ContentChild(OnemrvaMatPanelTitleComponent)\n  title?: OnemrvaMatPanelTitleComponent;\n\n  @ContentChild(OnemrvaMatPanelContentComponent)\n  content?: OnemrvaMatPanelContentComponent;\n\n  @HostBinding('class.has-icon')\n  @ContentChild(OnemrvaMatPanelIconComponent)\n  icon?: OnemrvaMatPanelIconComponent;\n\n  error?: string;\n\n  private readonly cd = inject(ChangeDetectorRef);\n\n  ngAfterViewInit() {\n    this.cd.detectChanges();\n  }\n}\n","@if (icon?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) { \n  <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n<div class=\"right-content\">\n  @if (title?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  }\n  @if (content?.template; as tpl) {\n    <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n  }\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatPanelComponent } from './onemrva-mat-panel.component';\nimport { OnemrvaMatPanelTitleComponent } from './onemrva-mat-panel-title.component';\nimport { OnemrvaMatPanelContentComponent } from './onemrva-mat-panel-content.component';\nimport { OnemrvaMatPanelTitleActionComponent } from './onemrva-mat-panel-title-action.component';\nimport { OnemrvaMatPanelIconComponent } from './onemrva-mat-panel-icon.component';\n\n@NgModule({\n  declarations: [],\n  imports: [\n    OnemrvaMatPanelComponent,\n    OnemrvaMatPanelTitleComponent,\n    OnemrvaMatPanelContentComponent,\n    OnemrvaMatPanelTitleActionComponent,\n    OnemrvaMatPanelIconComponent,\n  ],\n  exports: [\n    OnemrvaMatPanelComponent,\n    OnemrvaMatPanelTitleComponent,\n    OnemrvaMatPanelContentComponent,\n    OnemrvaMatPanelTitleActionComponent,\n    OnemrvaMatPanelIconComponent,\n  ],\n})\nexport class OnemrvaMatPanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}