@onemrvapublic/design-system 20.1.0-develop.1 → 20.1.0-develop.3

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.
Files changed (64) hide show
  1. package/fesm2022/onemrvapublic-design-system-flag-icon.mjs +3 -3
  2. package/fesm2022/onemrvapublic-design-system-layout.mjs +166 -110
  3. package/fesm2022/onemrvapublic-design-system-layout.mjs.map +1 -1
  4. package/fesm2022/onemrvapublic-design-system-mat-address.mjs +3 -3
  5. package/fesm2022/onemrvapublic-design-system-mat-avatar.mjs +7 -7
  6. package/fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs +10 -10
  7. package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs +6 -6
  8. package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs +3 -3
  9. package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs +3 -3
  10. package/fesm2022/onemrvapublic-design-system-mat-country-item.mjs +3 -3
  11. package/fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs +3 -3
  12. package/fesm2022/onemrvapublic-design-system-mat-empty-row.mjs +3 -3
  13. package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs +19 -19
  14. package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs +6 -6
  15. package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs +3 -3
  16. package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs +3 -3
  17. package/fesm2022/onemrvapublic-design-system-mat-input-enterprise-number.mjs +3 -3
  18. package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs +3 -3
  19. package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs +6 -6
  20. package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs +7 -7
  21. package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs +7 -7
  22. package/fesm2022/onemrvapublic-design-system-mat-navigation.mjs +169 -0
  23. package/fesm2022/onemrvapublic-design-system-mat-navigation.mjs.map +1 -0
  24. package/fesm2022/onemrvapublic-design-system-mat-notification.mjs +3 -3
  25. package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs +7 -7
  26. package/fesm2022/onemrvapublic-design-system-mat-panel.mjs +19 -19
  27. package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs +13 -13
  28. package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs +3 -3
  29. package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs +13 -13
  30. package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs +10 -10
  31. package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs.map +1 -1
  32. package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs +7 -7
  33. package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs +7 -7
  34. package/fesm2022/onemrvapublic-design-system-mat-spinner.mjs +10 -10
  35. package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs +7 -7
  36. package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs +8 -8
  37. package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs.map +1 -1
  38. package/fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs +9 -9
  39. package/fesm2022/onemrvapublic-design-system-mat-task-list.mjs +16 -16
  40. package/fesm2022/onemrvapublic-design-system-mat-timepicker.mjs +22 -22
  41. package/fesm2022/onemrvapublic-design-system-mat-timepicker.mjs.map +1 -1
  42. package/fesm2022/onemrvapublic-design-system-mat-toast.mjs +8 -8
  43. package/fesm2022/onemrvapublic-design-system-mat-toast.mjs.map +1 -1
  44. package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs +10 -10
  45. package/fesm2022/onemrvapublic-design-system-page-error.mjs +6 -6
  46. package/fesm2022/onemrvapublic-design-system-page-not-found.mjs +16 -16
  47. package/fesm2022/onemrvapublic-design-system-shared.mjs +72 -70
  48. package/fesm2022/onemrvapublic-design-system-shared.mjs.map +1 -1
  49. package/fesm2022/onemrvapublic-design-system.mjs +724 -516
  50. package/fesm2022/onemrvapublic-design-system.mjs.map +1 -1
  51. package/index.d.ts +121 -62
  52. package/layout/index.d.ts +55 -43
  53. package/layout/src/components/layout/layout.component.scss +4 -2
  54. package/layout/src/components/layout-drawer-title/layout-drawer-title.component.scss +1 -0
  55. package/layout/src/components/layout-left-sidenav/layout-left-sidenav.component.scss +4 -0
  56. package/layout/src/components/layout-sidenav/layout-sidenav.component.scss +21 -0
  57. package/mat-navigation/index.d.ts +54 -0
  58. package/mat-navigation/src/mat-navigation-item/onemrva-mat-navigation-item.component.scss +70 -0
  59. package/mat-navigation/src/mat-navigation-tree/onemrva-mat-navigation-tree.component.scss +0 -0
  60. package/mat-navigation/src/onemrva-mat-navigation.component.scss +34 -0
  61. package/mat-selectable-box/src/onemrva-mat-selectable-box.component.scss +65 -69
  62. package/mat-sticker/src/onemrva-mat-sticker.component.scss +7 -1
  63. package/package.json +5 -1
  64. package/shared/index.d.ts +1 -1
