@onemrvapublic/design-system 21.3.0-develop.1 → 21.4.0-develop.1
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 +3 -3
- package/card/src/onemrva-card.component.scss +0 -1
- package/fesm2022/onemrvapublic-design-system-card.mjs +20 -20
- package/fesm2022/onemrvapublic-design-system-card.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-flag-icon.mjs +6 -6
- package/fesm2022/onemrvapublic-design-system-flag-icon.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-layout.mjs +111 -111
- package/fesm2022/onemrvapublic-design-system-layout.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-address.mjs +5 -5
- package/fesm2022/onemrvapublic-design-system-mat-address.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-avatar.mjs +22 -22
- package/fesm2022/onemrvapublic-design-system-mat-avatar.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs +12 -12
- package/fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs +14 -14
- package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-country-item.mjs +5 -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 +6 -6
- package/fesm2022/onemrvapublic-design-system-mat-empty-row.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs +46 -46
- package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs +14 -14
- package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs +13 -13
- package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs +11 -11
- package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-enterprise-number.mjs +11 -11
- package/fesm2022/onemrvapublic-design-system-mat-input-enterprise-number.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs +10 -10
- package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs +11 -11
- package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs +18 -18
- package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs +17 -17
- package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-navigation.mjs +31 -31
- package/fesm2022/onemrvapublic-design-system-mat-navigation.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-notification.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-notification.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs +14 -14
- package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-panel.mjs +39 -39
- package/fesm2022/onemrvapublic-design-system-mat-panel.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs +23 -23
- package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs +11 -11
- package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs +36 -36
- package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs +13 -13
- package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs +10 -10
- package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs +34 -34
- package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-spinner.mjs +11 -11
- package/fesm2022/onemrvapublic-design-system-mat-spinner.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs +23 -23
- package/fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-task-list.mjs +31 -31
- 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 +17 -17
- package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-page-error.mjs +10 -10
- package/fesm2022/onemrvapublic-design-system-page-error.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-page-not-found.mjs +20 -20
- package/fesm2022/onemrvapublic-design-system-page-not-found.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-shared.mjs +98 -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 +1 -1
- package/types/onemrvapublic-design-system.d.ts +1 -1
|
@@ -6,9 +6,9 @@ import { TranslatePipe } from '@ngx-translate/core';
|
|
|
6
6
|
|
|
7
7
|
class OnemrvaMatSideMenuComponent {
|
|
8
8
|
constructor() {
|
|
9
|
-
this.menuHeaderKey = input.required(...(ngDevMode ? [{ debugName: "menuHeaderKey" }] : []));
|
|
10
|
-
this.menus = input.required(...(ngDevMode ? [{ debugName: "menus" }] : []));
|
|
11
|
-
this.currentMenu = input(...(ngDevMode ? [undefined, { debugName: "currentMenu" }] : [])); // string to be matched against menu.path or menu.key
|
|
9
|
+
this.menuHeaderKey = input.required(...(ngDevMode ? [{ debugName: "menuHeaderKey" }] : /* istanbul ignore next */ []));
|
|
10
|
+
this.menus = input.required(...(ngDevMode ? [{ debugName: "menus" }] : /* istanbul ignore next */ []));
|
|
11
|
+
this.currentMenu = input(...(ngDevMode ? [undefined, { debugName: "currentMenu" }] : /* istanbul ignore next */ [])); // string to be matched against menu.path or menu.key
|
|
12
12
|
// eslint-disable-next-line @angular-eslint/no-output-on-prefix
|
|
13
13
|
this.onSelectOption = output();
|
|
14
14
|
this.isSmall = true;
|
|
@@ -27,20 +27,20 @@ class OnemrvaMatSideMenuComponent {
|
|
|
27
27
|
selectMenu(menu) {
|
|
28
28
|
this.onSelectOption.emit(menu);
|
|
29
29
|
}
|
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
30
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: OnemrvaMatSideMenuComponent, isStandalone: true, selector: "onemrva-mat-side-menu", inputs: { menuHeaderKey: { classPropertyName: "menuHeaderKey", publicName: "menuHeaderKey", isSignal: true, isRequired: true, transformFunction: null }, menus: { classPropertyName: "menus", publicName: "menus", isSignal: true, isRequired: true, transformFunction: null }, currentMenu: { classPropertyName: "currentMenu", publicName: "currentMenu", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectOption: "onSelectOption" }, ngImport: i0, template: "@if (isSmall) {\n <mat-chip-row class=\"onemrva-side-menu\" role=\"navigation\">\n @for (menu of menus(); track menu.key; let i = $index) {\n <mat-chip\n role=\"\"\n class=\"onemrva-side-menu-option\"\n (click)=\"selectMenu(menu)\"\n [class.onemrva-side-menu-current-option]=\"\n menu.path === currentMenu() || menu.key === currentMenu()\n \"\n [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n >\n {{ menu.wordingKey | translate }}\n </mat-chip>\n }\n </mat-chip-row>\n} @else {\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">\n {{ menuHeaderKey() | translate }}\n </div>\n @for (menu of menus(); track menu.key; let mnidx = $index) {\n <div\n tabindex=\"1\"\n role=\"button\"\n class=\"onemrva-side-menu-option\"\n [class.onemrva-side-menu-current-option]=\"\n menu.path === currentMenu() || menu.key === currentMenu()\n \"\n (click)=\"selectMenu(menu)\"\n [attr.data-cy]=\"'onemrva-side-menu-option_' + mnidx\"\n >\n {{ menu.wordingKey | translate }}\n </div>\n }\n </div>\n}\n", styles: [":host mat-chip-list{width:100%}:host .onemrva-side-menu-option{color:#312f3b;background-color:#f6f5f9}:host .onemrva-side-menu-option:hover{cursor:pointer;background-color:#d1d0d7}:host .onemrva-side-menu-option.onemrva-side-menu-current-option{background-color:#d1d0d7}:host .onemrva-expanded-side-menu{width:250px;border:1px solid var(--mat-sys-surface-bright);border-radius:20px}:host .onemrva-expanded-side-menu .onemrva-side-menu-header{border-radius:20px 20px 0 0;padding:27px 30px 25px;background-color:#6f6d77;color:#fff;font-weight:700;text-transform:uppercase}:host .onemrva-expanded-side-menu .onemrva-side-menu-option{border-top:1px solid var(--mat-sys-surface-bright);padding:20px 30px}:host .onemrva-expanded-side-menu .onemrva-side-menu-option:last-child{border-radius:0 0 20px 20px}\n"], dependencies: [{ kind: "component", type: MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
|
|
32
32
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
35
|
args: [{ selector: 'onemrva-mat-side-menu', standalone: true, imports: [MatChip, MatChipRow, TranslatePipe], template: "@if (isSmall) {\n <mat-chip-row class=\"onemrva-side-menu\" role=\"navigation\">\n @for (menu of menus(); track menu.key; let i = $index) {\n <mat-chip\n role=\"\"\n class=\"onemrva-side-menu-option\"\n (click)=\"selectMenu(menu)\"\n [class.onemrva-side-menu-current-option]=\"\n menu.path === currentMenu() || menu.key === currentMenu()\n \"\n [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n >\n {{ menu.wordingKey | translate }}\n </mat-chip>\n }\n </mat-chip-row>\n} @else {\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">\n {{ menuHeaderKey() | translate }}\n </div>\n @for (menu of menus(); track menu.key; let mnidx = $index) {\n <div\n tabindex=\"1\"\n role=\"button\"\n class=\"onemrva-side-menu-option\"\n [class.onemrva-side-menu-current-option]=\"\n menu.path === currentMenu() || menu.key === currentMenu()\n \"\n (click)=\"selectMenu(menu)\"\n [attr.data-cy]=\"'onemrva-side-menu-option_' + mnidx\"\n >\n {{ menu.wordingKey | translate }}\n </div>\n }\n </div>\n}\n", styles: [":host mat-chip-list{width:100%}:host .onemrva-side-menu-option{color:#312f3b;background-color:#f6f5f9}:host .onemrva-side-menu-option:hover{cursor:pointer;background-color:#d1d0d7}:host .onemrva-side-menu-option.onemrva-side-menu-current-option{background-color:#d1d0d7}:host .onemrva-expanded-side-menu{width:250px;border:1px solid var(--mat-sys-surface-bright);border-radius:20px}:host .onemrva-expanded-side-menu .onemrva-side-menu-header{border-radius:20px 20px 0 0;padding:27px 30px 25px;background-color:#6f6d77;color:#fff;font-weight:700;text-transform:uppercase}:host .onemrva-expanded-side-menu .onemrva-side-menu-option{border-top:1px solid var(--mat-sys-surface-bright);padding:20px 30px}:host .onemrva-expanded-side-menu .onemrva-side-menu-option:last-child{border-radius:0 0 20px 20px}\n"] }]
|
|
36
36
|
}], propDecorators: { menuHeaderKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuHeaderKey", required: true }] }], menus: [{ type: i0.Input, args: [{ isSignal: true, alias: "menus", required: true }] }], currentMenu: [{ type: i0.Input, args: [{ isSignal: true, alias: "currentMenu", required: false }] }], onSelectOption: [{ type: i0.Output, args: ["onSelectOption"] }] } });
|
|
37
37
|
|
|
38
38
|
class OnemrvaMatSideMenuModule {
|
|
39
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
40
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
41
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
40
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent], exports: [OnemrvaMatSideMenuComponent] }); }
|
|
41
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent] }); }
|
|
42
42
|
}
|
|
43
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
|
|
44
44
|
type: NgModule,
|
|
45
45
|
args: [{
|
|
46
46
|
declarations: [],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onemrvapublic-design-system-mat-side-menu.mjs","sources":["../../../../projects/onemrva/design-system/mat-side-menu/src/onemrva-mat-side-menu.component.ts","../../../../projects/onemrva/design-system/mat-side-menu/src/onemrva-mat-side-menu.component.html","../../../../projects/onemrva/design-system/mat-side-menu/src/onemrva-mat-side-menu.module.ts","../../../../projects/onemrva/design-system/mat-side-menu/index.ts","../../../../projects/onemrva/design-system/mat-side-menu/onemrvapublic-design-system-mat-side-menu.ts"],"sourcesContent":["import {\n Component,\n OnInit,\n OnDestroy,\n inject,\n input,\n output,\n} from '@angular/core';\nimport {\n BreakpointObserver,\n Breakpoints,\n BreakpointState,\n} from '@angular/cdk/layout';\nimport { Subscription } from 'rxjs';\nimport { MatChip, MatChipRow } from '@angular/material/chips';\n\nimport { TranslatePipe } from '@ngx-translate/core';\n\nexport interface OnemrvaMenu {\n wordingKey: string;\n path?: string;\n key?: string;\n}\n\n@Component({\n selector: 'onemrva-mat-side-menu',\n templateUrl: 'onemrva-mat-side-menu.component.html',\n styleUrl: 'onemrva-mat-side-menu.component.scss',\n styles: [],\n standalone: true,\n imports: [MatChip, MatChipRow, TranslatePipe],\n})\nexport class OnemrvaMatSideMenuComponent implements OnInit, OnDestroy {\n readonly menuHeaderKey = input.required<string>();\n readonly menus = input.required<OnemrvaMenu[]>();\n readonly currentMenu = input<string>(); // string to be matched against menu.path or menu.key\n // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n readonly onSelectOption = output<OnemrvaMenu>();\n\n isSmall = true;\n breakpointObserverSubscription?: Subscription;\n\n breakpointObserver = inject(BreakpointObserver);\n\n ngOnInit(): void {\n this.breakpointObserverSubscription = this.breakpointObserver\n .observe([Breakpoints.XSmall, Breakpoints.Small])\n .subscribe((state: BreakpointState) => {\n this.isSmall = state.matches;\n });\n }\n\n ngOnDestroy(): void {\n this.breakpointObserverSubscription?.unsubscribe();\n }\n\n selectMenu(menu: OnemrvaMenu) {\n this.onSelectOption.emit(menu);\n }\n}\n","@if (isSmall) {\n <mat-chip-row class=\"onemrva-side-menu\" role=\"navigation\">\n @for (menu of menus(); track menu.key; let i = $index) {\n <mat-chip\n role=\"\"\n class=\"onemrva-side-menu-option\"\n (click)=\"selectMenu(menu)\"\n [class.onemrva-side-menu-current-option]=\"\n menu.path === currentMenu() || menu.key === currentMenu()\n \"\n [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n >\n {{ menu.wordingKey | translate }}\n </mat-chip>\n }\n </mat-chip-row>\n} @else {\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">\n {{ menuHeaderKey() | translate }}\n </div>\n @for (menu of menus(); track menu.key; let mnidx = $index) {\n <div\n tabindex=\"1\"\n role=\"button\"\n class=\"onemrva-side-menu-option\"\n [class.onemrva-side-menu-current-option]=\"\n menu.path === currentMenu() || menu.key === currentMenu()\n \"\n (click)=\"selectMenu(menu)\"\n [attr.data-cy]=\"'onemrva-side-menu-option_' + mnidx\"\n >\n {{ menu.wordingKey | translate }}\n </div>\n }\n </div>\n}\n","import { NgModule } from '@angular/core';\n\nimport { OnemrvaMatSideMenuComponent } from './onemrva-mat-side-menu.component';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatSideMenuComponent],\n exports: [OnemrvaMatSideMenuComponent],\n})\nexport class OnemrvaMatSideMenuModule {}\n","/*\n * Public API Surface of mat-side-menu\n */\n\nexport * from './src/onemrva-mat-side-menu.component';\nexport * from './src/onemrva-mat-side-menu.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAgCa,2BAA2B,CAAA;AARxC,IAAA,WAAA,GAAA;AASW,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-side-menu.mjs","sources":["../../../../projects/onemrva/design-system/mat-side-menu/src/onemrva-mat-side-menu.component.ts","../../../../projects/onemrva/design-system/mat-side-menu/src/onemrva-mat-side-menu.component.html","../../../../projects/onemrva/design-system/mat-side-menu/src/onemrva-mat-side-menu.module.ts","../../../../projects/onemrva/design-system/mat-side-menu/index.ts","../../../../projects/onemrva/design-system/mat-side-menu/onemrvapublic-design-system-mat-side-menu.ts"],"sourcesContent":["import {\n Component,\n OnInit,\n OnDestroy,\n inject,\n input,\n output,\n} from '@angular/core';\nimport {\n BreakpointObserver,\n Breakpoints,\n BreakpointState,\n} from '@angular/cdk/layout';\nimport { Subscription } from 'rxjs';\nimport { MatChip, MatChipRow } from '@angular/material/chips';\n\nimport { TranslatePipe } from '@ngx-translate/core';\n\nexport interface OnemrvaMenu {\n wordingKey: string;\n path?: string;\n key?: string;\n}\n\n@Component({\n selector: 'onemrva-mat-side-menu',\n templateUrl: 'onemrva-mat-side-menu.component.html',\n styleUrl: 'onemrva-mat-side-menu.component.scss',\n styles: [],\n standalone: true,\n imports: [MatChip, MatChipRow, TranslatePipe],\n})\nexport class OnemrvaMatSideMenuComponent implements OnInit, OnDestroy {\n readonly menuHeaderKey = input.required<string>();\n readonly menus = input.required<OnemrvaMenu[]>();\n readonly currentMenu = input<string>(); // string to be matched against menu.path or menu.key\n // eslint-disable-next-line @angular-eslint/no-output-on-prefix\n readonly onSelectOption = output<OnemrvaMenu>();\n\n isSmall = true;\n breakpointObserverSubscription?: Subscription;\n\n breakpointObserver = inject(BreakpointObserver);\n\n ngOnInit(): void {\n this.breakpointObserverSubscription = this.breakpointObserver\n .observe([Breakpoints.XSmall, Breakpoints.Small])\n .subscribe((state: BreakpointState) => {\n this.isSmall = state.matches;\n });\n }\n\n ngOnDestroy(): void {\n this.breakpointObserverSubscription?.unsubscribe();\n }\n\n selectMenu(menu: OnemrvaMenu) {\n this.onSelectOption.emit(menu);\n }\n}\n","@if (isSmall) {\n <mat-chip-row class=\"onemrva-side-menu\" role=\"navigation\">\n @for (menu of menus(); track menu.key; let i = $index) {\n <mat-chip\n role=\"\"\n class=\"onemrva-side-menu-option\"\n (click)=\"selectMenu(menu)\"\n [class.onemrva-side-menu-current-option]=\"\n menu.path === currentMenu() || menu.key === currentMenu()\n \"\n [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n >\n {{ menu.wordingKey | translate }}\n </mat-chip>\n }\n </mat-chip-row>\n} @else {\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">\n {{ menuHeaderKey() | translate }}\n </div>\n @for (menu of menus(); track menu.key; let mnidx = $index) {\n <div\n tabindex=\"1\"\n role=\"button\"\n class=\"onemrva-side-menu-option\"\n [class.onemrva-side-menu-current-option]=\"\n menu.path === currentMenu() || menu.key === currentMenu()\n \"\n (click)=\"selectMenu(menu)\"\n [attr.data-cy]=\"'onemrva-side-menu-option_' + mnidx\"\n >\n {{ menu.wordingKey | translate }}\n </div>\n }\n </div>\n}\n","import { NgModule } from '@angular/core';\n\nimport { OnemrvaMatSideMenuComponent } from './onemrva-mat-side-menu.component';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatSideMenuComponent],\n exports: [OnemrvaMatSideMenuComponent],\n})\nexport class OnemrvaMatSideMenuModule {}\n","/*\n * Public API Surface of mat-side-menu\n */\n\nexport * from './src/onemrva-mat-side-menu.component';\nexport * from './src/onemrva-mat-side-menu.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -38,33 +38,33 @@ let NEXT_ID = 0;
|
|
|
38
38
|
*/
|
|
39
39
|
class OnemrvaMatSkeletonComponent {
|
|
40
40
|
constructor() {
|
|
41
|
-
this.count = input(1, ...(ngDevMode ? [{ debugName: "count" }] : []));
|
|
42
|
-
this.animation = input(OnemrvaMatSkeletonAnimations.PROGRESS, ...(ngDevMode ? [{ debugName: "animation" }] : []));
|
|
43
|
-
this.type = input(OnemrvaMatSkeletoTypes.LINE, ...(ngDevMode ? [{ debugName: "type" }] : []));
|
|
44
|
-
this.size = input(OnemrvaMatSize.MEDIUM, ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
45
|
-
this.theme = input([], ...(ngDevMode ? [{ debugName: "theme" }] : []));
|
|
46
|
-
this.ariaLabel = input('loading', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
|
|
47
|
-
this.role = input('progressbar', ...(ngDevMode ? [{ debugName: "role" }] : []));
|
|
48
|
-
this.loadingText = input('Loading...', ...(ngDevMode ? [{ debugName: "loadingText" }] : []));
|
|
49
|
-
this.id = input(`onemrva-mat-skeleton-${NEXT_ID++}`, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
50
|
-
this._isProgress = computed(() => this.animation() === OnemrvaMatSkeletonAnimations.PROGRESS, ...(ngDevMode ? [{ debugName: "_isProgress" }] : []));
|
|
51
|
-
this._isPulse = computed(() => this.animation() === OnemrvaMatSkeletonAnimations.PULSE, ...(ngDevMode ? [{ debugName: "_isPulse" }] : []));
|
|
52
|
-
this.isH1 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H1, ...(ngDevMode ? [{ debugName: "isH1" }] : []));
|
|
53
|
-
this.isH2 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H2, ...(ngDevMode ? [{ debugName: "isH2" }] : []));
|
|
54
|
-
this.isH3 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H3, ...(ngDevMode ? [{ debugName: "isH3" }] : []));
|
|
55
|
-
this.isH4 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H4, ...(ngDevMode ? [{ debugName: "isH4" }] : []));
|
|
56
|
-
this.isH5 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H5, ...(ngDevMode ? [{ debugName: "isH5" }] : []));
|
|
57
|
-
this.isH6 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H6, ...(ngDevMode ? [{ debugName: "isH6" }] : []));
|
|
58
|
-
this._isLine = computed(() => this.type() === OnemrvaMatSkeletoTypes.LINE, ...(ngDevMode ? [{ debugName: "_isLine" }] : []));
|
|
59
|
-
this._isButton = computed(() => this.type() === OnemrvaMatSkeletoTypes.BUTTON, ...(ngDevMode ? [{ debugName: "_isButton" }] : []));
|
|
60
|
-
this._isCircle = computed(() => this.type() === OnemrvaMatSkeletoTypes.CIRCLE, ...(ngDevMode ? [{ debugName: "_isCircle" }] : []));
|
|
61
|
-
this._isSquare = computed(() => this.type() === OnemrvaMatSkeletoTypes.SQUARE, ...(ngDevMode ? [{ debugName: "_isSquare" }] : []));
|
|
62
|
-
this._isCustom = computed(() => this.type() === OnemrvaMatSkeletoTypes.CUSTOM, ...(ngDevMode ? [{ debugName: "_isCustom" }] : []));
|
|
63
|
-
this._isXSmallSize = computed(() => this.size() === OnemrvaMatSize.XSMALL, ...(ngDevMode ? [{ debugName: "_isXSmallSize" }] : []));
|
|
64
|
-
this._isSmallSize = computed(() => this.size() === OnemrvaMatSize.SMALL, ...(ngDevMode ? [{ debugName: "_isSmallSize" }] : []));
|
|
65
|
-
this._isMediumSize = computed(() => this.size() === OnemrvaMatSize.MEDIUM, ...(ngDevMode ? [{ debugName: "_isMediumSize" }] : []));
|
|
66
|
-
this._isLargeSize = computed(() => this.size() === OnemrvaMatSize.LARGE, ...(ngDevMode ? [{ debugName: "_isLargeSize" }] : []));
|
|
67
|
-
this._isXLargeSize = computed(() => this.size() === OnemrvaMatSize.XLARGE, ...(ngDevMode ? [{ debugName: "_isXLargeSize" }] : []));
|
|
41
|
+
this.count = input(1, ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
|
|
42
|
+
this.animation = input(OnemrvaMatSkeletonAnimations.PROGRESS, ...(ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []));
|
|
43
|
+
this.type = input(OnemrvaMatSkeletoTypes.LINE, ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
44
|
+
this.size = input(OnemrvaMatSize.MEDIUM, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
|
|
45
|
+
this.theme = input([], ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
|
|
46
|
+
this.ariaLabel = input('loading', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
|
|
47
|
+
this.role = input('progressbar', ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
|
|
48
|
+
this.loadingText = input('Loading...', ...(ngDevMode ? [{ debugName: "loadingText" }] : /* istanbul ignore next */ []));
|
|
49
|
+
this.id = input(`onemrva-mat-skeleton-${NEXT_ID++}`, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
|
|
50
|
+
this._isProgress = computed(() => this.animation() === OnemrvaMatSkeletonAnimations.PROGRESS, ...(ngDevMode ? [{ debugName: "_isProgress" }] : /* istanbul ignore next */ []));
|
|
51
|
+
this._isPulse = computed(() => this.animation() === OnemrvaMatSkeletonAnimations.PULSE, ...(ngDevMode ? [{ debugName: "_isPulse" }] : /* istanbul ignore next */ []));
|
|
52
|
+
this.isH1 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H1, ...(ngDevMode ? [{ debugName: "isH1" }] : /* istanbul ignore next */ []));
|
|
53
|
+
this.isH2 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H2, ...(ngDevMode ? [{ debugName: "isH2" }] : /* istanbul ignore next */ []));
|
|
54
|
+
this.isH3 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H3, ...(ngDevMode ? [{ debugName: "isH3" }] : /* istanbul ignore next */ []));
|
|
55
|
+
this.isH4 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H4, ...(ngDevMode ? [{ debugName: "isH4" }] : /* istanbul ignore next */ []));
|
|
56
|
+
this.isH5 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H5, ...(ngDevMode ? [{ debugName: "isH5" }] : /* istanbul ignore next */ []));
|
|
57
|
+
this.isH6 = computed(() => this.type() === OnemrvaMatSkeletoTypes.H6, ...(ngDevMode ? [{ debugName: "isH6" }] : /* istanbul ignore next */ []));
|
|
58
|
+
this._isLine = computed(() => this.type() === OnemrvaMatSkeletoTypes.LINE, ...(ngDevMode ? [{ debugName: "_isLine" }] : /* istanbul ignore next */ []));
|
|
59
|
+
this._isButton = computed(() => this.type() === OnemrvaMatSkeletoTypes.BUTTON, ...(ngDevMode ? [{ debugName: "_isButton" }] : /* istanbul ignore next */ []));
|
|
60
|
+
this._isCircle = computed(() => this.type() === OnemrvaMatSkeletoTypes.CIRCLE, ...(ngDevMode ? [{ debugName: "_isCircle" }] : /* istanbul ignore next */ []));
|
|
61
|
+
this._isSquare = computed(() => this.type() === OnemrvaMatSkeletoTypes.SQUARE, ...(ngDevMode ? [{ debugName: "_isSquare" }] : /* istanbul ignore next */ []));
|
|
62
|
+
this._isCustom = computed(() => this.type() === OnemrvaMatSkeletoTypes.CUSTOM, ...(ngDevMode ? [{ debugName: "_isCustom" }] : /* istanbul ignore next */ []));
|
|
63
|
+
this._isXSmallSize = computed(() => this.size() === OnemrvaMatSize.XSMALL, ...(ngDevMode ? [{ debugName: "_isXSmallSize" }] : /* istanbul ignore next */ []));
|
|
64
|
+
this._isSmallSize = computed(() => this.size() === OnemrvaMatSize.SMALL, ...(ngDevMode ? [{ debugName: "_isSmallSize" }] : /* istanbul ignore next */ []));
|
|
65
|
+
this._isMediumSize = computed(() => this.size() === OnemrvaMatSize.MEDIUM, ...(ngDevMode ? [{ debugName: "_isMediumSize" }] : /* istanbul ignore next */ []));
|
|
66
|
+
this._isLargeSize = computed(() => this.size() === OnemrvaMatSize.LARGE, ...(ngDevMode ? [{ debugName: "_isLargeSize" }] : /* istanbul ignore next */ []));
|
|
67
|
+
this._isXLargeSize = computed(() => this.size() === OnemrvaMatSize.XLARGE, ...(ngDevMode ? [{ debugName: "_isXLargeSize" }] : /* istanbul ignore next */ []));
|
|
68
68
|
this.items = [];
|
|
69
69
|
}
|
|
70
70
|
ngOnInit() {
|
|
@@ -73,10 +73,10 @@ class OnemrvaMatSkeletonComponent {
|
|
|
73
73
|
ngOnChanges() {
|
|
74
74
|
this.items.length = this.count();
|
|
75
75
|
}
|
|
76
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
77
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.
|
|
76
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
77
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: OnemrvaMatSkeletonComponent, isStandalone: true, selector: "onemrva-mat-skeleton", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "ariaLabel()", "attr.role": "role()", "attr.valuetext": "loadingText()", "attr.id": "id()", "class.progress": "_isProgress()", "class.pulse": "_isPulse()", "class.h1": "isH1()", "class.h2": "isH2()", "class.h3": "isH3()", "class.h4": "isH4()", "class.h5": "isH5()", "class.h6": "isH6()", "class.line": "_isLine()", "class.button": "_isButton()", "class.circle": "_isCircle()", "class.square": "_isSquare()", "class.custom": "_isCustom()", "class.onemrva-mat-avatar--xsmall": "_isXSmallSize()", "class.onemrva-mat-avatar--small": "_isSmallSize()", "class.onemrva-mat-avatar--medium": "_isMediumSize()", "class.onemrva-mat-avatar--large": "_isLargeSize()", "class.onemrva-mat-avatar--xlarge": "_isXLargeSize()" } }, usesOnChanges: true, ngImport: i0, template: "@for (item of items; track item) {\n <div\n class=\"skeleton-loader\"\n aria-busy=\"true\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n role=\"progressbar\"\n aria-label=\"loading\"\n [ngStyle]=\"theme()\"\n >\n @if (type() === 'custom') {\n <ng-content />\n }\n </div>\n}\n", styles: [":host.circle .skeleton-loader,:host.square .skeleton-loader{width:var(--avatar-size);height:var(--avatar-size);margin-top:var(--avatar-resize);margin-left:var(--avatar-resize)}:host.circle .skeleton-loader{border-radius:50%}:host.h1 .skeleton-loader{height:51px}:host.h2 .skeleton-loader{height:46px}:host.h3 .skeleton-loader{height:40px}:host.h4 .skeleton-loader{height:35px}:host.button .skeleton-loader{height:36px;width:120px;border-radius:var(--button-border-radius)}:host.progress .skeleton-loader{transform:translateZ(0)}:host.progress .skeleton-loader:after,:host.progress .skeleton-loader:before{box-sizing:border-box}:host.progress .skeleton-loader:before{animation:progress 2s ease-in-out infinite;background-size:200px 100%;position:absolute;z-index:1;top:0;left:0;width:200px;height:100%;content:\"\"}:host.progress .skeleton-loader:before{background-image:linear-gradient(90deg,#fff0,#fff9,#fff0)}:host.pulse .skeleton-loader{animation:pulse 1.5s cubic-bezier(.4,0,.2,1) infinite;animation-delay:.5s}:host.custom .skeleton-loader{height:100%;background:none}@media(prefers-reduced-motion:reduce){:host.pulse,:host.progress-dark,:host.custom,:host.progress{animation:none}:host.progress,:host.progress-dark,:host.custom{background-image:none}}:host .skeleton-loader{box-sizing:border-box;overflow:hidden;position:relative;background:var(--mat-sys-surface-container) no-repeat;border-radius:4px;width:100%;height:20px;display:inline-block;margin-bottom:10px;will-change:transform}:host .skeleton-loader:after,:host .skeleton-loader:before{box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
78
78
|
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSkeletonComponent, decorators: [{
|
|
80
80
|
type: Component,
|
|
81
81
|
args: [{ selector: 'onemrva-mat-skeleton', standalone: true, imports: [NgStyle], host: {
|
|
82
82
|
'[attr.aria-label]': 'ariaLabel()',
|
|
@@ -105,11 +105,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
|
|
|
105
105
|
}], propDecorators: { count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], loadingText: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingText", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
|
|
106
106
|
|
|
107
107
|
class OnemrvaMatSkeletonModule {
|
|
108
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.
|
|
109
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.
|
|
110
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.
|
|
108
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
109
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSkeletonModule, imports: [OnemrvaMatSkeletonComponent], exports: [OnemrvaMatSkeletonComponent] }); }
|
|
110
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSkeletonModule }); }
|
|
111
111
|
}
|
|
112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.
|
|
112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatSkeletonModule, decorators: [{
|
|
113
113
|
type: NgModule,
|
|
114
114
|
args: [{
|
|
115
115
|
declarations: [],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onemrvapublic-design-system-mat-skeleton.mjs","sources":["../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton-enums.ts","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.component.ts","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.component.html","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.module.ts","../../../../projects/onemrva/design-system/mat-skeleton/onemrvapublic-design-system-mat-skeleton.ts"],"sourcesContent":["import { mkenum } from '@onemrvapublic/design-system/utils';\n\nexport type OnemrvaSkeletonLoaderConfigTheme = Record<string, any> | null;\n\nexport const OnemrvaMatSkeletonAnimations = mkenum({\n PULSE: 'pulse',\n PROGRESS: 'progress',\n NONE: 'none',\n});\nexport type OnemrvaMatSkeletonAnimations =\n (typeof OnemrvaMatSkeletonAnimations)[keyof typeof OnemrvaMatSkeletonAnimations];\n\nexport const OnemrvaMatSkeletoTypes = mkenum({\n H1: 'h1',\n H2: 'h2',\n H3: 'h3',\n H4: 'h4',\n H5: 'h5',\n H6: 'h6',\n BUTTON: 'button',\n CIRCLE: 'circle',\n SQUARE: 'square',\n CUSTOM: 'custom',\n LINE: '',\n});\nexport type OnemrvaMatSkeletoTypes =\n (typeof OnemrvaMatSkeletoTypes)[keyof typeof OnemrvaMatSkeletoTypes];\n","import { Component, OnInit, OnChanges, input, computed } from '@angular/core';\nimport { OnemrvaMatSize } from '@onemrvapublic/design-system/utils';\nimport {\n OnemrvaMatSkeletonAnimations,\n OnemrvaMatSkeletoTypes,\n OnemrvaSkeletonLoaderConfigTheme,\n} from './onemrva-mat-skeleton-enums';\nimport { NgStyle } from '@angular/common';\n\nlet NEXT_ID = 0;\n\n/**\n * Skeleton provides a way to display loading element while page is loading.\n *\n * @MatModule OnemrvaMatSkeletonModule\n *\n * @MatKeywords skeleton, loading, progress\n *\n * @example\n * ```html\n * <onemrva-mat-skeleton type=\"avatar\" size=\"large\">\n * </onemrva-mat-skeleton>\n * ```\n */\n@Component({\n selector: 'onemrva-mat-skeleton',\n templateUrl: 'onemrva-mat-skeleton.component.html',\n styleUrls: ['onemrva-mat-skeleton.component.scss'],\n standalone: true,\n imports: [NgStyle],\n host: {\n '[attr.aria-label]': 'ariaLabel()',\n '[attr.role]': 'role()',\n '[attr.valuetext]': 'loadingText()',\n '[attr.id]': 'id()',\n '[class.progress]': '_isProgress()',\n '[class.pulse]': '_isPulse()',\n '[class.h1]': 'isH1()',\n '[class.h2]': 'isH2()',\n '[class.h3]': 'isH3()',\n '[class.h4]': 'isH4()',\n '[class.h5]': 'isH5()',\n '[class.h6]': 'isH6()',\n '[class.line]': '_isLine()',\n '[class.button]': '_isButton()',\n '[class.circle]': '_isCircle()',\n '[class.square]': '_isSquare()',\n '[class.custom]': '_isCustom()',\n '[class.onemrva-mat-avatar--xsmall]': '_isXSmallSize()',\n '[class.onemrva-mat-avatar--small]': '_isSmallSize()',\n '[class.onemrva-mat-avatar--medium]': '_isMediumSize()',\n '[class.onemrva-mat-avatar--large]': '_isLargeSize()',\n '[class.onemrva-mat-avatar--xlarge]': '_isXLargeSize()',\n },\n})\nexport class OnemrvaMatSkeletonComponent implements OnInit, OnChanges {\n readonly count = input(1);\n readonly animation = input<OnemrvaMatSkeletonAnimations>(\n OnemrvaMatSkeletonAnimations.PROGRESS,\n );\n readonly type = input<OnemrvaMatSkeletoTypes>(OnemrvaMatSkeletoTypes.LINE);\n readonly size = input<OnemrvaMatSize>(OnemrvaMatSize.MEDIUM);\n readonly theme = input<OnemrvaSkeletonLoaderConfigTheme>([]);\n readonly ariaLabel = input('loading');\n readonly role = input('progressbar');\n readonly loadingText = input('Loading...');\n readonly id = input(`onemrva-mat-skeleton-${NEXT_ID++}`);\n\n protected readonly _isProgress = computed(\n () => this.animation() === OnemrvaMatSkeletonAnimations.PROGRESS,\n );\n protected readonly _isPulse = computed(\n () => this.animation() === OnemrvaMatSkeletonAnimations.PULSE,\n );\n protected readonly isH1 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H1,\n );\n protected readonly isH2 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H2,\n );\n protected readonly isH3 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H3,\n );\n protected readonly isH4 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H4,\n );\n protected readonly isH5 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H5,\n );\n protected readonly isH6 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H6,\n );\n protected readonly _isLine = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.LINE,\n );\n protected readonly _isButton = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.BUTTON,\n );\n protected readonly _isCircle = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.CIRCLE,\n );\n protected readonly _isSquare = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.SQUARE,\n );\n protected readonly _isCustom = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.CUSTOM,\n );\n protected readonly _isXSmallSize = computed(\n () => this.size() === OnemrvaMatSize.XSMALL,\n );\n protected readonly _isSmallSize = computed(\n () => this.size() === OnemrvaMatSize.SMALL,\n );\n protected readonly _isMediumSize = computed(\n () => this.size() === OnemrvaMatSize.MEDIUM,\n );\n protected readonly _isLargeSize = computed(\n () => this.size() === OnemrvaMatSize.LARGE,\n );\n protected readonly _isXLargeSize = computed(\n () => this.size() === OnemrvaMatSize.XLARGE,\n );\n\n public items: any[] = [];\n\n ngOnInit() {\n this.items.length = this.count();\n }\n\n ngOnChanges() {\n this.items.length = this.count();\n }\n}\n","@for (item of items; track item) {\n <div\n class=\"skeleton-loader\"\n aria-busy=\"true\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n role=\"progressbar\"\n aria-label=\"loading\"\n [ngStyle]=\"theme()\"\n >\n @if (type() === 'custom') {\n <ng-content />\n }\n </div>\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatSkeletonComponent } from './onemrva-mat-skeleton.component';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatSkeletonComponent],\n exports: [OnemrvaMatSkeletonComponent],\n})\nexport class OnemrvaMatSkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-skeleton.mjs","sources":["../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton-enums.ts","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.component.ts","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.component.html","../../../../projects/onemrva/design-system/mat-skeleton/src/onemrva-mat-skeleton.module.ts","../../../../projects/onemrva/design-system/mat-skeleton/onemrvapublic-design-system-mat-skeleton.ts"],"sourcesContent":["import { mkenum } from '@onemrvapublic/design-system/utils';\n\nexport type OnemrvaSkeletonLoaderConfigTheme = Record<string, any> | null;\n\nexport const OnemrvaMatSkeletonAnimations = mkenum({\n PULSE: 'pulse',\n PROGRESS: 'progress',\n NONE: 'none',\n});\nexport type OnemrvaMatSkeletonAnimations =\n (typeof OnemrvaMatSkeletonAnimations)[keyof typeof OnemrvaMatSkeletonAnimations];\n\nexport const OnemrvaMatSkeletoTypes = mkenum({\n H1: 'h1',\n H2: 'h2',\n H3: 'h3',\n H4: 'h4',\n H5: 'h5',\n H6: 'h6',\n BUTTON: 'button',\n CIRCLE: 'circle',\n SQUARE: 'square',\n CUSTOM: 'custom',\n LINE: '',\n});\nexport type OnemrvaMatSkeletoTypes =\n (typeof OnemrvaMatSkeletoTypes)[keyof typeof OnemrvaMatSkeletoTypes];\n","import { Component, OnInit, OnChanges, input, computed } from '@angular/core';\nimport { OnemrvaMatSize } from '@onemrvapublic/design-system/utils';\nimport {\n OnemrvaMatSkeletonAnimations,\n OnemrvaMatSkeletoTypes,\n OnemrvaSkeletonLoaderConfigTheme,\n} from './onemrva-mat-skeleton-enums';\nimport { NgStyle } from '@angular/common';\n\nlet NEXT_ID = 0;\n\n/**\n * Skeleton provides a way to display loading element while page is loading.\n *\n * @MatModule OnemrvaMatSkeletonModule\n *\n * @MatKeywords skeleton, loading, progress\n *\n * @example\n * ```html\n * <onemrva-mat-skeleton type=\"avatar\" size=\"large\">\n * </onemrva-mat-skeleton>\n * ```\n */\n@Component({\n selector: 'onemrva-mat-skeleton',\n templateUrl: 'onemrva-mat-skeleton.component.html',\n styleUrls: ['onemrva-mat-skeleton.component.scss'],\n standalone: true,\n imports: [NgStyle],\n host: {\n '[attr.aria-label]': 'ariaLabel()',\n '[attr.role]': 'role()',\n '[attr.valuetext]': 'loadingText()',\n '[attr.id]': 'id()',\n '[class.progress]': '_isProgress()',\n '[class.pulse]': '_isPulse()',\n '[class.h1]': 'isH1()',\n '[class.h2]': 'isH2()',\n '[class.h3]': 'isH3()',\n '[class.h4]': 'isH4()',\n '[class.h5]': 'isH5()',\n '[class.h6]': 'isH6()',\n '[class.line]': '_isLine()',\n '[class.button]': '_isButton()',\n '[class.circle]': '_isCircle()',\n '[class.square]': '_isSquare()',\n '[class.custom]': '_isCustom()',\n '[class.onemrva-mat-avatar--xsmall]': '_isXSmallSize()',\n '[class.onemrva-mat-avatar--small]': '_isSmallSize()',\n '[class.onemrva-mat-avatar--medium]': '_isMediumSize()',\n '[class.onemrva-mat-avatar--large]': '_isLargeSize()',\n '[class.onemrva-mat-avatar--xlarge]': '_isXLargeSize()',\n },\n})\nexport class OnemrvaMatSkeletonComponent implements OnInit, OnChanges {\n readonly count = input(1);\n readonly animation = input<OnemrvaMatSkeletonAnimations>(\n OnemrvaMatSkeletonAnimations.PROGRESS,\n );\n readonly type = input<OnemrvaMatSkeletoTypes>(OnemrvaMatSkeletoTypes.LINE);\n readonly size = input<OnemrvaMatSize>(OnemrvaMatSize.MEDIUM);\n readonly theme = input<OnemrvaSkeletonLoaderConfigTheme>([]);\n readonly ariaLabel = input('loading');\n readonly role = input('progressbar');\n readonly loadingText = input('Loading...');\n readonly id = input(`onemrva-mat-skeleton-${NEXT_ID++}`);\n\n protected readonly _isProgress = computed(\n () => this.animation() === OnemrvaMatSkeletonAnimations.PROGRESS,\n );\n protected readonly _isPulse = computed(\n () => this.animation() === OnemrvaMatSkeletonAnimations.PULSE,\n );\n protected readonly isH1 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H1,\n );\n protected readonly isH2 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H2,\n );\n protected readonly isH3 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H3,\n );\n protected readonly isH4 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H4,\n );\n protected readonly isH5 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H5,\n );\n protected readonly isH6 = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.H6,\n );\n protected readonly _isLine = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.LINE,\n );\n protected readonly _isButton = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.BUTTON,\n );\n protected readonly _isCircle = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.CIRCLE,\n );\n protected readonly _isSquare = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.SQUARE,\n );\n protected readonly _isCustom = computed(\n () => this.type() === OnemrvaMatSkeletoTypes.CUSTOM,\n );\n protected readonly _isXSmallSize = computed(\n () => this.size() === OnemrvaMatSize.XSMALL,\n );\n protected readonly _isSmallSize = computed(\n () => this.size() === OnemrvaMatSize.SMALL,\n );\n protected readonly _isMediumSize = computed(\n () => this.size() === OnemrvaMatSize.MEDIUM,\n );\n protected readonly _isLargeSize = computed(\n () => this.size() === OnemrvaMatSize.LARGE,\n );\n protected readonly _isXLargeSize = computed(\n () => this.size() === OnemrvaMatSize.XLARGE,\n );\n\n public items: any[] = [];\n\n ngOnInit() {\n this.items.length = this.count();\n }\n\n ngOnChanges() {\n this.items.length = this.count();\n }\n}\n","@for (item of items; track item) {\n <div\n class=\"skeleton-loader\"\n aria-busy=\"true\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n role=\"progressbar\"\n aria-label=\"loading\"\n [ngStyle]=\"theme()\"\n >\n @if (type() === 'custom') {\n <ng-content />\n }\n </div>\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatSkeletonComponent } from './onemrva-mat-skeleton.component';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatSkeletonComponent],\n exports: [OnemrvaMatSkeletonComponent],\n})\nexport class OnemrvaMatSkeletonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|