@onemrvapublic/design-system 21.8.1-develop.3 → 22.0.0-develop.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -3
- package/fesm2022/onemrvapublic-design-system-card.mjs +33 -20
- package/fesm2022/onemrvapublic-design-system-card.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-collapsible-page-divider.mjs +11 -7
- package/fesm2022/onemrvapublic-design-system-collapsible-page-divider.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-flag-icon.mjs +9 -6
- package/fesm2022/onemrvapublic-design-system-flag-icon.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-layout.mjs +169 -114
- package/fesm2022/onemrvapublic-design-system-layout.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-address.mjs +9 -6
- package/fesm2022/onemrvapublic-design-system-mat-address.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-avatar.mjs +23 -13
- package/fesm2022/onemrvapublic-design-system-mat-avatar.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs +14 -12
- package/fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs +22 -14
- package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs +13 -8
- package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs +5 -4
- package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-country-item.mjs +7 -5
- package/fesm2022/onemrvapublic-design-system-mat-country-item.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-empty-row.mjs +9 -6
- package/fesm2022/onemrvapublic-design-system-mat-empty-row.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs +78 -49
- package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs +22 -14
- package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs +23 -13
- package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs +19 -11
- package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-enterprise-number.mjs +19 -11
- package/fesm2022/onemrvapublic-design-system-mat-input-enterprise-number.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs +18 -11
- package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs +17 -12
- package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs +29 -18
- package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs +19 -13
- package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-navigation.mjs +54 -32
- package/fesm2022/onemrvapublic-design-system-mat-navigation.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-notification.mjs +13 -8
- package/fesm2022/onemrvapublic-design-system-mat-notification.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs +21 -14
- package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-panel.mjs +56 -39
- package/fesm2022/onemrvapublic-design-system-mat-panel.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs +33 -23
- package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs +19 -11
- package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs +56 -35
- package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs +19 -13
- package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs +13 -10
- package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs +61 -34
- package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-spinner.mjs +12 -11
- package/fesm2022/onemrvapublic-design-system-mat-spinner.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs +10 -11
- package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs +37 -23
- package/fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-task-list.mjs +44 -30
- package/fesm2022/onemrvapublic-design-system-mat-task-list.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-toast.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs +24 -17
- package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-page-error.mjs +14 -10
- package/fesm2022/onemrvapublic-design-system-page-error.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-page-not-found.mjs +24 -20
- package/fesm2022/onemrvapublic-design-system-page-not-found.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-shared.mjs +120 -98
- package/fesm2022/onemrvapublic-design-system-shared.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system.mjs +1 -1
- package/fesm2022/onemrvapublic-design-system.mjs.map +1 -1
- package/package.json +15 -15
- package/types/onemrvapublic-design-system.d.ts +1 -1
|
@@ -8,11 +8,16 @@ import { TranslatePipe } from '@ngx-translate/core';
|
|
|
8
8
|
|
|
9
9
|
class OnemrvaMatPaginatorComponent {
|
|
10
10
|
constructor() {
|
|
11
|
-
this.type = input('default',
|
|
12
|
-
|
|
13
|
-
this.
|
|
14
|
-
|
|
15
|
-
this.
|
|
11
|
+
this.type = input('default', /* @ts-ignore */
|
|
12
|
+
...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
13
|
+
this.pageSizeSelector = input(true, /* @ts-ignore */
|
|
14
|
+
...(ngDevMode ? [{ debugName: "pageSizeSelector" }] : /* istanbul ignore next */ [])); // Specs: DS-74
|
|
15
|
+
this.pageSizeOptions = input([10, 20, 50, 100], /* @ts-ignore */
|
|
16
|
+
...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : /* istanbul ignore next */ [])); // Specs: DS-74
|
|
17
|
+
this.pageSizeDefaultOption = input(10, /* @ts-ignore */
|
|
18
|
+
...(ngDevMode ? [{ debugName: "pageSizeDefaultOption" }] : /* istanbul ignore next */ []));
|
|
19
|
+
this.recordKey = input('recordsPerPage', /* @ts-ignore */
|
|
20
|
+
...(ngDevMode ? [{ debugName: "recordKey" }] : /* istanbul ignore next */ [])); // 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
|
|
16
21
|
this._isInitialized = false;
|
|
17
22
|
this._initializedStream = new ReplaySubject(1);
|
|
18
23
|
/** Emits when the paginator is initialized. */
|
|
@@ -23,8 +28,10 @@ class OnemrvaMatPaginatorComponent {
|
|
|
23
28
|
this._length = 0;
|
|
24
29
|
this._pageSize = this.pageSizeDefaultOption();
|
|
25
30
|
this._totalNumberOfPages = 0;
|
|
26
|
-
this.previousKey = input('Previous',
|
|
27
|
-
|
|
31
|
+
this.previousKey = input('Previous', /* @ts-ignore */
|
|
32
|
+
...(ngDevMode ? [{ debugName: "previousKey" }] : /* istanbul ignore next */ []));
|
|
33
|
+
this.nextKey = input('Next', /* @ts-ignore */
|
|
34
|
+
...(ngDevMode ? [{ debugName: "nextKey" }] : /* istanbul ignore next */ []));
|
|
28
35
|
/** Deprecated **/
|
|
29
36
|
// eslint-disable-next-line @angular-eslint/no-output-on-prefix
|
|
30
37
|
this.onRequestPage = output(); // Pages are displayed starting from 1 but the index starts at 0
|
|
@@ -203,10 +210,10 @@ class OnemrvaMatPaginatorComponent {
|
|
|
203
210
|
ngOnDestroy() {
|
|
204
211
|
this._initializedStream.complete();
|
|
205
212
|
}
|
|
206
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
207
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
213
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
214
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaMatPaginatorComponent, isStandalone: true, selector: "onemrva-mat-paginator", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, pageSizeSelector: { classPropertyName: "pageSizeSelector", publicName: "pageSizeSelector", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, pageSizeDefaultOption: { classPropertyName: "pageSizeDefaultOption", publicName: "pageSizeDefaultOption", isSignal: true, isRequired: false, transformFunction: null }, recordKey: { classPropertyName: "recordKey", publicName: "recordKey", isSignal: true, isRequired: false, transformFunction: null }, pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: false, isRequired: false, transformFunction: null }, length: { classPropertyName: "length", publicName: "length", isSignal: false, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: false, isRequired: false, transformFunction: null }, previousKey: { classPropertyName: "previousKey", publicName: "previousKey", isSignal: true, isRequired: false, transformFunction: null }, nextKey: { classPropertyName: "nextKey", publicName: "nextKey", isSignal: true, isRequired: false, transformFunction: null } }, 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 />\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 [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
208
215
|
}
|
|
209
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPaginatorComponent, decorators: [{
|
|
210
217
|
type: Component,
|
|
211
218
|
args: [{ selector: 'onemrva-mat-paginator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatFormField, MatSelect, MatOption, MatDivider, TranslatePipe], 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 />\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 [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\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"] }]
|
|
212
219
|
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], pageSizeSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeSelector", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], pageSizeDefaultOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeDefaultOption", required: false }] }], recordKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "recordKey", required: false }] }], pageIndex: [{
|
|
@@ -218,11 +225,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
218
225
|
}], previousKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "previousKey", required: false }] }], nextKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextKey", required: false }] }], onRequestPage: [{ type: i0.Output, args: ["onRequestPage"] }], page: [{ type: i0.Output, args: ["page"] }] } });
|
|
219
226
|
|
|
220
227
|
class OnemrvaMatPaginatorModule {
|
|
221
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
222
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
223
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
228
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
229
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPaginatorModule, imports: [OnemrvaMatPaginatorComponent] }); }
|
|
230
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPaginatorModule, imports: [OnemrvaMatPaginatorComponent] }); }
|
|
224
231
|
}
|
|
225
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPaginatorModule, decorators: [{
|
|
226
233
|
type: NgModule,
|
|
227
234
|
args: [{
|
|
228
235
|
declarations: [],
|
|
@@ -1 +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 ChangeDetectionStrategy,\n ChangeDetectorRef,\n OnInit,\n OnDestroy,\n inject,\n input,\n output,\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';\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: [MatFormField, MatSelect, MatOption, MatDivider, TranslatePipe],\n standalone: true,\n})\nexport class OnemrvaMatPaginatorComponent implements OnInit, OnDestroy {\n readonly type = input<'default' | 'complex'>('default');\n readonly pageSizeSelector = input(true); // Specs: DS-74\n readonly pageSizeOptions = input<number[]>([10, 20, 50, 100]); // Specs: DS-74\n readonly pageSizeDefaultOption = input(10);\n readonly recordKey = input('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 readonly previousKey = input('Previous');\n readonly nextKey = input('Next');\n\n /** Deprecated **/\n // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n readonly onRequestPage = output<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 readonly page = output<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 />\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 [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\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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"}
|
|
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 ChangeDetectionStrategy,\n ChangeDetectorRef,\n OnInit,\n OnDestroy,\n inject,\n input,\n output,\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';\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: [MatFormField, MatSelect, MatOption, MatDivider, TranslatePipe],\n standalone: true,\n})\nexport class OnemrvaMatPaginatorComponent implements OnInit, OnDestroy {\n readonly type = input<'default' | 'complex'>('default');\n readonly pageSizeSelector = input(true); // Specs: DS-74\n readonly pageSizeOptions = input<number[]>([10, 20, 50, 100]); // Specs: DS-74\n readonly pageSizeDefaultOption = input(10);\n readonly recordKey = input('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 readonly previousKey = input('Previous');\n readonly nextKey = input('Next');\n\n /** Deprecated **/\n // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n readonly onRequestPage = output<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 readonly page = output<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 />\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 [class.onemrva-mat-paginator-current-index]=\"pageIndex === page\"\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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"}
|
|
@@ -5,58 +5,67 @@ import { MatExpansionPanel, MatExpansionPanelHeader } from '@angular/material/ex
|
|
|
5
5
|
|
|
6
6
|
class OnemrvaMatPanelTitleActionComponent {
|
|
7
7
|
constructor() {
|
|
8
|
-
this.customNgClass = input(
|
|
9
|
-
|
|
8
|
+
this.customNgClass = input(/* @ts-ignore */
|
|
9
|
+
...(ngDevMode ? [undefined, { debugName: "customNgClass" }] : /* istanbul ignore next */ []));
|
|
10
|
+
this.template = viewChild(TemplateRef, /* @ts-ignore */
|
|
11
|
+
...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
|
|
10
12
|
}
|
|
11
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
13
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.1", type: OnemrvaMatPanelTitleActionComponent, isStandalone: true, selector: "onemrva-mat-panel-title-action", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n <div\n class=\"onemrva-mat-panel-title-action float-right\"\n [ngClass]=\"customNgClass()\"\n >\n <ng-content />\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
13
15
|
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, decorators: [{
|
|
15
17
|
type: Component,
|
|
16
18
|
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 />\n </div>\n</ng-template>\n" }]
|
|
17
19
|
}], propDecorators: { customNgClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customNgClass", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
|
|
18
20
|
|
|
19
21
|
class OnemrvaMatPanelTitleComponent {
|
|
20
22
|
constructor() {
|
|
21
|
-
this.customNgClass = input(
|
|
22
|
-
|
|
23
|
-
this.
|
|
23
|
+
this.customNgClass = input(/* @ts-ignore */
|
|
24
|
+
...(ngDevMode ? [undefined, { debugName: "customNgClass" }] : /* istanbul ignore next */ []));
|
|
25
|
+
this.template = viewChild(TemplateRef, /* @ts-ignore */
|
|
26
|
+
...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
|
|
27
|
+
this.content = contentChild(OnemrvaMatPanelTitleActionComponent, /* @ts-ignore */
|
|
28
|
+
...(ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []));
|
|
24
29
|
this.toggleButtonReference = null;
|
|
25
30
|
this.cd = inject(ChangeDetectorRef);
|
|
26
31
|
}
|
|
27
32
|
ngAfterViewInit() {
|
|
28
33
|
this.cd.detectChanges();
|
|
29
34
|
}
|
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
35
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaMatPanelTitleComponent, isStandalone: true, selector: "onemrva-mat-panel-title", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass()\">\n <ng-content />\n @if (content()?.template(); as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\" />\n }\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large);color:var(--mat-panel-title-color);display:flex;justify-content:space-between;width:100%;align-items:center}.is-expandable .onemrva-mat-panel-title{width:calc(100% - 50px)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
32
37
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
|
|
34
39
|
type: Component,
|
|
35
40
|
args: [{ selector: 'onemrva-mat-panel-title', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgClass, NgTemplateOutlet], template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass()\">\n <ng-content />\n @if (content()?.template(); as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\" />\n }\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large);color:var(--mat-panel-title-color);display:flex;justify-content:space-between;width:100%;align-items:center}.is-expandable .onemrva-mat-panel-title{width:calc(100% - 50px)}\n"] }]
|
|
36
41
|
}], propDecorators: { customNgClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customNgClass", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }], content: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OnemrvaMatPanelTitleActionComponent), { isSignal: true }] }] } });
|
|
37
42
|
|
|
38
43
|
class OnemrvaMatPanelContentComponent {
|
|
39
44
|
constructor() {
|
|
40
|
-
this.customNgClass = input(
|
|
41
|
-
|
|
45
|
+
this.customNgClass = input(/* @ts-ignore */
|
|
46
|
+
...(ngDevMode ? [undefined, { debugName: "customNgClass" }] : /* istanbul ignore next */ []));
|
|
47
|
+
this.template = viewChild(TemplateRef, /* @ts-ignore */
|
|
48
|
+
...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
|
|
42
49
|
}
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
50
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
51
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.1", type: OnemrvaMatPanelContentComponent, isStandalone: true, selector: "onemrva-mat-panel-content", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass()\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content:not(:empty){margin-top:var(--double-spacer);color:var(--mat-sys-on-surface)}.onemrva-mat-panel-content:not(:empty) p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
45
52
|
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
|
|
47
54
|
type: Component,
|
|
48
55
|
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 />\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content:not(:empty){margin-top:var(--double-spacer);color:var(--mat-sys-on-surface)}.onemrva-mat-panel-content:not(:empty) p:last-child{margin:0}\n"] }]
|
|
49
56
|
}], propDecorators: { customNgClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customNgClass", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
|
|
50
57
|
|
|
51
58
|
class OnemrvaMatPanelIconComponent {
|
|
52
59
|
constructor() {
|
|
53
|
-
this.customNgClass = input(
|
|
54
|
-
|
|
60
|
+
this.customNgClass = input(/* @ts-ignore */
|
|
61
|
+
...(ngDevMode ? [undefined, { debugName: "customNgClass" }] : /* istanbul ignore next */ []));
|
|
62
|
+
this.template = viewChild(TemplateRef, /* @ts-ignore */
|
|
63
|
+
...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
|
|
55
64
|
}
|
|
56
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
57
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "
|
|
65
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
66
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.1", type: OnemrvaMatPanelIconComponent, isStandalone: true, selector: "onemrva-mat-panel-icon", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass()\">\n <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"] }] }); }
|
|
58
67
|
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelIconComponent, decorators: [{
|
|
60
69
|
type: Component,
|
|
61
70
|
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 />\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"] }]
|
|
62
71
|
}], propDecorators: { customNgClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customNgClass", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
|
|
@@ -64,15 +73,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
64
73
|
let NEXT_ID = 0;
|
|
65
74
|
class OnemrvaMatPanelComponent {
|
|
66
75
|
constructor() {
|
|
67
|
-
this.id = input(`onemrva-mat-panel-${NEXT_ID++}`,
|
|
68
|
-
|
|
69
|
-
this.
|
|
70
|
-
|
|
71
|
-
this.
|
|
76
|
+
this.id = input(`onemrva-mat-panel-${NEXT_ID++}`, /* @ts-ignore */
|
|
77
|
+
...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
|
|
78
|
+
this.data_cy = input('onemrva-mat-panel', /* @ts-ignore */
|
|
79
|
+
...(ngDevMode ? [{ debugName: "data_cy" }] : /* istanbul ignore next */ []));
|
|
80
|
+
this.disabled = input(false, /* @ts-ignore */
|
|
81
|
+
...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
|
|
82
|
+
this.panel = contentChild(OnemrvaMatPanelComponent, /* @ts-ignore */
|
|
83
|
+
...(ngDevMode ? [{ debugName: "panel" }] : /* istanbul ignore next */ []));
|
|
84
|
+
this.title = contentChild(OnemrvaMatPanelTitleComponent, /* @ts-ignore */
|
|
85
|
+
...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
|
|
72
86
|
this.content = contentChild.required(OnemrvaMatPanelContentComponent);
|
|
73
|
-
this.icon = contentChild(OnemrvaMatPanelIconComponent,
|
|
74
|
-
|
|
75
|
-
this.
|
|
87
|
+
this.icon = contentChild(OnemrvaMatPanelIconComponent, /* @ts-ignore */
|
|
88
|
+
...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
|
|
89
|
+
this.expandable = input(false, /* @ts-ignore */
|
|
90
|
+
...(ngDevMode ? [{ debugName: "expandable" }] : /* istanbul ignore next */ []));
|
|
91
|
+
this.expanded = input(true, /* @ts-ignore */
|
|
92
|
+
...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
|
|
76
93
|
this.expandedChange = output();
|
|
77
94
|
this.cd = inject(ChangeDetectorRef);
|
|
78
95
|
}
|
|
@@ -82,10 +99,10 @@ class OnemrvaMatPanelComponent {
|
|
|
82
99
|
ngAfterViewInit() {
|
|
83
100
|
this.cd.detectChanges();
|
|
84
101
|
}
|
|
85
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
86
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
102
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
103
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, data_cy: { classPropertyName: "data_cy", publicName: "data_cy", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange" }, host: { properties: { "attr.id": "id()", "attr.data-cy": "data_cy()", "class.mat-disabled": "disabled()", "class.is-expandable": "expandable()" } }, queries: [{ propertyName: "panel", first: true, predicate: OnemrvaMatPanelComponent, descendants: true, isSignal: true }, { propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true, isSignal: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true, isSignal: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (icon()?.template(); as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\" />\n}\n\n<div class=\"right-content\">\n @if (expandable()) {\n @if (title()?.template(); as titleTpl) {\n <mat-expansion-panel\n [expanded]=\"expanded()\"\n (expandedChange)=\"onChangeState($event)\"\n >\n <mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"titleTpl\" />\n </mat-expansion-panel-header>\n <ng-container *ngTemplateOutlet=\"content().template()\" />\n </mat-expansion-panel>\n }\n } @else {\n @if (title()?.template(); as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\" />\n }\n <ng-container *ngTemplateOutlet=\"content().template()\" />\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.is-expandable{padding:0;--mat-expansion-header-expanded-state-height: 80px;--mat-expansion-header-collapsed-state-height: 80px;--mat-expansion-container-shape: var(--border-radius);--mat-expansion-container-background-color: transparent}:host.is-expandable mat-expansion-panel.mat-expanded mat-expansion-panel-header.mat-expansion-panel-header{border-bottom:1px solid var(--mat-sys-outline-variant)}:host.is-expandable mat-expansion-panel-header.mat-expansion-panel-header{padding:var(--double-spacer) var(--triple-spacer);height:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-sys-on-surface: --on-background-gradient;--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.mat-neutral{--mat-form-field-outlined-label-text-color: var(--on-background);--mat-form-field-outlined-outline-color: var(--on-background);--mat-form-field-outlined-focus-label-text-color: var(--on-background);--mat-form-field-outlined-focus-outline-color: var(--on-background);--mat-form-field-outlined-hover-label-text-color: var(--on-background);--mat-form-field-outlined-hover-outline-color: var(--on-background);--mat-form-field-outlined-input-text-color: var(--on-background);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background);--mat-select-enabled-arrow-color: var(--on-background);--mat-select-focused-arrow-color: var(--on-background);--mat-select-placeholder-text-color: var(--on-background);--mat-select-enabled-trigger-text-color: var(--on-background)}: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"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
87
104
|
}
|
|
88
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
|
|
89
106
|
type: Component,
|
|
90
107
|
args: [{ selector: 'onemrva-mat-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, MatExpansionPanel, MatExpansionPanelHeader], standalone: true, host: {
|
|
91
108
|
'[attr.id]': 'id()',
|
|
@@ -96,8 +113,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
96
113
|
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], data_cy: [{ type: i0.Input, args: [{ isSignal: true, alias: "data_cy", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], panel: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OnemrvaMatPanelComponent), { isSignal: true }] }], title: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OnemrvaMatPanelTitleComponent), { isSignal: true }] }], content: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OnemrvaMatPanelContentComponent), { isSignal: true }] }], icon: [{ type: i0.ContentChild, args: [i0.forwardRef(() => OnemrvaMatPanelIconComponent), { isSignal: true }] }], expandable: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandable", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }] } });
|
|
97
114
|
|
|
98
115
|
class OnemrvaMatPanelModule {
|
|
99
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
100
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
116
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
117
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent,
|
|
101
118
|
OnemrvaMatPanelTitleComponent,
|
|
102
119
|
OnemrvaMatPanelContentComponent,
|
|
103
120
|
OnemrvaMatPanelTitleActionComponent,
|
|
@@ -106,9 +123,9 @@ class OnemrvaMatPanelModule {
|
|
|
106
123
|
OnemrvaMatPanelContentComponent,
|
|
107
124
|
OnemrvaMatPanelTitleActionComponent,
|
|
108
125
|
OnemrvaMatPanelIconComponent] }); }
|
|
109
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
126
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent] }); }
|
|
110
127
|
}
|
|
111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
|
|
112
129
|
type: NgModule,
|
|
113
130
|
args: [{
|
|
114
131
|
declarations: [],
|
|
@@ -130,10 +147,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
130
147
|
}] });
|
|
131
148
|
|
|
132
149
|
class MatExpansionPanelHeaderArrowDivider {
|
|
133
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
134
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
150
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: MatExpansionPanelHeaderArrowDivider, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
151
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: MatExpansionPanelHeaderArrowDivider, isStandalone: true, selector: "mat-expansion-panel-header-arrow-divider", ngImport: i0, template: "<span></span>\n", styles: [":host span{position:absolute;top:1.55rem;right:3.4rem;display:inline-flex;border-left:1px solid var(--mat-sys-outline-variant);height:30px;margin:0}\n"] }); }
|
|
135
152
|
}
|
|
136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
153
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: MatExpansionPanelHeaderArrowDivider, decorators: [{
|
|
137
154
|
type: Component,
|
|
138
155
|
args: [{ selector: 'mat-expansion-panel-header-arrow-divider', imports: [], standalone: true, template: "<span></span>\n", styles: [":host span{position:absolute;top:1.55rem;right:3.4rem;display:inline-flex;border-left:1px solid var(--mat-sys-outline-variant);height:30px;margin:0}\n"] }]
|
|
139
156
|
}] });
|