@@ -3,10 +3,10 @@ import { TemplateRef, ViewChild, Input, ViewEncapsulation, Component, inject, Ch
3
3
  import { NgClass, NgTemplateOutlet } from '@angular/common';
4
4
 
5
5
  class OnemrvaMatPanelTitleActionComponent {
6
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
7
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatPanelTitleActionComponent, isStandalone: true, selector: "onemrva-mat-panel-title-action", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div\n class=\"onemrva-mat-panel-title-action float-right\"\n [ngClass]=\"customNgClass\"\n >\n <ng-content></ng-content>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
6
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
7
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPanelTitleActionComponent, isStandalone: true, selector: "onemrva-mat-panel-title-action", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div\n class=\"onemrva-mat-panel-title-action float-right\"\n [ngClass]=\"customNgClass\"\n >\n <ng-content></ng-content>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
8
8
  }
9
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, decorators: [{
9
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelTitleActionComponent, decorators: [{
10
10
  type: Component,
11
11
  args: [{ selector: 'onemrva-mat-panel-title-action', standalone: true, encapsulation: ViewEncapsulation.None, imports: [NgClass], template: "<ng-template>\n <div\n class=\"onemrva-mat-panel-title-action float-right\"\n [ngClass]=\"customNgClass\"\n >\n <ng-content></ng-content>\n </div>\n</ng-template>\n" }]
12
12
  }], propDecorators: { customNgClass: [{
@@ -23,10 +23,10 @@ class OnemrvaMatPanelTitleComponent {
23
23
  ngAfterViewInit() {
24
24
  this.cd.detectChanges();
25
25
  }
26
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
27
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatPanelTitleComponent, isStandalone: true, selector: "onemrva-mat-panel-title", inputs: { customNgClass: "customNgClass" }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
26
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
27
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPanelTitleComponent, isStandalone: true, selector: "onemrva-mat-panel-title", inputs: { customNgClass: "customNgClass" }, queries: [{ propertyName: "content", first: true, predicate: OnemrvaMatPanelTitleActionComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
28
28
  }
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
29
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelTitleComponent, decorators: [{
30
30
  type: Component,
31
31
  args: [{ selector: 'onemrva-mat-panel-title', standalone: true, imports: [NgClass, NgTemplateOutlet], template: "<ng-template>\n <div class=\"onemrva-mat-panel-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-title{font:var(--mat-sys-title-large)}\n"] }]
32
32
  }], propDecorators: { customNgClass: [{
@@ -40,10 +40,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
40
40
  }] } });
41
41
 
42
42
  class OnemrvaMatPanelContentComponent {
43
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
44
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatPanelContentComponent, isStandalone: true, selector: "onemrva-mat-panel-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer)}.onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
43
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
44
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPanelContentComponent, isStandalone: true, selector: "onemrva-mat-panel-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer)}.onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
45
45
  }
46
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
46
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelContentComponent, decorators: [{
47
47
  type: Component,
48
48
  args: [{ selector: 'onemrva-mat-panel-content', standalone: true, imports: [NgClass], template: "<ng-template>\n <div class=\"onemrva-mat-panel-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-content{margin-top:var(--double-spacer)}.onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
49
49
  }], propDecorators: { customNgClass: [{
@@ -54,10 +54,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
54
54
  }] } });
55
55
 
56
56
  class OnemrvaMatPanelIconComponent {
57
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
58
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatPanelIconComponent, isStandalone: true, selector: "onemrva-mat-panel-icon", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-icon{float:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
57
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
58
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPanelIconComponent, isStandalone: true, selector: "onemrva-mat-panel-icon", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-icon{float:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
59
59
  }
60
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelIconComponent, decorators: [{
60
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelIconComponent, decorators: [{
61
61
  type: Component,
62
62
  args: [{ selector: 'onemrva-mat-panel-icon', standalone: true, imports: [NgClass], template: "<ng-template>\n <div class=\"onemrva-mat-panel-icon\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-panel-icon{float:left;position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}\n"] }]
63
63
  }], propDecorators: { customNgClass: [{
@@ -78,10 +78,10 @@ class OnemrvaMatPanelComponent {
78
78
  ngAfterViewInit() {
79
79
  this.cd.detectChanges();
80
80
  }
81
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
82
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: "id", data_cy: "data_cy", disabled: "disabled" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true }], ngImport: i0, template: "@if (icon?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) { \n <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n<div class=\"right-content\">\n @if (title?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest)}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border:none}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
81
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
82
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPanelComponent, isStandalone: true, selector: "onemrva-mat-panel", inputs: { id: "id", data_cy: "data_cy", disabled: "disabled" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy", "class.mat-disabled": "this.disabled", "class.has-icon": "this.icon" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatPanelTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPanelContentComponent, descendants: true }, { propertyName: "icon", first: true, predicate: OnemrvaMatPanelIconComponent, descendants: true }], ngImport: i0, template: "@if (icon?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) { \n <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n<div class=\"right-content\">\n @if (title?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest)}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border:none}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
83
83
  }
84
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
84
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelComponent, decorators: [{
85
85
  type: Component,
86
86
  args: [{ selector: 'onemrva-mat-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet], standalone: true, template: "@if (icon?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n<!-- @if (error) { \n <h1 class=\"mat-error\">{{ error }}</h1>\n} -->\n<div class=\"right-content\">\n @if (title?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n @if (content?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n</div>\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;position:relative;background:var(--mat-sys-surface-container-lowest)}:host[class*=\" mat-\"],:host[class^=mat-]{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container);border:none}:host.mat-accent{background:var(--background-gradient);color:var(--on-background-gradient);border:none;--mat-form-field-outlined-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-outline-color: var(--on-background-gradient);--mat-form-field-outlined-focus-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-focus-outline-color: var(--on-background-gradient);--mat-form-field-outlined-hover-label-text-color: var(--on-background-gradient);--mat-form-field-outlined-hover-outline-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-color: var(--on-background-gradient);--mat-form-field-outlined-input-text-placeholder-color: var(--on-background-gradient);--mat-select-enabled-arrow-color: var(--on-background-gradient);--mat-select-focused-arrow-color: var(--on-background-gradient);--mat-select-placeholder-text-color: var(--on-background-gradient);--mat-select-enabled-trigger-text-color: var(--on-background-gradient)}:host a{color:var(--mat-sys-on-surface)}:host.has-icon .right-content{margin-left:calc(var(--spacer) * 10)}:host .onemrva-mat-panel-content{margin-top:var(--double-spacer)}:host .onemrva-mat-panel-content p:last-child{margin:0}\n"] }]
87
87
  }], propDecorators: { id: [{
@@ -114,8 +114,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
114
114
  }] } });
115
115
 
116
116
  class OnemrvaMatPanelModule {
117
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
118
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent,
117
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
118
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule, imports: [OnemrvaMatPanelComponent,
119
119
  OnemrvaMatPanelTitleComponent,
120
120
  OnemrvaMatPanelContentComponent,
121
121
  OnemrvaMatPanelTitleActionComponent,
@@ -124,9 +124,9 @@ class OnemrvaMatPanelModule {
124
124
  OnemrvaMatPanelContentComponent,
125
125
  OnemrvaMatPanelTitleActionComponent,
126
126
  OnemrvaMatPanelIconComponent] }); }
127
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelModule }); }
127
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule }); }
128
128
  }
129
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
129
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPanelModule, decorators: [{
130
130
  type: NgModule,
131
131
  args: [{
132
132
  declarations: [],
@@ -7,10 +7,10 @@ class OnemrvaMatPopOverTriggerComponent {
7
7
  constructor() {
8
8
  this.dataCy = `onemrvaMatPopOverTrigger_${++index$1}`;
9
9
  }
10
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
11
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatPopOverTriggerComponent, isStandalone: true, selector: "onemrva-mat-pop-over-trigger", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
10
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
11
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPopOverTriggerComponent, isStandalone: true, selector: "onemrva-mat-pop-over-trigger", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
12
12
  }
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, decorators: [{
13
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverTriggerComponent, decorators: [{
14
14
  type: Component,
15
15
  args: [{
16
16
  selector: 'onemrva-mat-pop-over-trigger',
@@ -29,10 +29,10 @@ class OnemrvaMatPopOverContentComponent {
29
29
  constructor() {
30
30
  this.dataCy = `onemrvaMatPopOverContent_${++index}`;
31
31
  }
32
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
33
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatPopOverContentComponent, isStandalone: true, selector: "onemrva-mat-pop-over-content", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
32
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
33
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatPopOverContentComponent, isStandalone: true, selector: "onemrva-mat-pop-over-content", inputs: { dataCy: "dataCy" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
34
34
  }
35
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverContentComponent, decorators: [{
35
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverContentComponent, decorators: [{
36
36
  type: Component,
37
37
  args: [{
38
38
  selector: 'onemrva-mat-pop-over-content',
@@ -65,10 +65,10 @@ class OnemrvaMatPopOverComponent {
65
65
  closePopOver() {
66
66
  this.isOpen = false;
67
67
  }
68
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
69
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatPopOverComponent, isStandalone: true, selector: "onemrva-mat-pop-over", inputs: { position: "position", dataCyTrigger: "dataCyTrigger", dataCyPo: "dataCyPo", poId: "poId" }, queries: [{ propertyName: "trigger", first: true, predicate: OnemrvaMatPopOverTriggerComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPopOverContentComponent, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-pop-over\">\n @if (isOpen) {\n <div class=\"onemrva-overlay\" tabindex=\"1\" (click)=\"closePopOver()\"></div>\n }\n <a\n tabindex=\"1\"\n class=\"onemrva-pop-over-trigger\"\n (click)=\"togglePopOver()\"\n [attr.data-cy]=\"dataCyTrigger\"\n role=\"button\"\n [attr.aria-expanded]=\"isOpen\"\n [id]=\"poId\"\n >\n @if (trigger?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </a>\n\n @if (isOpen) {\n @if (content?.template; as tpl) {\n <div\n class=\"onemrva-pop-over-frame\"\n [ngClass]=\"position\"\n [attr.data-cy]=\"dataCyPo\"\n role=\"region\"\n [attr.aria-labelledby]=\"poId\"\n >\n <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n </div>\n </div>\n }\n }\n</div>\n", styles: [".onemrva-overlay{position:fixed;inset:0;background-color:transparent;z-index:10}.onemrva-pop-over{position:relative;display:inline-block}.onemrva-pop-over .onemrva-pop-over-frame{z-index:20;position:absolute}.onemrva-pop-over .onemrva-pop-over-frame.bottom-left{right:0}.onemrva-pop-over .onemrva-pop-over-frame.top-left{right:0;bottom:1.5rem}.onemrva-pop-over .onemrva-pop-over-frame.top-right{bottom:1.5rem}.onemrva-pop-over-content{padding:var(--double-spacer);box-sizing:border-box;border-radius:4px;width:32rem;background-color:var(--mat-sys-surface-container-high);margin:var(--double-spacer) 0;position:relative}.onemrva-pop-over-content h1,.onemrva-pop-over-content h2,.onemrva-pop-over-content h3,.onemrva-pop-over-content h4,.onemrva-pop-over-content h5,.onemrva-pop-over-content h6{margin:0}.onemrva-pop-over-content:after,.onemrva-pop-over-content:before{position:absolute;content:\"\";display:inline-block;height:0;width:0}.onemrva-pop-over-content.bottom-right:before{border-right:9px solid transparent;border-bottom:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;top:-9px;left:15px}.onemrva-pop-over-content.bottom-right:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;left:16px}.onemrva-pop-over-content.bottom-left:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;right:15px}.onemrva-pop-over-content.bottom-left:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;right:16px}.onemrva-pop-over-content.top-left:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;right:15px}.onemrva-pop-over-content.top-left:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;right:16px}.onemrva-pop-over-content.top-right:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;left:15px}.onemrva-pop-over-content.top-right:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;left:16px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
68
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
69
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatPopOverComponent, isStandalone: true, selector: "onemrva-mat-pop-over", inputs: { position: "position", dataCyTrigger: "dataCyTrigger", dataCyPo: "dataCyPo", poId: "poId" }, queries: [{ propertyName: "trigger", first: true, predicate: OnemrvaMatPopOverTriggerComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatPopOverContentComponent, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-pop-over\">\n @if (isOpen) {\n <div class=\"onemrva-overlay\" tabindex=\"1\" (click)=\"closePopOver()\"></div>\n }\n <a\n tabindex=\"1\"\n class=\"onemrva-pop-over-trigger\"\n (click)=\"togglePopOver()\"\n [attr.data-cy]=\"dataCyTrigger\"\n role=\"button\"\n [attr.aria-expanded]=\"isOpen\"\n [id]=\"poId\"\n >\n @if (trigger?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </a>\n\n @if (isOpen) {\n @if (content?.template; as tpl) {\n <div\n class=\"onemrva-pop-over-frame\"\n [ngClass]=\"position\"\n [attr.data-cy]=\"dataCyPo\"\n role=\"region\"\n [attr.aria-labelledby]=\"poId\"\n >\n <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n </div>\n </div>\n }\n }\n</div>\n", styles: [".onemrva-overlay{position:fixed;inset:0;background-color:transparent;z-index:10}.onemrva-pop-over{position:relative;display:inline-block}.onemrva-pop-over .onemrva-pop-over-frame{z-index:20;position:absolute}.onemrva-pop-over .onemrva-pop-over-frame.bottom-left{right:0}.onemrva-pop-over .onemrva-pop-over-frame.top-left{right:0;bottom:1.5rem}.onemrva-pop-over .onemrva-pop-over-frame.top-right{bottom:1.5rem}.onemrva-pop-over-content{padding:var(--double-spacer);box-sizing:border-box;border-radius:4px;width:32rem;background-color:var(--mat-sys-surface-container-high);margin:var(--double-spacer) 0;position:relative}.onemrva-pop-over-content h1,.onemrva-pop-over-content h2,.onemrva-pop-over-content h3,.onemrva-pop-over-content h4,.onemrva-pop-over-content h5,.onemrva-pop-over-content h6{margin:0}.onemrva-pop-over-content:after,.onemrva-pop-over-content:before{position:absolute;content:\"\";display:inline-block;height:0;width:0}.onemrva-pop-over-content.bottom-right:before{border-right:9px solid transparent;border-bottom:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;top:-9px;left:15px}.onemrva-pop-over-content.bottom-right:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;left:16px}.onemrva-pop-over-content.bottom-left:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;right:15px}.onemrva-pop-over-content.bottom-left:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;right:16px}.onemrva-pop-over-content.top-left:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;right:15px}.onemrva-pop-over-content.top-left:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;right:16px}.onemrva-pop-over-content.top-right:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;left:15px}.onemrva-pop-over-content.top-right:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;left:16px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
70
70
  }
71
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverComponent, decorators: [{
71
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverComponent, decorators: [{
72
72
  type: Component,
73
73
  args: [{ selector: 'onemrva-mat-pop-over', standalone: true, imports: [NgTemplateOutlet, NgClass], template: "<div class=\"onemrva-pop-over\">\n @if (isOpen) {\n <div class=\"onemrva-overlay\" tabindex=\"1\" (click)=\"closePopOver()\"></div>\n }\n <a\n tabindex=\"1\"\n class=\"onemrva-pop-over-trigger\"\n (click)=\"togglePopOver()\"\n [attr.data-cy]=\"dataCyTrigger\"\n role=\"button\"\n [attr.aria-expanded]=\"isOpen\"\n [id]=\"poId\"\n >\n @if (trigger?.template; as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n }\n </a>\n\n @if (isOpen) {\n @if (content?.template; as tpl) {\n <div\n class=\"onemrva-pop-over-frame\"\n [ngClass]=\"position\"\n [attr.data-cy]=\"dataCyPo\"\n role=\"region\"\n [attr.aria-labelledby]=\"poId\"\n >\n <div class=\"onemrva-pop-over-content\" [ngClass]=\"position\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n </div>\n </div>\n }\n }\n</div>\n", styles: [".onemrva-overlay{position:fixed;inset:0;background-color:transparent;z-index:10}.onemrva-pop-over{position:relative;display:inline-block}.onemrva-pop-over .onemrva-pop-over-frame{z-index:20;position:absolute}.onemrva-pop-over .onemrva-pop-over-frame.bottom-left{right:0}.onemrva-pop-over .onemrva-pop-over-frame.top-left{right:0;bottom:1.5rem}.onemrva-pop-over .onemrva-pop-over-frame.top-right{bottom:1.5rem}.onemrva-pop-over-content{padding:var(--double-spacer);box-sizing:border-box;border-radius:4px;width:32rem;background-color:var(--mat-sys-surface-container-high);margin:var(--double-spacer) 0;position:relative}.onemrva-pop-over-content h1,.onemrva-pop-over-content h2,.onemrva-pop-over-content h3,.onemrva-pop-over-content h4,.onemrva-pop-over-content h5,.onemrva-pop-over-content h6{margin:0}.onemrva-pop-over-content:after,.onemrva-pop-over-content:before{position:absolute;content:\"\";display:inline-block;height:0;width:0}.onemrva-pop-over-content.bottom-right:before{border-right:9px solid transparent;border-bottom:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;top:-9px;left:15px}.onemrva-pop-over-content.bottom-right:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;left:16px}.onemrva-pop-over-content.bottom-left:before{border-right:9px solid transparent;border-bottom:9px solid lightGrey;border-left:9px solid transparent;top:-9px;right:15px}.onemrva-pop-over-content.bottom-left:after{border-right:8px solid transparent;border-bottom:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;top:-8px;right:16px}.onemrva-pop-over-content.top-left:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;right:15px}.onemrva-pop-over-content.top-left:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;right:16px}.onemrva-pop-over-content.top-right:before{border-right:9px solid transparent;border-top:9px solid var(--mat-sys-surface-container-high);border-left:9px solid transparent;bottom:-9px;left:15px}.onemrva-pop-over-content.top-right:after{border-right:8px solid transparent;border-top:8px solid var(--mat-sys-surface-container-high);border-left:8px solid transparent;bottom:-8px;left:16px}\n"] }]
74
74
  }], propDecorators: { position: [{
@@ -93,15 +93,15 @@ const components = [
93
93
  OnemrvaMatPopOverTriggerComponent,
94
94
  ];
95
95
  class OnemrvaMatPopOverModule {
96
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
97
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverModule, imports: [OnemrvaMatPopOverComponent,
96
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
97
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverModule, imports: [OnemrvaMatPopOverComponent,
98
98
  OnemrvaMatPopOverContentComponent,
99
99
  OnemrvaMatPopOverTriggerComponent], exports: [OnemrvaMatPopOverComponent,
100
100
  OnemrvaMatPopOverContentComponent,
101
101
  OnemrvaMatPopOverTriggerComponent] }); }
102
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverModule }); }
102
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverModule }); }
103
103
  }
104
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatPopOverModule, decorators: [{
104
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatPopOverModule, decorators: [{
105
105
  type: NgModule,
106
106
  args: [{
107
107
  declarations: [],
@@ -19,10 +19,10 @@ class OnemrvaMatProgressBarComponent {
19
19
  this.label$ = this.progress$;
20
20
  }
21
21
  }
22
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
23
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatProgressBarComponent, isStandalone: true, selector: "onemrva-mat-progress-bar", inputs: { label$: "label$", value$: "value$", dataCy: "dataCy", ariaLabel: "ariaLabel" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class.mat-success": "this.success" } }, ngImport: i0, template: "<div class=\"onemrva-progress-bar\">\n <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\n\n <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n <div\n class=\"onemrva-progress-bar-inner\"\n [ngStyle]=\"{ width: progress$ | async }\"\n [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n [attr.data-cy]=\"dataCy\"\n [attr.value]=\"progress$ | async\"\n ></div>\n </div>\n</div>\n", styles: [":host{display:block}:host .onemrva-progress-bar .onemrva-progress-bar-outer{height:.25rem;border-radius:var(--button-border-radius);box-sizing:border-box;overflow:hidden;background-color:var(--mat-sys-outline-variant)}:host .onemrva-progress-bar .onemrva-progress-bar-outer .onemrva-progress-bar-inner{background-color:var(--mat-sys-primary);height:.25rem;box-sizing:border-box;border-radius:var(--button-border-radius);transition:width .3s ease-out}:host .onemrva-progress-bar-label{font-size:var(--mat-sys-label-small)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
22
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
23
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatProgressBarComponent, isStandalone: true, selector: "onemrva-mat-progress-bar", inputs: { label$: "label$", value$: "value$", dataCy: "dataCy", ariaLabel: "ariaLabel" }, host: { properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class.mat-success": "this.success" } }, ngImport: i0, template: "<div class=\"onemrva-progress-bar\">\n <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\n\n <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n <div\n class=\"onemrva-progress-bar-inner\"\n [ngStyle]=\"{ width: progress$ | async }\"\n [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n [attr.data-cy]=\"dataCy\"\n [attr.value]=\"progress$ | async\"\n ></div>\n </div>\n</div>\n", styles: [":host{display:block}:host .onemrva-progress-bar .onemrva-progress-bar-outer{height:.25rem;border-radius:var(--button-border-radius);box-sizing:border-box;overflow:hidden;background-color:var(--mat-sys-outline-variant)}:host .onemrva-progress-bar .onemrva-progress-bar-outer .onemrva-progress-bar-inner{background-color:var(--mat-sys-primary);height:.25rem;box-sizing:border-box;border-radius:var(--button-border-radius);transition:width .3s ease-out}:host .onemrva-progress-bar-label{font-size:var(--mat-sys-label-small)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
24
24
  }
25
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatProgressBarComponent, decorators: [{
25
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatProgressBarComponent, decorators: [{
26
26
  type: Component,
27
27
  args: [{ selector: 'onemrva-mat-progress-bar', standalone: true, imports: [CommonModule], template: "<div class=\"onemrva-progress-bar\">\n <span class=\"onemrva-progress-bar-label\">{{ label$ | async }}</span>\n\n <div class=\"onemrva-progress-bar-outer mt-s\" #onemrvaProgressBar>\n <div\n class=\"onemrva-progress-bar-inner\"\n [ngStyle]=\"{ width: progress$ | async }\"\n [ngClass]=\"{ 'progress-success': (value$ | async)! >= 100 }\"\n [attr.data-cy]=\"dataCy\"\n [attr.value]=\"progress$ | async\"\n ></div>\n </div>\n</div>\n", styles: [":host{display:block}:host .onemrva-progress-bar .onemrva-progress-bar-outer{height:.25rem;border-radius:var(--button-border-radius);box-sizing:border-box;overflow:hidden;background-color:var(--mat-sys-outline-variant)}:host .onemrva-progress-bar .onemrva-progress-bar-outer .onemrva-progress-bar-inner{background-color:var(--mat-sys-primary);height:.25rem;box-sizing:border-box;border-radius:var(--button-border-radius);transition:width .3s ease-out}:host .onemrva-progress-bar-label{font-size:var(--mat-sys-label-small)}\n"] }]
28
28
  }], propDecorators: { label$: [{
@@ -26,10 +26,10 @@ import { MatDivider } from '@angular/material/divider';
26
26
  * </mat-select-search>
27
27
  */
28
28
  class MatSelectSearchClearDirective {
29
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchClearDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
30
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: MatSelectSearchClearDirective, isStandalone: true, selector: "[matSelectSearchClear]", ngImport: i0 }); }
29
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchClearDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
30
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: MatSelectSearchClearDirective, isStandalone: true, selector: "[matSelectSearchClear]", ngImport: i0 }); }
31
31
  }
32
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchClearDirective, decorators: [{
32
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchClearDirective, decorators: [{
33
33
  type: Directive,
34
34
  args: [{
35
35
  selector: '[matSelectSearchClear]',
@@ -81,10 +81,10 @@ const MAT_SELECTSEARCH_DEFAULT_OPTIONS = new InjectionToken('mat-selectsearch-de
81
81
  * </mat-select-search>
82
82
  */
83
83
  class MatSelectNoEntriesFoundDirective {
84
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectNoEntriesFoundDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
85
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: MatSelectNoEntriesFoundDirective, isStandalone: true, selector: "[matSelectNoEntriesFound]", ngImport: i0 }); }
84
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectNoEntriesFoundDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
85
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: MatSelectNoEntriesFoundDirective, isStandalone: true, selector: "[matSelectNoEntriesFound]", ngImport: i0 }); }
86
86
  }
87
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectNoEntriesFoundDirective, decorators: [{
87
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectNoEntriesFoundDirective, decorators: [{
88
88
  type: Directive,
89
89
  args: [{
90
90
  selector: '[matSelectNoEntriesFound]',
@@ -490,8 +490,8 @@ class MatSelectSearchComponent {
490
490
  this.activeDescendant?.removeAttribute('aria-selected');
491
491
  this.searchSelectInput?.nativeElement.removeAttribute('aria-activedescendant');
492
492
  }
493
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
494
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: MatSelectSearchComponent, isStandalone: true, selector: "mat-select-search", inputs: { placeholderLabel: "placeholderLabel", type: "type", closeIcon: "closeIcon", closeSvgIcon: "closeSvgIcon", noEntriesFoundLabel: "noEntriesFoundLabel", clearSearchInput: "clearSearchInput", searching: "searching", disableInitialFocus: "disableInitialFocus", enableClearOnEscapePressed: "enableClearOnEscapePressed", preventHomeEndKeyPropagation: "preventHomeEndKeyPropagation", disableScrollToActiveOnOptionsChanged: "disableScrollToActiveOnOptionsChanged", ariaLabel: "ariaLabel", showToggleAllCheckbox: "showToggleAllCheckbox", toggleAllCheckboxChecked: "toggleAllCheckboxChecked", toggleAllCheckboxIndeterminate: "toggleAllCheckboxIndeterminate", toggleAllCheckboxTooltipMessage: "toggleAllCheckboxTooltipMessage", toggleAllCheckboxTooltipPosition: "toggleAllCheckboxTooltipPosition", hideClearSearchButton: "hideClearSearchButton", alwaysRestoreSelectedOptionsMulti: "alwaysRestoreSelectedOptionsMulti" }, outputs: { toggleAll: "toggleAll" }, providers: [
493
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
494
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: MatSelectSearchComponent, isStandalone: true, selector: "mat-select-search", inputs: { placeholderLabel: "placeholderLabel", type: "type", closeIcon: "closeIcon", closeSvgIcon: "closeSvgIcon", noEntriesFoundLabel: "noEntriesFoundLabel", clearSearchInput: "clearSearchInput", searching: "searching", disableInitialFocus: "disableInitialFocus", enableClearOnEscapePressed: "enableClearOnEscapePressed", preventHomeEndKeyPropagation: "preventHomeEndKeyPropagation", disableScrollToActiveOnOptionsChanged: "disableScrollToActiveOnOptionsChanged", ariaLabel: "ariaLabel", showToggleAllCheckbox: "showToggleAllCheckbox", toggleAllCheckboxChecked: "toggleAllCheckboxChecked", toggleAllCheckboxIndeterminate: "toggleAllCheckboxIndeterminate", toggleAllCheckboxTooltipMessage: "toggleAllCheckboxTooltipMessage", toggleAllCheckboxTooltipPosition: "toggleAllCheckboxTooltipPosition", hideClearSearchButton: "hideClearSearchButton", alwaysRestoreSelectedOptionsMulti: "alwaysRestoreSelectedOptionsMulti" }, outputs: { toggleAll: "toggleAll" }, providers: [
495
495
  {
496
496
  provide: NG_VALUE_ACCESSOR,
497
497
  useExisting: forwardRef(() => MatSelectSearchComponent),
@@ -499,7 +499,7 @@ class MatSelectSearchComponent {
499
499
  },
500
500
  ], queries: [{ propertyName: "clearIcon", first: true, predicate: MatSelectSearchClearDirective, descendants: true }, { propertyName: "noEntriesFound", first: true, predicate: MatSelectNoEntriesFoundDirective, descendants: true }], viewQueries: [{ propertyName: "searchSelectInput", first: true, predicate: ["searchSelectInput"], descendants: true, read: ElementRef, static: true }, { propertyName: "innerSelectSearch", first: true, predicate: ["innerSelectSearch"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<!--\nCopyright (c) 2018 Bithost GmbH All Rights Reserved.\n\nUse of this source code is governed by an MIT-style license that can be\nfound in the LICENSE file at https://angular.io/license\n-->\n<!-- Placeholder to adjust vertical offset of the mat-option elements -->\n<input matInput class=\"mat-select-search-input mat-select-search-hidden\" />\n\n<!-- Note: the mat-datepicker-content mat-tab-header are needed to inherit the material theme colors, see PR #22 -->\n<div\n #innerSelectSearch\n class=\"mat-select-search-inner mat-typography mat-datepicker-content mat-tab-header\"\n [ngClass]=\"{\n 'mat-select-search-inner-multiple': matSelect.multiple,\n 'mat-select-search-inner-toggle-all': _isToggleAllCheckboxVisible(),\n }\"\n>\n @if (_isToggleAllCheckboxVisible()) {\n <mat-checkbox\n class=\"mat-select-search-toggle-all-checkbox\"\n [checked]=\"toggleAllCheckboxChecked\"\n [indeterminate]=\"toggleAllCheckboxIndeterminate\"\n [matTooltip]=\"toggleAllCheckboxTooltipMessage\"\n matTooltipClass=\"ngx-mat-select-search-toggle-all-tooltip\"\n [matTooltipPosition]=\"toggleAllCheckboxTooltipPosition\"\n (change)=\"_emitSelectAllBooleanToParent($event.checked)\"\n ></mat-checkbox>\n }\n <input\n class=\"mat-select-search-input\"\n autocomplete=\"off\"\n [type]=\"type\"\n [formControl]=\"_formControl\"\n #searchSelectInput\n (keydown)=\"_handleKeydown($event)\"\n (keyup)=\"_handleKeyup($event)\"\n (blur)=\"onBlur()\"\n [placeholder]=\"placeholderLabel\"\n [attr.aria-label]=\"ariaLabel\"\n />\n @if (value === '' && !searching) {\n <mat-icon class=\"suffix\">search</mat-icon>\n }\n @if (searching) {\n <mat-spinner class=\"mat-select-search-spinner\" diameter=\"16\"></mat-spinner>\n }\n @if (!hideClearSearchButton && value && !searching) {\n <button\n mat-icon-button\n aria-label=\"Clear\"\n (click)=\"_reset(true)\"\n class=\"mat-select-search-clear\"\n >\n @if (clearIcon) {\n <ng-content select=\"[matSelectSearchClear]\"></ng-content>\n } @else {\n <mat-icon [svgIcon]=\"closeSvgIcon\">\n {{ !closeSvgIcon ? closeIcon : null }}\n </mat-icon>\n }\n </button>\n }\n\n <ng-content select=\".mat-select-search-custom-header-content\"></ng-content>\n\n <mat-divider></mat-divider>\n</div>\n\n@if (_showNoEntriesFound$ | async) {\n <div class=\"mat-select-search-no-entries-found\">\n @if (noEntriesFound) {\n <ng-content select=\"[matSelectNoEntriesFound]\"></ng-content>\n } @else {\n {{ noEntriesFoundLabel }}\n }\n </div>\n}\n", styles: [":host .mat-select-search-hidden{visibility:hidden}:host .mat-select-search-inner{position:absolute;top:0;left:0;width:100%;z-index:100;font-size:inherit;box-shadow:none}:host .mat-select-search-inner.mat-select-search-inner-multiple.mat-select-search-inner-toggle-all{display:flex;align-items:center}:host .suffix{position:absolute;top:var(--spacer-and-half);right:var(--spacer)}:host .mat-select-search-input{box-sizing:border-box;width:100%;border:none;font-family:inherit;font-size:inherit;color:currentColor;outline:none;background:var(--mat-sys-surface-container-high);line-height:var(--input-height);height:var(--input-height);padding:var(--spacer)}:host-context([dir=rtl]) :host .mat-select-search-input{padding-right:var(--double-spacer)}:host .mat-select-search-inner-toggle-all .mat-select-search-input{padding-left:var(--half-spacer)}:host .mat-select-search-no-entries-found{padding-top:var(--spacer);padding-bottom:var(--spacer)}:host .mat-select-search-clear{position:absolute;right:var(--half-spacer);top:0}:host-context([dir=rtl]) :host .mat-select-search-clear{right:auto;left:var(--half-spacer)}:host .mat-select-search-spinner{position:absolute;right:var(--double-spacer);top:calc(50% - var(--spacer))}:host-context([dir=rtl]) :host .mat-select-search-spinner{right:auto;left:var(--double-spacer)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
501
501
  }
502
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchComponent, decorators: [{
502
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchComponent, decorators: [{
503
503
  type: Component,
504
504
  args: [{ selector: 'mat-select-search', providers: [
505
505
  {
@@ -580,15 +580,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
580
580
  * found in the LICENSE file at https://angular.io/license
581
581
  */
582
582
  class MatSelectSearchModule {
583
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
584
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent,
583
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
584
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent,
585
585
  MatSelectSearchClearDirective,
586
586
  MatSelectNoEntriesFoundDirective], exports: [MatSelectSearchComponent,
587
587
  MatSelectSearchClearDirective,
588
588
  MatSelectNoEntriesFoundDirective] }); }
589
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent] }); }
589
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchModule, imports: [MatSelectSearchComponent] }); }
590
590
  }
591
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatSelectSearchModule, decorators: [{
591
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatSelectSearchModule, decorators: [{
592
592
  type: NgModule,
593
593
  args: [{
594
594
  imports: [
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { EventEmitter, inject, ChangeDetectorRef, Output, Input, ViewChild, HostBinding, Component, NgModule } from '@angular/core';
2
+ import { EventEmitter, inject, ChangeDetectorRef, Output, Input, ViewChild, HostBinding, ViewEncapsulation, Component, NgModule } from '@angular/core';
3
3
  import { MatRadioButton } from '@angular/material/radio';
4
4
  import { MatCardTitle, MatCard, MatCardContent } from '@angular/material/card';
5
5
  import { MatLabel } from '@angular/material/form-field';
@@ -36,12 +36,12 @@ class OnemrvaMatSelectableBoxComponent {
36
36
  this.radioButton._inputElement.nativeElement.dispatchEvent(new MouseEvent('click', { bubbles: false }));
37
37
  }
38
38
  }
39
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
40
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatSelectableBoxComponent, isStandalone: true, selector: "onemrva-mat-selectable-box", inputs: { id: "id", value: "value", disabled: "disabled", checked: "checked", iconSize: "iconSize" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.id": "this.id" } }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: "<mat-card\n [class.checked]=\"isChecked()\"\n [class.disabled]=\"disabled\"\n class=\"m-m onemrva-shadow-highlight clickable\"\n (click)=\"triggerRadioClick()\"\n>\n <mat-card-title class=\"selectablebox-title\">\n <mat-radio-button\n #radioButton\n (change)=\"valueChanged($event)\"\n aria-label=\"Selected\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [value]=\"value\"\n >\n </mat-radio-button>\n\n <mat-label class=\"mr\">\n <ng-content select=\"[title]\"></ng-content>\n </mat-label>\n\n <mat-icon class=\"m selectable-box-icon\" [size]=\"iconSize\">\n <ng-content select=\"[icon]\"></ng-content>\n </mat-icon>\n\n <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n </mat-card-title>\n\n <mat-card-content>\n <ng-content></ng-content>\n </mat-card-content>\n</mat-card>\n", styles: [":host mat-radio-button{pointer-events:none}:host mat-card.onemrva-shadow-highlight{box-shadow:none;border-radius:var(--border-radius);overflow:hidden;padding:0;margin:0}:host mat-card.onemrva-shadow-highlight:not(.disabled):hover{box-shadow:var(--box-shadow)}:host mat-card.onemrva-shadow-highlight.checked{outline:2px solid var(--mat-sys-secondary)}:host mat-card.onemrva-shadow-highlight.checked .mat-mdc-card-title{background-color:transparent;background:var(--mat-sys-secondary-container)!important;color:var(--mat-sys-on-background)!important}:host mat-card.onemrva-shadow-highlight.checked .mat-mdc-card-title mat-icon{color:var(--mat-sys-primary)!important}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title{display:flex;align-items:center;padding:var(--half-spacer);background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title mat-label{font-family:var(--mat-sys-title-large-font);font-size:1rem;font-weight:var(--mat-sys-title-small-weight)}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title mat-icon.selectable-box-icon{flex:0 0 var(--icon-size-xlarge)}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title mat-icon.selectable-box-icon:empty{display:none}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title .sticker{align-self:center;margin-left:auto;margin-right:var(--spacer)}:host mat-card.onemrva-shadow-highlight.disabled{cursor:auto}:host mat-card.onemrva-shadow-highlight.disabled .mat-mdc-card-title{color:var(--mat-sys-outline-variant);background-color:var(--mat-sys-surface-container)}:host mat-card mat-card-content{padding:var(--double-spacer);background-color:var(--mat-sys-background);border-bottom:1px solid var(--mat-sys-outline-variant);border-left:1px solid var(--mat-sys-outline-variant);border-right:1px solid var(--mat-sys-outline-variant);border-radius:0 0 var(--border-radius) var(--border-radius)}:host mat-card mat-card-content:empty{padding:0;border:none}\n"], dependencies: [{ kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: OnemRvaSizeDirective, selector: "mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]", inputs: ["size"] }] }); }
39
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
40
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatSelectableBoxComponent, isStandalone: true, selector: "onemrva-mat-selectable-box", inputs: { id: "id", value: "value", disabled: "disabled", checked: "checked", iconSize: "iconSize" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.id": "this.id" } }, viewQueries: [{ propertyName: "radioButton", first: true, predicate: ["radioButton"], descendants: true }], ngImport: i0, template: "<mat-card\n [class.checked]=\"isChecked()\"\n [class.disabled]=\"disabled\"\n class=\"onemrva-selectable-box m-m clickable\"\n (click)=\"triggerRadioClick()\"\n>\n <mat-card-title class=\"selectablebox-title\">\n <mat-radio-button\n #radioButton\n (change)=\"valueChanged($event)\"\n aria-label=\"Selected\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [value]=\"value\"\n >\n </mat-radio-button>\n\n <mat-label class=\"mr\">\n <ng-content select=\"[title]\"></ng-content>\n </mat-label>\n\n <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize\">\n <ng-content select=\"[icon]\"></ng-content>\n </mat-icon>\n\n <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n </mat-card-title>\n\n <mat-card-content>\n <ng-content></ng-content>\n </mat-card-content>\n</mat-card>\n", styles: ["mat-card.onemrva-selectable-box{border-radius:var(--half-border-radius);box-shadow:none;position:relative;color:var(--mat-sys-on-surface);border:2px solid transparent;-webkit-user-select:none;user-select:none}mat-card.onemrva-selectable-box.checked{border:2px solid var(--mat-sys-tertiary);background:var(--mat-sys-tertiary-container)}mat-card.onemrva-selectable-box.disabled{opacity:.4;cursor:auto}mat-card.onemrva-selectable-box mat-icon{overflow:visible;color:var(--mat-sys-primary)}mat-card.onemrva-selectable-box mat-radio-button{pointer-events:none}mat-card.onemrva-selectable-box mat-card-title{display:flex;padding:var(--spacer-and-half) var(--spacer-and-half) var(--spacer-and-half) calc(var(--spacer-and-half) + var(--quad-spacer));align-items:center;box-shadow:none;color:inherit;font-family:var(--label-large-font-family, Poppins);font-size:var(--label-large-font-size, 16px);font-style:normal;font-weight:var(--label-large-font-weight, 500);line-height:var(--label-large-line-height, 21px)}mat-card.onemrva-selectable-box mat-card-title mat-label{display:flex;flex-grow:1}mat-card.onemrva-selectable-box mat-card-title mat-radio-button{position:absolute;left:2px}mat-card.onemrva-selectable-box b,mat-card.onemrva-selectable-box strong{font-weight:600}mat-card.onemrva-selectable-box mat-card-content{background:var(--mat-sys-surface);padding:var(--spacer-and-half);border-bottom-left-radius:var(--half-border-radius);border-bottom-right-radius:var(--half-border-radius)}mat-card.onemrva-selectable-box mat-card-content:empty{padding:0;border:0}\n"], dependencies: [{ kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: OnemRvaSizeDirective, selector: "mat-icon[size], onemrva-mat-skeleton[size], onemrva-mat-avatar[size], button[size]", inputs: ["size"] }], encapsulation: i0.ViewEncapsulation.None }); }
41
41
  }
42
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
42
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxComponent, decorators: [{
43
43
  type: Component,
44
- args: [{ selector: 'onemrva-mat-selectable-box', standalone: true, imports: [
44
+ args: [{ selector: 'onemrva-mat-selectable-box', standalone: true, encapsulation: ViewEncapsulation.None, imports: [
45
45
  MatCardTitle,
46
46
  MatCard,
47
47
  MatRadioButton,
@@ -49,7 +49,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
49
49
  MatIcon,
50
50
  MatCardContent,
51
51
  OnemRvaSizeDirective,
52
- ], template: "<mat-card\n [class.checked]=\"isChecked()\"\n [class.disabled]=\"disabled\"\n class=\"m-m onemrva-shadow-highlight clickable\"\n (click)=\"triggerRadioClick()\"\n>\n <mat-card-title class=\"selectablebox-title\">\n <mat-radio-button\n #radioButton\n (change)=\"valueChanged($event)\"\n aria-label=\"Selected\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [value]=\"value\"\n >\n </mat-radio-button>\n\n <mat-label class=\"mr\">\n <ng-content select=\"[title]\"></ng-content>\n </mat-label>\n\n <mat-icon class=\"m selectable-box-icon\" [size]=\"iconSize\">\n <ng-content select=\"[icon]\"></ng-content>\n </mat-icon>\n\n <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n </mat-card-title>\n\n <mat-card-content>\n <ng-content></ng-content>\n </mat-card-content>\n</mat-card>\n", styles: [":host mat-radio-button{pointer-events:none}:host mat-card.onemrva-shadow-highlight{box-shadow:none;border-radius:var(--border-radius);overflow:hidden;padding:0;margin:0}:host mat-card.onemrva-shadow-highlight:not(.disabled):hover{box-shadow:var(--box-shadow)}:host mat-card.onemrva-shadow-highlight.checked{outline:2px solid var(--mat-sys-secondary)}:host mat-card.onemrva-shadow-highlight.checked .mat-mdc-card-title{background-color:transparent;background:var(--mat-sys-secondary-container)!important;color:var(--mat-sys-on-background)!important}:host mat-card.onemrva-shadow-highlight.checked .mat-mdc-card-title mat-icon{color:var(--mat-sys-primary)!important}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title{display:flex;align-items:center;padding:var(--half-spacer);background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title mat-label{font-family:var(--mat-sys-title-large-font);font-size:1rem;font-weight:var(--mat-sys-title-small-weight)}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title mat-icon.selectable-box-icon{flex:0 0 var(--icon-size-xlarge)}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title mat-icon.selectable-box-icon:empty{display:none}:host mat-card.onemrva-shadow-highlight.mat-mdc-card .mat-mdc-card-title .sticker{align-self:center;margin-left:auto;margin-right:var(--spacer)}:host mat-card.onemrva-shadow-highlight.disabled{cursor:auto}:host mat-card.onemrva-shadow-highlight.disabled .mat-mdc-card-title{color:var(--mat-sys-outline-variant);background-color:var(--mat-sys-surface-container)}:host mat-card mat-card-content{padding:var(--double-spacer);background-color:var(--mat-sys-background);border-bottom:1px solid var(--mat-sys-outline-variant);border-left:1px solid var(--mat-sys-outline-variant);border-right:1px solid var(--mat-sys-outline-variant);border-radius:0 0 var(--border-radius) var(--border-radius)}:host mat-card mat-card-content:empty{padding:0;border:none}\n"] }]
52
+ ], template: "<mat-card\n [class.checked]=\"isChecked()\"\n [class.disabled]=\"disabled\"\n class=\"onemrva-selectable-box m-m clickable\"\n (click)=\"triggerRadioClick()\"\n>\n <mat-card-title class=\"selectablebox-title\">\n <mat-radio-button\n #radioButton\n (change)=\"valueChanged($event)\"\n aria-label=\"Selected\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [value]=\"value\"\n >\n </mat-radio-button>\n\n <mat-label class=\"mr\">\n <ng-content select=\"[title]\"></ng-content>\n </mat-label>\n\n <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize\">\n <ng-content select=\"[icon]\"></ng-content>\n </mat-icon>\n\n <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n </mat-card-title>\n\n <mat-card-content>\n <ng-content></ng-content>\n </mat-card-content>\n</mat-card>\n", styles: ["mat-card.onemrva-selectable-box{border-radius:var(--half-border-radius);box-shadow:none;position:relative;color:var(--mat-sys-on-surface);border:2px solid transparent;-webkit-user-select:none;user-select:none}mat-card.onemrva-selectable-box.checked{border:2px solid var(--mat-sys-tertiary);background:var(--mat-sys-tertiary-container)}mat-card.onemrva-selectable-box.disabled{opacity:.4;cursor:auto}mat-card.onemrva-selectable-box mat-icon{overflow:visible;color:var(--mat-sys-primary)}mat-card.onemrva-selectable-box mat-radio-button{pointer-events:none}mat-card.onemrva-selectable-box mat-card-title{display:flex;padding:var(--spacer-and-half) var(--spacer-and-half) var(--spacer-and-half) calc(var(--spacer-and-half) + var(--quad-spacer));align-items:center;box-shadow:none;color:inherit;font-family:var(--label-large-font-family, Poppins);font-size:var(--label-large-font-size, 16px);font-style:normal;font-weight:var(--label-large-font-weight, 500);line-height:var(--label-large-line-height, 21px)}mat-card.onemrva-selectable-box mat-card-title mat-label{display:flex;flex-grow:1}mat-card.onemrva-selectable-box mat-card-title mat-radio-button{position:absolute;left:2px}mat-card.onemrva-selectable-box b,mat-card.onemrva-selectable-box strong{font-weight:600}mat-card.onemrva-selectable-box mat-card-content{background:var(--mat-sys-surface);padding:var(--spacer-and-half);border-bottom-left-radius:var(--half-border-radius);border-bottom-right-radius:var(--half-border-radius)}mat-card.onemrva-selectable-box mat-card-content:empty{padding:0;border:0}\n"] }]
53
53
  }], propDecorators: { id: [{
54
54
  type: HostBinding,
55
55
  args: ['attr.id']
@@ -71,11 +71,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
71
71
  }] } });
72
72
 
73
73
  class OnemrvaMatSelectableBoxModule {
74
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
75
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent], exports: [OnemrvaMatSelectableBoxComponent] }); }
76
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent] }); }
74
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
75
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent], exports: [OnemrvaMatSelectableBoxComponent] }); }
76
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxModule, imports: [OnemrvaMatSelectableBoxComponent] }); }
77
77
  }
78
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSelectableBoxModule, decorators: [{
78
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSelectableBoxModule, decorators: [{
79
79
  type: NgModule,
80
80
  args: [{
81
81
  declarations: [],
@@ -1 +1 @@
1
- {"version":3,"file":"onemrvapublic-design-system-mat-selectable-box.mjs","sources":["../../../../projects/onemrva/design-system/mat-selectable-box/src/onemrva-mat-selectable-box.component.ts","../../../../projects/onemrva/design-system/mat-selectable-box/src/onemrva-mat-selectable-box.component.html","../../../../projects/onemrva/design-system/mat-selectable-box/src/onemrva-mat-selectable-box.module.ts","../../../../projects/onemrva/design-system/mat-selectable-box/index.ts","../../../../projects/onemrva/design-system/mat-selectable-box/onemrvapublic-design-system-mat-selectable-box.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n EventEmitter,\n HostBinding,\n inject,\n Input,\n Output,\n ViewChild,\n} from '@angular/core';\nimport { MatRadioButton, MatRadioChange } from '@angular/material/radio';\nimport { MatCard, MatCardContent, MatCardTitle } from '@angular/material/card';\nimport { MatLabel } from '@angular/material/form-field';\nimport { MatIcon } from '@angular/material/icon';\nimport { OnemrvaMatSize } from '@onemrvapublic/design-system/utils';\nimport { OnemRvaSizeDirective } from '@onemrvapublic/design-system/shared';\n\nlet NEXT_ID = 0;\n\n@Component({\n selector: 'onemrva-mat-selectable-box',\n templateUrl: './onemrva-mat-selectable-box.component.html',\n styleUrl: './onemrva-mat-selectable-box.component.scss',\n standalone: true,\n imports: [\n MatCardTitle,\n MatCard,\n MatRadioButton,\n MatLabel,\n MatIcon,\n MatCardContent,\n OnemRvaSizeDirective,\n ],\n})\nexport class OnemrvaMatSelectableBoxComponent implements AfterViewInit {\n @HostBinding('attr.id')\n @Input()\n public id = `onemrva-mat-selectable-box-${NEXT_ID++}`;\n\n @ViewChild('radioButton')\n radioButton: MatRadioButton | undefined;\n\n @Input()\n value = '';\n\n @Input()\n disabled = false;\n\n @Input()\n checked = false;\n\n @Input()\n iconSize: OnemrvaMatSize = '';\n\n @Output()\n valueChange = new EventEmitter<MatRadioChange>();\n\n changeDetectorRef = inject(ChangeDetectorRef);\n\n ngAfterViewInit() {\n this.changeDetectorRef.detectChanges();\n }\n\n valueChanged(event: MatRadioChange) {\n this.valueChange.emit(event);\n }\n\n isChecked() {\n return this.radioButton?._inputElement.nativeElement.checked;\n }\n\n triggerRadioClick() {\n if (\n this.radioButton &&\n !this.radioButton.checked &&\n !this.radioButton.disabled\n ) {\n // https://v11.material.angular.io/components/radio/api\n // Changing checked prop does not trigger a change event on the button or radiogroup,\n // only on user-interaction. Workaround trigger/simulate a click event.\n this.radioButton._inputElement.nativeElement.dispatchEvent(\n new MouseEvent('click', { bubbles: false }),\n );\n }\n }\n}\n","<mat-card\n [class.checked]=\"isChecked()\"\n [class.disabled]=\"disabled\"\n class=\"m-m onemrva-shadow-highlight clickable\"\n (click)=\"triggerRadioClick()\"\n>\n <mat-card-title class=\"selectablebox-title\">\n <mat-radio-button\n #radioButton\n (change)=\"valueChanged($event)\"\n aria-label=\"Selected\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [value]=\"value\"\n >\n </mat-radio-button>\n\n <mat-label class=\"mr\">\n <ng-content select=\"[title]\"></ng-content>\n </mat-label>\n\n <mat-icon class=\"m selectable-box-icon\" [size]=\"iconSize\">\n <ng-content select=\"[icon]\"></ng-content>\n </mat-icon>\n\n <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n </mat-card-title>\n\n <mat-card-content>\n <ng-content></ng-content>\n </mat-card-content>\n</mat-card>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatSelectableBoxComponent } from './onemrva-mat-selectable-box.component';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatSelectableBoxComponent],\n exports: [OnemrvaMatSelectableBoxComponent],\n})\nexport class OnemrvaMatSelectableBoxModule {}\n","/*\n * Public API Surface of mat-selectable-box\n */\n\nexport * from './src/onemrva-mat-selectable-box.component';\nexport * from './src/onemrva-mat-selectable-box.module';\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-selectable-box.mjs","sources":["../../../../projects/onemrva/design-system/mat-selectable-box/src/onemrva-mat-selectable-box.component.ts","../../../../projects/onemrva/design-system/mat-selectable-box/src/onemrva-mat-selectable-box.component.html","../../../../projects/onemrva/design-system/mat-selectable-box/src/onemrva-mat-selectable-box.module.ts","../../../../projects/onemrva/design-system/mat-selectable-box/index.ts","../../../../projects/onemrva/design-system/mat-selectable-box/onemrvapublic-design-system-mat-selectable-box.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n EventEmitter,\n HostBinding,\n inject,\n Input,\n Output,\n ViewChild,\n ViewEncapsulation,\n} from '@angular/core';\nimport { MatRadioButton, MatRadioChange } from '@angular/material/radio';\nimport { MatCard, MatCardContent, MatCardTitle } from '@angular/material/card';\nimport { MatLabel } from '@angular/material/form-field';\nimport { MatIcon } from '@angular/material/icon';\nimport { OnemrvaMatSize } from '@onemrvapublic/design-system/utils';\nimport { OnemRvaSizeDirective } from '@onemrvapublic/design-system/shared';\n\nlet NEXT_ID = 0;\n\n@Component({\n selector: 'onemrva-mat-selectable-box',\n templateUrl: './onemrva-mat-selectable-box.component.html',\n styleUrl: './onemrva-mat-selectable-box.component.scss',\n standalone: true,\n encapsulation: ViewEncapsulation.None,\n imports: [\n MatCardTitle,\n MatCard,\n MatRadioButton,\n MatLabel,\n MatIcon,\n MatCardContent,\n OnemRvaSizeDirective,\n ],\n})\nexport class OnemrvaMatSelectableBoxComponent implements AfterViewInit {\n @HostBinding('attr.id')\n @Input()\n public id = `onemrva-mat-selectable-box-${NEXT_ID++}`;\n\n @ViewChild('radioButton')\n radioButton: MatRadioButton | undefined;\n\n @Input()\n value = '';\n\n @Input()\n disabled = false;\n\n @Input()\n checked = false;\n\n @Input()\n iconSize: OnemrvaMatSize = '';\n\n @Output()\n valueChange = new EventEmitter<MatRadioChange>();\n\n changeDetectorRef = inject(ChangeDetectorRef);\n\n ngAfterViewInit() {\n this.changeDetectorRef.detectChanges();\n }\n\n valueChanged(event: MatRadioChange) {\n this.valueChange.emit(event);\n }\n\n isChecked() {\n return this.radioButton?._inputElement.nativeElement.checked;\n }\n\n triggerRadioClick() {\n if (\n this.radioButton &&\n !this.radioButton.checked &&\n !this.radioButton.disabled\n ) {\n // https://v11.material.angular.io/components/radio/api\n // Changing checked prop does not trigger a change event on the button or radiogroup,\n // only on user-interaction. Workaround trigger/simulate a click event.\n this.radioButton._inputElement.nativeElement.dispatchEvent(\n new MouseEvent('click', { bubbles: false }),\n );\n }\n }\n}\n","<mat-card\n [class.checked]=\"isChecked()\"\n [class.disabled]=\"disabled\"\n class=\"onemrva-selectable-box m-m clickable\"\n (click)=\"triggerRadioClick()\"\n>\n <mat-card-title class=\"selectablebox-title\">\n <mat-radio-button\n #radioButton\n (change)=\"valueChanged($event)\"\n aria-label=\"Selected\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n [value]=\"value\"\n >\n </mat-radio-button>\n\n <mat-label class=\"mr\">\n <ng-content select=\"[title]\"></ng-content>\n </mat-label>\n\n <mat-icon class=\"selectable-box-icon\" [size]=\"iconSize\">\n <ng-content select=\"[icon]\"></ng-content>\n </mat-icon>\n\n <span class=\"sticker\"><ng-content select=\"[sticker]\"></ng-content></span>\n </mat-card-title>\n\n <mat-card-content>\n <ng-content></ng-content>\n </mat-card-content>\n</mat-card>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatSelectableBoxComponent } from './onemrva-mat-selectable-box.component';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatSelectableBoxComponent],\n exports: [OnemrvaMatSelectableBoxComponent],\n})\nexport class OnemrvaMatSelectableBoxModule {}\n","/*\n * Public API Surface of mat-selectable-box\n */\n\nexport * from './src/onemrva-mat-selectable-box.component';\nexport * from './src/onemrva-mat-selectable-box.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -30,10 +30,10 @@ class OnemrvaMatSideMenuComponent {
30
30
  selectMenu(menu) {
31
31
  this.onSelectOption.emit(menu);
32
32
  }
33
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
34
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatSideMenuComponent, isStandalone: true, selector: "onemrva-mat-side-menu", inputs: { menuHeaderKey: "menuHeaderKey", menus: "menus", currentMenu: "currentMenu" }, 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 [ngClass]=\"{\n 'onemrva-side-menu-current-option':\n menu.path === currentMenu || menu.key === currentMenu,\n }\"\n [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n >\n {{ menu.wordingKey | translate }}\n </mat-chip>\n }\n </mat-chip-row>\n} @else {\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</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 [ngClass]=\"{\n 'onemrva-side-menu-current-option':\n menu.path === currentMenu || menu.key === currentMenu,\n }\"\n (click)=\"selectMenu(menu)\"\n [attr.data-cy]=\"'onemrva-side-menu-option_' + 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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
33
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
34
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatSideMenuComponent, isStandalone: true, selector: "onemrva-mat-side-menu", inputs: { menuHeaderKey: "menuHeaderKey", menus: "menus", currentMenu: "currentMenu" }, 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 [ngClass]=\"{\n 'onemrva-side-menu-current-option':\n menu.path === currentMenu || menu.key === currentMenu,\n }\"\n [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n >\n {{ menu.wordingKey | translate }}\n </mat-chip>\n }\n </mat-chip-row>\n} @else {\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</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 [ngClass]=\"{\n 'onemrva-side-menu-current-option':\n menu.path === currentMenu || menu.key === currentMenu,\n }\"\n (click)=\"selectMenu(menu)\"\n [attr.data-cy]=\"'onemrva-side-menu-option_' + 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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
35
35
  }
36
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
36
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuComponent, decorators: [{
37
37
  type: Component,
38
38
  args: [{ selector: 'onemrva-mat-side-menu', standalone: true, imports: [MatChip, MatChipRow, NgClass, 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 [ngClass]=\"{\n 'onemrva-side-menu-current-option':\n menu.path === currentMenu || menu.key === currentMenu,\n }\"\n [attr.data-cy]=\"'onemrva-side-menu-chip-option_' + i\"\n >\n {{ menu.wordingKey | translate }}\n </mat-chip>\n }\n </mat-chip-row>\n} @else {\n <div class=\"onemrva-side-menu onemrva-expanded-side-menu\">\n <div class=\"onemrva-side-menu-header\">{{ menuHeaderKey | translate }}</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 [ngClass]=\"{\n 'onemrva-side-menu-current-option':\n menu.path === currentMenu || menu.key === currentMenu,\n }\"\n (click)=\"selectMenu(menu)\"\n [attr.data-cy]=\"'onemrva-side-menu-option_' + 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"] }]
39
39
  }], propDecorators: { menuHeaderKey: [{
@@ -47,11 +47,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
47
47
  }] } });
48
48
 
49
49
  class OnemrvaMatSideMenuModule {
50
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
51
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent], exports: [OnemrvaMatSideMenuComponent] }); }
52
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent] }); }
50
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
51
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent], exports: [OnemrvaMatSideMenuComponent] }); }
52
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuModule, imports: [OnemrvaMatSideMenuComponent] }); }
53
53
  }
54
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
54
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatSideMenuModule, decorators: [{
55
55
  type: NgModule,
56
56
  args: [{
57
57
  declarations: [],