@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
@@ -92,13 +92,13 @@ class OnemrvaMatStepperComponent extends MatStepper {
92
92
  }
93
93
  return 'number';
94
94
  }
95
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
96
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatStepperComponent, isStandalone: true, selector: "onemrva-mat-stepper, onemrva-mat-vertical-stepper, [onemrvaMatStepper]", inputs: { selectedIndex: "selectedIndex", orientation: "orientation" }, host: { properties: { "class.mat-stepper-vertical": "this.matStepperVertical", "attr.aria-orientation": "this.ariaOrientation", "role": "this.role" } }, providers: [
95
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
96
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatStepperComponent, isStandalone: true, selector: "onemrva-mat-stepper, onemrva-mat-vertical-stepper, [onemrvaMatStepper]", inputs: { selectedIndex: "selectedIndex", orientation: "orientation" }, host: { properties: { "class.mat-stepper-vertical": "this.matStepperVertical", "attr.aria-orientation": "this.ariaOrientation", "role": "this.role" } }, providers: [
97
97
  { provide: MatStepper, useExisting: OnemrvaMatStepperComponent },
98
98
  { provide: CdkStepper, useExisting: MatStepper },
99
99
  ], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<!-- Vertical summary-stepper -->\n<ng-container>\n @for (step of steps; track step; let stepidx = $index; let isLast = $last) {\n <div class=\"mat-step\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step: step, i: stepidx}\"\n ></ng-container>\n <div\n class=\"mat-vertical-content-container\"\n [class.mat-stepper-vertical-line]=\"!isLast\"\n >\n <div\n class=\"mat-vertical-stepper-content\"\n role=\"tabpanel\"\n [@verticalStepTransition]=\"{\n 'value': _getAnimationDirection(stepidx),\n 'params': {'animationDuration': _getAnimationDuration()}\n }\"\n (@verticalStepTransition.done)=\"_animationDone.next($event)\"\n [id]=\"_getStepContentId(stepidx)\"\n [attr.aria-labelledby]=\"_getStepLabelId(stepidx)\"\n [attr.aria-expanded]=\"selectedIndex === stepidx\"\n >\n <div class=\"mat-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n </div>\n }\n</ng-container>\n\n<!-- Common step templating -->\n<ng-template let-step=\"step\" let-i=\"i\" #stepTemplate>\n <mat-step-header\n [class.mat-horizontal-stepper-header]=\"orientation === 'horizontal'\"\n [class.mat-vertical-stepper-header]=\"orientation === 'vertical'\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"steps.length\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [attr.aria-label]=\"step.ariaLabel || null\"\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\n [attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\n [index]=\"i\"\n [state]=\"_getIndicatorType(i, step.state)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"_stepIsNavigable(i, step)\"\n [optional]=\"step.optional\"\n [errorMessage]=\"step.errorMessage\"\n [iconOverrides]=\"_iconOverrides\"\n [disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\n ></mat-step-header>\n</ng-template>\n", styles: [":host.mat-stepper-animations-enabled .mat-vertical-content-container{transition:grid-template-rows var(--mat-stepper-animation-duration, 0) cubic-bezier(.4,0,.2,1)}:host .mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;display:flex;align-items:center;height:24px;padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px;background-color:var(--mat-sys-surface-container-low);z-index:10}:host .mat-vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}:host .mat-vertical-content-container .mat-vertical-content{margin:var(--spacer);padding:0 1.5rem 1.5rem}:host .mat-vertical-content-container.mat-stepper-vertical-line:before{content:\"\";position:absolute;border-left-width:1px;border-left-style:solid;border-left-color:var(--mat-sys-outline-variant);top:calc(8px - (var(--mat-stepper-header-height, 72px) - 24px) / 2);bottom:calc(8px - (var(--mat-stepper-header-height, 72px) - 24px) / 2);--mat-stepper-header-height: 3rem;left:var(--spacer)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatStepHeader, selector: "mat-step-header", inputs: ["state", "label", "errorMessage", "iconOverrides", "index", "selected", "active", "optional", "disableRipple", "color"] }], animations: [onemrvaMatStepperAnimations.verticalStepTransition], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
100
100
  }
101
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStepperComponent, decorators: [{
101
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStepperComponent, decorators: [{
102
102
  type: Component,
103
103
  args: [{ selector: 'onemrva-mat-stepper, ' +
104
104
  'onemrva-mat-vertical-stepper, ' +
@@ -120,11 +120,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
120
120
  }] } });
121
121
 
122
122
  class OnemrvaMatStepperModule {
123
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
124
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent], exports: [MatStepperModule, OnemrvaMatStepperComponent] }); }
125
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent, MatStepperModule] }); }
123
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
124
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent], exports: [MatStepperModule, OnemrvaMatStepperComponent] }); }
125
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent, MatStepperModule] }); }
126
126
  }
127
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStepperModule, decorators: [{
127
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStepperModule, decorators: [{
128
128
  type: NgModule,
129
129
  args: [{
130
130
  imports: [OnemrvaMatStepperComponent],
@@ -2,20 +2,20 @@ import * as i0 from '@angular/core';
2
2
  import { ViewEncapsulation, Component, NgModule } from '@angular/core';
3
3
 
4
4
  class OnemrvaMatStickerComponent {
5
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatStickerComponent, isStandalone: true, selector: "onemrva-mat-sticker", ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:2px 8px;font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;color:var(--on-background-gradient)}\n"] }); }
5
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatStickerComponent, isStandalone: true, selector: "onemrva-mat-sticker", ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:2px 8px;font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;padding:4px 10px;color:var(--on-background-gradient)}\n"] }); }
7
7
  }
8
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
8
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
9
9
  type: Component,
10
- args: [{ selector: 'onemrva-mat-sticker', template: ` <ng-content></ng-content>`, imports: [], standalone: true, encapsulation: ViewEncapsulation.Emulated, styles: [":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:2px 8px;font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;color:var(--on-background-gradient)}\n"] }]
10
+ args: [{ selector: 'onemrva-mat-sticker', template: ` <ng-content></ng-content>`, imports: [], standalone: true, encapsulation: ViewEncapsulation.Emulated, styles: [":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:2px 8px;font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;padding:4px 10px;color:var(--on-background-gradient)}\n"] }]
11
11
  }] });
12
12
 
13
13
  class OnemrvaMatStickerModule {
14
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
15
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStickerModule, imports: [OnemrvaMatStickerComponent], exports: [OnemrvaMatStickerComponent] }); }
16
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStickerModule }); }
14
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
15
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStickerModule, imports: [OnemrvaMatStickerComponent], exports: [OnemrvaMatStickerComponent] }); }
16
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStickerModule }); }
17
17
  }
18
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatStickerModule, decorators: [{
18
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatStickerModule, decorators: [{
19
19
  type: NgModule,
20
20
  args: [{
21
21
  declarations: [],
@@ -1 +1 @@
1
- {"version":3,"file":"onemrvapublic-design-system-mat-sticker.mjs","sources":["../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.component.ts","../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.module.ts","../../../../projects/onemrva/design-system/mat-sticker/index.ts","../../../../projects/onemrva/design-system/mat-sticker/onemrvapublic-design-system-mat-sticker.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'onemrva-mat-sticker',\n template: ` <ng-content></ng-content>`,\n styleUrl: 'onemrva-mat-sticker.component.scss',\n imports: [],\n standalone: true,\n encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatStickerComponent {}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatStickerComponent } from './onemrva-mat-sticker.component';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatStickerComponent],\n exports: [OnemrvaMatStickerComponent],\n})\nexport class OnemrvaMatStickerModule {}\n","/*\n * Public API Surface of mat-sticker\n */\n\nexport * from './src/onemrva-mat-sticker.component';\nexport * from './src/onemrva-mat-sticker.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAUa,0BAA0B,CAAA;8GAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,+EAN3B,CAAA,0BAAA,CAA4B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,4cAAA,CAAA,EAAA,CAAA,CAAA;;2FAM3B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;+BACE,qBAAqB,EAAA,QAAA,EACrB,4BAA4B,EAAA,OAAA,EAE7B,EAAE,cACC,IAAI,EAAA,aAAA,EACD,iBAAiB,CAAC,QAAQ,EAAA,MAAA,EAAA,CAAA,4cAAA,CAAA,EAAA;;;MCA9B,uBAAuB,CAAA;8GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAvB,uBAAuB,EAAA,OAAA,EAAA,CAHxB,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAC1B,0BAA0B,CAAA,EAAA,CAAA,CAAA;+GAEzB,uBAAuB,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE,CAAC,0BAA0B,CAAC;oBACrC,OAAO,EAAE,CAAC,0BAA0B,CAAC;AACtC,iBAAA;;;ACPD;;AAEG;;ACFH;;AAEG;;;;"}
1
+ {"version":3,"file":"onemrvapublic-design-system-mat-sticker.mjs","sources":["../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.component.ts","../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.module.ts","../../../../projects/onemrva/design-system/mat-sticker/index.ts","../../../../projects/onemrva/design-system/mat-sticker/onemrvapublic-design-system-mat-sticker.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'onemrva-mat-sticker',\n template: ` <ng-content></ng-content>`,\n styleUrl: 'onemrva-mat-sticker.component.scss',\n imports: [],\n standalone: true,\n encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatStickerComponent {}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatStickerComponent } from './onemrva-mat-sticker.component';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatStickerComponent],\n exports: [OnemrvaMatStickerComponent],\n})\nexport class OnemrvaMatStickerModule {}\n","/*\n * Public API Surface of mat-sticker\n */\n\nexport * from './src/onemrva-mat-sticker.component';\nexport * from './src/onemrva-mat-sticker.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAUa,0BAA0B,CAAA;8GAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,+EAN3B,CAAA,0BAAA,CAA4B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,6dAAA,CAAA,EAAA,CAAA,CAAA;;2FAM3B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;+BACE,qBAAqB,EAAA,QAAA,EACrB,4BAA4B,EAAA,OAAA,EAE7B,EAAE,cACC,IAAI,EAAA,aAAA,EACD,iBAAiB,CAAC,QAAQ,EAAA,MAAA,EAAA,CAAA,6dAAA,CAAA,EAAA;;;MCA9B,uBAAuB,CAAA;8GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAvB,uBAAuB,EAAA,OAAA,EAAA,CAHxB,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAC1B,0BAA0B,CAAA,EAAA,CAAA,CAAA;+GAEzB,uBAAuB,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE,CAAC,0BAA0B,CAAC;oBACrC,OAAO,EAAE,CAAC,0BAA0B,CAAC;AACtC,iBAAA;;;ACPD;;AAEG;;ACFH;;AAEG;;;;"}
@@ -57,10 +57,10 @@ class OnemrvaMatTableOfContentService {
57
57
  this._toc = {};
58
58
  this._toc$.next(this._toc);
59
59
  }
60
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
61
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentService }); }
60
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
61
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentService }); }
62
62
  }
63
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentService, decorators: [{
63
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentService, decorators: [{
64
64
  type: Injectable
65
65
  }] });
66
66
 
@@ -125,10 +125,10 @@ class OnemrvaMatTableOfContentComponent {
125
125
  });
126
126
  elements.forEach(el => this.observer.observe(el));
127
127
  }
128
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
129
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatTableOfContentComponent, isStandalone: true, selector: "onemrva-mat-table-of-content", inputs: { titleKey: "titleKey", tocName: "tocName", dataCy: "dataCy", tableOfContentName: "tableOfContentName", scrollShift: "scrollShift" }, host: { properties: { "attr.data-cy": "this.dataCy" } }, ngImport: i0, template: "<div class=\"onemrva-mat-toc\">\n <h3 class=\"onemrva-mat-toc-title\">{{ titleKey | translate }}</h3>\n\n <mat-list>\n @for (anchor of toc$ | async; track anchor.path) {\n <mat-list-item\n [routerLink]=\"[]\"\n [fragment]=\"anchor.path\"\n [ngClass]=\"{\n 'active-anchor': anchor.path === activePath,\n 'onemrva-anchor-for-subsection': anchor.level === level.SUBSECTION,\n 'onemrva-mat-hidden-toc-anchor': anchor.directive?.hiddenInToc,\n }\"\n >\n {{ anchor.titleKey | translate }}\n @if (anchor.status === status.CHECKMARK) {\n <mat-icon class=\"mat-success\">check</mat-icon>\n }\n @if (anchor.status === status.WARNING) {\n <mat-icon class=\"anchor-warning\">priority_high</mat-icon>\n }\n </mat-list-item>\n }\n </mat-list>\n</div>\n", styles: [":host{position:fixed;width:var(--toc-width, 280px);top:var(--layout-header-height, 82px);left:0;bottom:0;overflow:auto;background-color:var(--mat-sys-surface-container);padding:var(--triple-spacer) var(--spacer) var(--spacer) var(--triple-spacer);box-sizing:border-box}:host .onemrva-mat-toc-title{color:var(--mat-sys-secondary);line-height:1.5rem;margin-bottom:var(--double-spacer)}:host mat-list{padding:0}:host mat-list mat-list-item{padding:var(--half-spacer) 0 var(--half-spacer) var(--spacer);height:2rem!important;border-left:1px solid var(--mat-sys-outline-variant)}:host mat-list mat-list-item.onemrva-mat-hidden-toc-anchor{display:none}:host mat-list mat-list-item .mdc-list-item__primary-text{font-weight:600;color:var(--mat-sys-outline)}:host mat-list mat-list-item.active-anchor{border-left:3px solid var(--mat-sys-secondary);padding-left:6px}:host mat-list mat-list-item.active-anchor .mdc-list-item__primary-text{color:var(--mat-sys-outline-variant)}:host mat-list mat-list-item:hover{cursor:pointer}:host mat-list mat-list-item mat-icon{vertical-align:bottom!important}:host mat-list mat-list-item mat-icon.anchor-warning{color:var(--mat-sys-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
128
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
129
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatTableOfContentComponent, isStandalone: true, selector: "onemrva-mat-table-of-content", inputs: { titleKey: "titleKey", tocName: "tocName", dataCy: "dataCy", tableOfContentName: "tableOfContentName", scrollShift: "scrollShift" }, host: { properties: { "attr.data-cy": "this.dataCy" } }, ngImport: i0, template: "<div class=\"onemrva-mat-toc\">\n <h3 class=\"onemrva-mat-toc-title\">{{ titleKey | translate }}</h3>\n\n <mat-list>\n @for (anchor of toc$ | async; track anchor.path) {\n <mat-list-item\n [routerLink]=\"[]\"\n [fragment]=\"anchor.path\"\n [ngClass]=\"{\n 'active-anchor': anchor.path === activePath,\n 'onemrva-anchor-for-subsection': anchor.level === level.SUBSECTION,\n 'onemrva-mat-hidden-toc-anchor': anchor.directive?.hiddenInToc,\n }\"\n >\n {{ anchor.titleKey | translate }}\n @if (anchor.status === status.CHECKMARK) {\n <mat-icon class=\"mat-success\">check</mat-icon>\n }\n @if (anchor.status === status.WARNING) {\n <mat-icon class=\"anchor-warning\">priority_high</mat-icon>\n }\n </mat-list-item>\n }\n </mat-list>\n</div>\n", styles: [":host{position:fixed;width:var(--toc-width, 280px);top:var(--layout-header-height, 82px);left:0;bottom:0;overflow:auto;background-color:var(--mat-sys-surface-container);padding:var(--triple-spacer) var(--spacer) var(--spacer) var(--triple-spacer);box-sizing:border-box}:host .onemrva-mat-toc-title{color:var(--mat-sys-secondary);line-height:1.5rem;margin-bottom:var(--double-spacer)}:host mat-list{padding:0}:host mat-list mat-list-item{padding:var(--half-spacer) 0 var(--half-spacer) var(--spacer);height:2rem!important;border-left:1px solid var(--mat-sys-outline-variant)}:host mat-list mat-list-item.onemrva-mat-hidden-toc-anchor{display:none}:host mat-list mat-list-item .mdc-list-item__primary-text{font-weight:600;color:var(--mat-sys-outline)}:host mat-list mat-list-item.active-anchor{border-left:3px solid var(--mat-sys-secondary);padding-left:6px}:host mat-list mat-list-item.active-anchor .mdc-list-item__primary-text{color:var(--mat-sys-outline-variant)}:host mat-list mat-list-item:hover{cursor:pointer}:host mat-list mat-list-item mat-icon{vertical-align:bottom!important}:host mat-list mat-list-item mat-icon.anchor-warning{color:var(--mat-sys-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
130
130
  }
131
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentComponent, decorators: [{
131
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentComponent, decorators: [{
132
132
  type: Component,
133
133
  args: [{ selector: 'onemrva-mat-table-of-content', standalone: true, imports: [
134
134
  MatListModule,
@@ -190,10 +190,10 @@ class OnemrvaMatTableOfContentDirective {
190
190
  }
191
191
  });
192
192
  }
193
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
194
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatTableOfContentDirective, isStandalone: true, selector: "[onemrvaMatToc]", inputs: { onemrvaMatToc: "onemrvaMatToc", hiddenInToc: "hiddenInToc" }, host: { properties: { "attr.role": "this.role", "attr.class": "this.clazz", "attr.id": "this.id", "attr.aria-label": "this.ariaLabel", "attr.rvaonem-toc-anchor": "this.ariaToc" } }, ngImport: i0 }); }
193
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
194
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatTableOfContentDirective, isStandalone: true, selector: "[onemrvaMatToc]", inputs: { onemrvaMatToc: "onemrvaMatToc", hiddenInToc: "hiddenInToc" }, host: { properties: { "attr.role": "this.role", "attr.class": "this.clazz", "attr.id": "this.id", "attr.aria-label": "this.ariaLabel", "attr.rvaonem-toc-anchor": "this.ariaToc" } }, ngImport: i0 }); }
195
195
  }
196
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTableOfContentDirective, decorators: [{
196
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTableOfContentDirective, decorators: [{
197
197
  type: Directive,
198
198
  args: [{
199
199
  selector: '[onemrvaMatToc]',
@@ -14,10 +14,10 @@ class OnemrvaMatTaskTitleComponent {
14
14
  ngAfterViewInit() {
15
15
  this.cd.detectChanges();
16
16
  }
17
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatTaskTitleComponent, isStandalone: true, selector: "onemrva-mat-task-title", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-task-title{font:var(--mat-sys-headline-small);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-title.disabled{color:var(--mat-sys-outline-variant)}.onemrva-mat-task-title.mat-primary,.onemrva-mat-task-title.mat-secondary,.onemrva-mat-task-title.mat-tertiary,.onemrva-mat-task-title.mat-success,.onemrva-mat-task-title.mat-info,.onemrva-mat-task-title.mat-error,.onemrva-mat-task-title.mat-warn{color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
17
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
18
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatTaskTitleComponent, isStandalone: true, selector: "onemrva-mat-task-title", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-task-title{font:var(--mat-sys-headline-small);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-title.disabled{color:var(--mat-sys-outline-variant)}.onemrva-mat-task-title.mat-primary,.onemrva-mat-task-title.mat-secondary,.onemrva-mat-task-title.mat-tertiary,.onemrva-mat-task-title.mat-success,.onemrva-mat-task-title.mat-info,.onemrva-mat-task-title.mat-error,.onemrva-mat-task-title.mat-warn{color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
19
19
  }
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskTitleComponent, decorators: [{
20
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskTitleComponent, decorators: [{
21
21
  type: Component,
22
22
  args: [{ selector: 'onemrva-mat-task-title', standalone: true, imports: [NgClass], encapsulation: ViewEncapsulation.Emulated, template: "<ng-template>\n <div [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-task-title{font:var(--mat-sys-headline-small);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-title.disabled{color:var(--mat-sys-outline-variant)}.onemrva-mat-task-title.mat-primary,.onemrva-mat-task-title.mat-secondary,.onemrva-mat-task-title.mat-tertiary,.onemrva-mat-task-title.mat-success,.onemrva-mat-task-title.mat-info,.onemrva-mat-task-title.mat-error,.onemrva-mat-task-title.mat-warn{color:var(--mat-sys-primary)}\n"] }]
23
23
  }], propDecorators: { customNgClass: [{
@@ -31,10 +31,10 @@ class OnemrvaMatTaskContentComponent {
31
31
  constructor() {
32
32
  this.customNgClass = ['onemrva-mat-task-content'];
33
33
  }
34
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
35
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatTaskContentComponent, isStandalone: true, selector: "onemrva-mat-task-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-task-content{margin-top:var(--double-spacer);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-content p:last-child{margin:0}.onemrva-mat-task-content.disabled{color:var(--mat-sys-outline-variant)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
34
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
35
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatTaskContentComponent, isStandalone: true, selector: "onemrva-mat-task-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-task-content{margin-top:var(--double-spacer);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-content p:last-child{margin:0}.onemrva-mat-task-content.disabled{color:var(--mat-sys-outline-variant)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
36
36
  }
37
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskContentComponent, decorators: [{
37
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskContentComponent, decorators: [{
38
38
  type: Component,
39
39
  args: [{ selector: 'onemrva-mat-task-content', standalone: true, imports: [NgClass], template: "<ng-template>\n <div [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", styles: [".onemrva-mat-task-content{margin-top:var(--double-spacer);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-content p:last-child{margin:0}.onemrva-mat-task-content.disabled{color:var(--mat-sys-outline-variant)}\n"] }]
40
40
  }], propDecorators: { customNgClass: [{
@@ -73,10 +73,10 @@ class OnemrvaMatTaskComponent {
73
73
  }
74
74
  this.cd.detectChanges();
75
75
  }
76
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
77
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: OnemrvaMatTaskComponent, isStandalone: true, selector: "onemrva-mat-task", inputs: { customNgClass: "customNgClass", icon: "icon", form: "form", bubble: "bubble", arialLabel: "arialLabel", disabled: "disabled" }, host: { properties: { "class.disabled": "this.disabled", "attr.aria-disabled": "this.showAriaDisabled" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatTaskTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatTaskContentComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-mat-task-icon\">\n @if (icon !== undefined) {\n <span class=\"bubble\"\n ><mat-icon>{{ icon }}</mat-icon></span\n >\n }\n @if (form !== undefined) {\n <mat-checkbox\n [disabled]=\"true\"\n [formControl]=\"form\"\n [aria-label]=\"arialLabel\"\n ></mat-checkbox>\n }\n @if (bubble !== undefined) {\n <span class=\"bubble\">{{ bubble }}</span>\n }\n</div>\n\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", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;align-items:center;position:relative;margin-bottom:var(--doube-spacer)}:host[class*=mat-]{background:var(--mat-sys-primary-container);border:none}:host .onemrva-mat-task-icon{position:absolute;float:left;width:3rem;text-align:center;top:50%;transform:translateY(-50%)}:host .onemrva-mat-task-icon .mat-checkbox .mat-checkbox-ripple{left:calc(50% - 10px);top:calc(50% - 10px);height:1.25rem;width:1.25rem}:host .onemrva-mat-task-icon span.bubble{display:block;text-align:center;color:var(--mat-sys-on-primary);font-size:1.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border:2px solid var(--mat-sys-on-primary);background:var(--mat-sys-primary);border-radius:50%;outline:1px solid var(--mat-sys-primary)}:host .onemrva-mat-task-icon span.bubble mat-icon{font-size:24px;margin-top:8px;line-height:24px}:host.disabled .onemrva-mat-task-icon mat-icon{color:var(--mat-sys-on-primary)}:host.disabled .onemrva-mat-task-icon span{color:var(--mat-sys-on-primary);background:var(--mat-sys-outline);outline:1px solid var(--mat-sys-outline)}:host.disabled .onemrva-mat-task-icon span mat-icon{color:var(--mat-sys-outline)}\n"], dependencies: [{ 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: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
76
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
77
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatTaskComponent, isStandalone: true, selector: "onemrva-mat-task", inputs: { customNgClass: "customNgClass", icon: "icon", form: "form", bubble: "bubble", arialLabel: "arialLabel", disabled: "disabled" }, host: { properties: { "class.disabled": "this.disabled", "attr.aria-disabled": "this.showAriaDisabled" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatTaskTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatTaskContentComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-mat-task-icon\">\n @if (icon !== undefined) {\n <span class=\"bubble\"\n ><mat-icon>{{ icon }}</mat-icon></span\n >\n }\n @if (form !== undefined) {\n <mat-checkbox\n [disabled]=\"true\"\n [formControl]=\"form\"\n [aria-label]=\"arialLabel\"\n ></mat-checkbox>\n }\n @if (bubble !== undefined) {\n <span class=\"bubble\">{{ bubble }}</span>\n }\n</div>\n\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", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;align-items:center;position:relative;margin-bottom:var(--doube-spacer)}:host[class*=mat-]{background:var(--mat-sys-primary-container);border:none}:host .onemrva-mat-task-icon{position:absolute;float:left;width:3rem;text-align:center;top:50%;transform:translateY(-50%)}:host .onemrva-mat-task-icon .mat-checkbox .mat-checkbox-ripple{left:calc(50% - 10px);top:calc(50% - 10px);height:1.25rem;width:1.25rem}:host .onemrva-mat-task-icon span.bubble{display:block;text-align:center;color:var(--mat-sys-on-primary);font-size:1.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border:2px solid var(--mat-sys-on-primary);background:var(--mat-sys-primary);border-radius:50%;outline:1px solid var(--mat-sys-primary)}:host .onemrva-mat-task-icon span.bubble mat-icon{font-size:24px;margin-top:8px;line-height:24px}:host.disabled .onemrva-mat-task-icon mat-icon{color:var(--mat-sys-on-primary)}:host.disabled .onemrva-mat-task-icon span{color:var(--mat-sys-on-primary);background:var(--mat-sys-outline);outline:1px solid var(--mat-sys-outline)}:host.disabled .onemrva-mat-task-icon span mat-icon{color:var(--mat-sys-outline)}\n"], dependencies: [{ 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: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { 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: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
78
78
  }
79
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskComponent, decorators: [{
79
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskComponent, decorators: [{
80
80
  type: Component,
81
81
  args: [{ selector: 'onemrva-mat-task', standalone: true, imports: [MatCheckbox, MatIcon, ReactiveFormsModule, NgTemplateOutlet], encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"onemrva-mat-task-icon\">\n @if (icon !== undefined) {\n <span class=\"bubble\"\n ><mat-icon>{{ icon }}</mat-icon></span\n >\n }\n @if (form !== undefined) {\n <mat-checkbox\n [disabled]=\"true\"\n [formControl]=\"form\"\n [aria-label]=\"arialLabel\"\n ></mat-checkbox>\n }\n @if (bubble !== undefined) {\n <span class=\"bubble\">{{ bubble }}</span>\n }\n</div>\n\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", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;align-items:center;position:relative;margin-bottom:var(--doube-spacer)}:host[class*=mat-]{background:var(--mat-sys-primary-container);border:none}:host .onemrva-mat-task-icon{position:absolute;float:left;width:3rem;text-align:center;top:50%;transform:translateY(-50%)}:host .onemrva-mat-task-icon .mat-checkbox .mat-checkbox-ripple{left:calc(50% - 10px);top:calc(50% - 10px);height:1.25rem;width:1.25rem}:host .onemrva-mat-task-icon span.bubble{display:block;text-align:center;color:var(--mat-sys-on-primary);font-size:1.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border:2px solid var(--mat-sys-on-primary);background:var(--mat-sys-primary);border-radius:50%;outline:1px solid var(--mat-sys-primary)}:host .onemrva-mat-task-icon span.bubble mat-icon{font-size:24px;margin-top:8px;line-height:24px}:host.disabled .onemrva-mat-task-icon mat-icon{color:var(--mat-sys-on-primary)}:host.disabled .onemrva-mat-task-icon span{color:var(--mat-sys-on-primary);background:var(--mat-sys-outline);outline:1px solid var(--mat-sys-outline)}:host.disabled .onemrva-mat-task-icon span mat-icon{color:var(--mat-sys-outline)}\n"] }]
82
82
  }], propDecorators: { customNgClass: [{
@@ -118,10 +118,10 @@ class OnemrvaMatTaskListComponent {
118
118
  ngAfterViewInit() {
119
119
  this.cd.detectChanges();
120
120
  }
121
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
122
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatTaskListComponent, isStandalone: true, selector: "onemrva-mat-task-list", inputs: { id: "id", data_cy: "data_cy" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy" } }, queries: [{ propertyName: "_tasks", predicate: OnemrvaMatTaskComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
121
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
122
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatTaskListComponent, isStandalone: true, selector: "onemrva-mat-task-list", inputs: { id: "id", data_cy: "data_cy" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy" } }, queries: [{ propertyName: "_tasks", predicate: OnemrvaMatTaskComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
123
123
  }
124
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskListComponent, decorators: [{
124
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskListComponent, decorators: [{
125
125
  type: Component,
126
126
  args: [{ selector: 'onemrva-mat-task-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
127
127
  }], propDecorators: { id: [{
@@ -142,14 +142,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
142
142
  }] } });
143
143
 
144
144
  class OnemrvaMatTaskListModule {
145
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
146
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskListComponent,
145
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
146
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskListComponent,
147
147
  OnemrvaMatTaskTitleComponent,
148
148
  OnemrvaMatTaskContentComponent,
149
149
  OnemrvaMatTaskComponent] }); }
150
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskComponent] }); }
150
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskComponent] }); }
151
151
  }
152
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTaskListModule, decorators: [{
152
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTaskListModule, decorators: [{
153
153
  type: NgModule,
154
154
  args: [{
155
155
  imports: [
@@ -294,10 +294,10 @@ class ClockComponent {
294
294
  value = Math.round(60 - (60 * angle) / 360);
295
295
  return value === 60 ? 0 : value;
296
296
  }
297
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: ClockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
298
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.2", type: ClockComponent, isStandalone: true, selector: "mat-clock", inputs: { viewType: "viewType", formattedValue: "formattedValue", minDate: "minDate", maxDate: "maxDate", formattedHours: "formattedHours", minutes: "minutes", allowed24HourMap: "allowed24HourMap" }, outputs: { changeEvent: "changeEvent", unavailableSelection: "unavailableSelection", invalidSelection: "invalidSelection" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"root\">\n <div\n class=\"circle\"\n tabindex=\"1\"\n (touchmove)=\"handleTouchMove($event)\"\n (mousemove)=\"handleMouseMove($event)\"\n (touchstart)=\"disableAnimatedPointer()\"\n (mousedown)=\"disableAnimatedPointer()\"\n (touchend)=\"handleTouchEnd($event)\"\n (mouseup)=\"enableAnimatedPointer()\"\n (click)=\"handleClick($event)\"\n >\n <div\n class=\"pointer-container\"\n [ngClass]=\"{\n 'small-pointer':\n viewType === 'hours' && (formattedValue === 0 || formattedValue > 12),\n 'animated-pointer': !touching,\n }\"\n [style.transform]=\"'rotate(' + angle + 'deg)'\"\n >\n <button\n aria-disabled=\"true\"\n mat-mini-fab\n color=\"neutral\"\n class=\"inner-dot\"\n aria-label=\"Inner Dot\"\n ></button>\n <mat-toolbar color=\"accent\" class=\"pointer\">\n <button\n mat-mini-fab\n color=\"neutral\"\n class=\"outer-dot\"\n aria-label=\"Outer dot\"\n [ngClass]=\"{\n 'outer-dot-odd': viewType === 'minutes' && formattedValue % 5 !== 0,\n }\"\n >\n @if (viewType === 'minutes' && formattedValue % 5 !== 0) {\n <ng-container>\u00B7</ng-container>\n }\n </button>\n </mat-toolbar>\n </div>\n @for (digit of minuteDots; track digit.display) {\n <button\n mat-mini-fab\n color=\"neutral\"\n class=\"number minute-dot\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 0 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n @if (digit.display % 5 !== 0) {\n <ng-container>\u00B7</ng-container>\n }\n </button>\n }\n @for (digit of numbers; track digit.display) {\n <button\n mat-mini-fab\n color=\"neutral\"\n class=\"number\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 60 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n <ng-template #hoursTemplate>{{ digit.display }}</ng-template>\n <ng-template #minutesTemplate>{{\n digit.display === 60 ? '00' : digit.display\n }}</ng-template>\n @if (viewType === 'minutes') {\n {{ digit.display === 60 ? '00' : digit.display }}\n } @else {\n {{ digit.display }}\n }\n </button>\n }\n @for (digit of secondaryNumbers; track digit.display) {\n <button\n mat-mini-fab\n color=\"neutral\"\n class=\"number small-number\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 24 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 24 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n {{ digit.display === 24 ? '00' : digit.display }}\n </button>\n }\n </div>\n</div>\n", styles: [".root{width:256px;height:256px;cursor:default}.circle{width:256px;height:256px;border-radius:50%;position:relative;background:var(--mat-sys-surface-container-high);cursor:pointer}.mat-mdc-mini-fab.number{width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px);position:absolute;text-align:center;line-height:32px;cursor:pointer;font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:transparent;box-shadow:none;color:var(--mat-sys-on-surface)}.mat-mdc-mini-fab.number.selected{background:var(--background-gradient);color:var(--on-background-gradient)}.mat-mdc-mini-fab.number.disabled{opacity:.1}.mat-mdc-mini-fab.number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface)}.small-number{font-size:12px}.small-number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface-variant)}.pointer-container{width:calc(50% - 20px);height:2px;position:absolute;left:50%;top:calc(50% - 1px);transform-origin:left center;pointer-events:none}.pointer-container.disabled *{background-color:transparent}.pointer{height:1px;background-color:var(--mat-sys-on-surface)}.animated-pointer{transition:all .2s ease-out}.pointer-container.small-pointer{width:calc(50% - 52px)}.pointer-container.small-pointer mat-toolbar{padding:0 16px}.pointer-container mat-toolbar{padding:0 54px}.inner-dot{position:absolute;top:-3px;left:-4px;width:8px;height:8px;border-radius:50%;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.outer-dot{width:32px;height:32px;position:absolute;right:-16px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;border-radius:50%;box-sizing:content-box}.outer-dot-odd{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: OnemRvaColorDirective, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
297
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ClockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
298
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: ClockComponent, isStandalone: true, selector: "mat-clock", inputs: { viewType: "viewType", formattedValue: "formattedValue", minDate: "minDate", maxDate: "maxDate", formattedHours: "formattedHours", minutes: "minutes", allowed24HourMap: "allowed24HourMap" }, outputs: { changeEvent: "changeEvent", unavailableSelection: "unavailableSelection", invalidSelection: "invalidSelection" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"root\">\n <div\n class=\"circle\"\n tabindex=\"1\"\n (touchmove)=\"handleTouchMove($event)\"\n (mousemove)=\"handleMouseMove($event)\"\n (touchstart)=\"disableAnimatedPointer()\"\n (mousedown)=\"disableAnimatedPointer()\"\n (touchend)=\"handleTouchEnd($event)\"\n (mouseup)=\"enableAnimatedPointer()\"\n (click)=\"handleClick($event)\"\n >\n <div\n class=\"pointer-container\"\n [ngClass]=\"{\n 'small-pointer':\n viewType === 'hours' && (formattedValue === 0 || formattedValue > 12),\n 'animated-pointer': !touching,\n }\"\n [style.transform]=\"'rotate(' + angle + 'deg)'\"\n >\n <button\n aria-disabled=\"true\"\n mat-mini-fab\n color=\"neutral\"\n class=\"inner-dot\"\n aria-label=\"Inner Dot\"\n ></button>\n <mat-toolbar color=\"accent\" class=\"pointer\">\n <button\n mat-mini-fab\n color=\"neutral\"\n class=\"outer-dot\"\n aria-label=\"Outer dot\"\n [ngClass]=\"{\n 'outer-dot-odd': viewType === 'minutes' && formattedValue % 5 !== 0,\n }\"\n >\n @if (viewType === 'minutes' && formattedValue % 5 !== 0) {\n <ng-container>\u00B7</ng-container>\n }\n </button>\n </mat-toolbar>\n </div>\n @for (digit of minuteDots; track digit.display) {\n <button\n mat-mini-fab\n color=\"neutral\"\n class=\"number minute-dot\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 0 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n @if (digit.display % 5 !== 0) {\n <ng-container>\u00B7</ng-container>\n }\n </button>\n }\n @for (digit of numbers; track digit.display) {\n <button\n mat-mini-fab\n color=\"neutral\"\n class=\"number\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 60 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n <ng-template #hoursTemplate>{{ digit.display }}</ng-template>\n <ng-template #minutesTemplate>{{\n digit.display === 60 ? '00' : digit.display\n }}</ng-template>\n @if (viewType === 'minutes') {\n {{ digit.display === 60 ? '00' : digit.display }}\n } @else {\n {{ digit.display }}\n }\n </button>\n }\n @for (digit of secondaryNumbers; track digit.display) {\n <button\n mat-mini-fab\n color=\"neutral\"\n class=\"number small-number\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 24 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 24 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n {{ digit.display === 24 ? '00' : digit.display }}\n </button>\n }\n </div>\n</div>\n", styles: [".root{width:256px;height:256px;cursor:default}.circle{width:256px;height:256px;border-radius:50%;position:relative;background:var(--mat-sys-surface-container-high);cursor:pointer}.mat-mdc-mini-fab.number{width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px);position:absolute;text-align:center;line-height:32px;cursor:pointer;font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:transparent;box-shadow:none;color:var(--mat-sys-on-surface)}.mat-mdc-mini-fab.number.selected{background:var(--background-gradient);color:var(--on-background-gradient)}.mat-mdc-mini-fab.number.disabled{opacity:.1}.mat-mdc-mini-fab.number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface)}.small-number{font-size:12px}.small-number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface-variant)}.pointer-container{width:calc(50% - 20px);height:2px;position:absolute;left:50%;top:calc(50% - 1px);transform-origin:left center;pointer-events:none}.pointer-container.disabled *{background-color:transparent}.pointer{height:1px;background-color:var(--mat-sys-on-surface)}.animated-pointer{transition:all .2s ease-out}.pointer-container.small-pointer{width:calc(50% - 52px)}.pointer-container.small-pointer mat-toolbar{padding:0 16px}.pointer-container mat-toolbar{padding:0 54px}.inner-dot{position:absolute;top:-3px;left:-4px;width:8px;height:8px;border-radius:50%;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.outer-dot{width:32px;height:32px;position:absolute;right:-16px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;border-radius:50%;box-sizing:content-box}.outer-dot-odd{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: OnemRvaColorDirective, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
299
299
  }
300
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: ClockComponent, decorators: [{
300
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: ClockComponent, decorators: [{
301
301
  type: Component,
302
302
  args: [{ selector: 'mat-clock', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, MatMiniFabButton, MatToolbar, OnemRvaColorDirective], template: "<div class=\"root\">\n <div\n class=\"circle\"\n tabindex=\"1\"\n (touchmove)=\"handleTouchMove($event)\"\n (mousemove)=\"handleMouseMove($event)\"\n (touchstart)=\"disableAnimatedPointer()\"\n (mousedown)=\"disableAnimatedPointer()\"\n (touchend)=\"handleTouchEnd($event)\"\n (mouseup)=\"enableAnimatedPointer()\"\n (click)=\"handleClick($event)\"\n >\n <div\n class=\"pointer-container\"\n [ngClass]=\"{\n 'small-pointer':\n viewType === 'hours' && (formattedValue === 0 || formattedValue > 12),\n 'animated-pointer': !touching,\n }\"\n [style.transform]=\"'rotate(' + angle + 'deg)'\"\n >\n <button\n aria-disabled=\"true\"\n mat-mini-fab\n color=\"neutral\"\n class=\"inner-dot\"\n aria-label=\"Inner Dot\"\n ></button>\n <mat-toolbar color=\"accent\" class=\"pointer\">\n <button\n mat-mini-fab\n color=\"neutral\"\n class=\"outer-dot\"\n aria-label=\"Outer dot\"\n [ngClass]=\"{\n 'outer-dot-odd': viewType === 'minutes' && formattedValue % 5 !== 0,\n }\"\n >\n @if (viewType === 'minutes' && formattedValue % 5 !== 0) {\n <ng-container>\u00B7</ng-container>\n }\n </button>\n </mat-toolbar>\n </div>\n @for (digit of minuteDots; track digit.display) {\n <button\n mat-mini-fab\n color=\"neutral\"\n class=\"number minute-dot\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 0 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n @if (digit.display % 5 !== 0) {\n <ng-container>\u00B7</ng-container>\n }\n </button>\n }\n @for (digit of numbers; track digit.display) {\n <button\n mat-mini-fab\n color=\"neutral\"\n class=\"number\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 60 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n <ng-template #hoursTemplate>{{ digit.display }}</ng-template>\n <ng-template #minutesTemplate>{{\n digit.display === 60 ? '00' : digit.display\n }}</ng-template>\n @if (viewType === 'minutes') {\n {{ digit.display === 60 ? '00' : digit.display }}\n } @else {\n {{ digit.display }}\n }\n </button>\n }\n @for (digit of secondaryNumbers; track digit.display) {\n <button\n mat-mini-fab\n color=\"neutral\"\n class=\"number small-number\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 24 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 24 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n {{ digit.display === 24 ? '00' : digit.display }}\n </button>\n }\n </div>\n</div>\n", styles: [".root{width:256px;height:256px;cursor:default}.circle{width:256px;height:256px;border-radius:50%;position:relative;background:var(--mat-sys-surface-container-high);cursor:pointer}.mat-mdc-mini-fab.number{width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px);position:absolute;text-align:center;line-height:32px;cursor:pointer;font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:transparent;box-shadow:none;color:var(--mat-sys-on-surface)}.mat-mdc-mini-fab.number.selected{background:var(--background-gradient);color:var(--on-background-gradient)}.mat-mdc-mini-fab.number.disabled{opacity:.1}.mat-mdc-mini-fab.number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface)}.small-number{font-size:12px}.small-number:not(.selected):not(.disabled){color:var(--mat-sys-on-surface-variant)}.pointer-container{width:calc(50% - 20px);height:2px;position:absolute;left:50%;top:calc(50% - 1px);transform-origin:left center;pointer-events:none}.pointer-container.disabled *{background-color:transparent}.pointer{height:1px;background-color:var(--mat-sys-on-surface)}.animated-pointer{transition:all .2s ease-out}.pointer-container.small-pointer{width:calc(50% - 52px)}.pointer-container.small-pointer mat-toolbar{padding:0 16px}.pointer-container mat-toolbar{padding:0 54px}.inner-dot{position:absolute;top:-3px;left:-4px;width:8px;height:8px;border-radius:50%;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.outer-dot{width:32px;height:32px;position:absolute;right:-16px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;border-radius:50%;box-sizing:content-box}.outer-dot-odd{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column}\n"] }]
303
303
  }], propDecorators: { viewType: [{
@@ -425,10 +425,10 @@ class MatTimepickerComponentDialogComponent {
425
425
  cancelClickHandler() {
426
426
  this.cancelClickEvent.emit();
427
427
  }
428
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimepickerComponentDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
429
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: MatTimepickerComponentDialogComponent, isStandalone: true, selector: "mat-timepicker-dialog", outputs: { changeEvent: "changeEvent", okClickEvent: "okClickEvent", cancelClickEvent: "cancelClickEvent" }, ngImport: i0, template: "<mat-dialog-content>\n <div class=\"root\">\n <mat-toolbar color=\"accent\" class=\"header\">\n <div class=\"time-frame\">\n <span\n class=\"time fixed-font-size\"\n [ngClass]=\"{ select: viewType === 'hours' && 'active' }\"\n (click)=\"editHours()\"\n role=\"button\"\n tabindex=\"0\"\n >\n {{ twoDigits(formattedHours) }}\n </span>\n <span class=\"fixed-font-size\">:</span>\n <span\n class=\"time fixed-font-size\"\n [ngClass]=\"{ select: viewType === 'minutes' && 'active' }\"\n (click)=\"editMinutes()\"\n tabindex=\"1\"\n role=\"button\"\n >\n {{ twoDigits(minutes) }}\n </span>\n </div>\n </mat-toolbar>\n <div class=\"body\">\n <mat-clock\n [allowed24HourMap]=\"allowed24HourMap\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [viewType]=\"viewType\"\n [formattedHours]=\"formattedHours\"\n [minutes]=\"minutes\"\n (changeEvent)=\"handleClockChange($event)\"\n (unavailableSelection)=\"handleUnavailableSelection()\"\n [formattedValue]=\"viewType === 'minutes' ? minutes : formattedHours\"\n (mouseup)=\"handleClockChangeDone($event)\"\n (touchend)=\"handleClockChangeDone($event)\"\n (invalidSelection)=\"invalidSelectionHandler($event)\"\n ></mat-clock>\n </div>\n </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n <button mat-button color=\"primary\" (click)=\"cancelClickHandler()\">\n {{ cancelLabel }}\n </button>\n <button\n mat-flat-button\n [disabled]=\"invalidSelection\"\n [color]=\"color\"\n (click)=\"okClickHandler()\"\n >\n {{ okLabel }}\n </button>\n</mat-dialog-actions>\n", styles: [".mdc-dialog__content{min-height:395px;padding:0!important;overflow:hidden}mat-dialog-actions{justify-content:flex-end;margin:0}.root{min-width:282px}.header{border-top-left-radius:2px;border-top-right-radius:2px;padding:20px 0;line-height:58px;font-size:58px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;height:98px}.header .fixed-font-size{font-size:58px}.header .time-frame{height:60px}.time{transition:all .2s ease-out;cursor:pointer}.time:not(.select){opacity:.6}.placeholder{flex:1}.ampm{display:flex;flex-direction:column-reverse;flex:1;font-size:14px;line-height:20px;margin-left:16px;font-weight:700}.body{padding:24px 16px 20px;display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ClockComponent, selector: "mat-clock", inputs: ["viewType", "formattedValue", "minDate", "maxDate", "formattedHours", "minutes", "allowed24HourMap"], outputs: ["changeEvent", "unavailableSelection", "invalidSelection"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: OnemRvaColorDirective, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }] }); }
428
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerComponentDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
429
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: MatTimepickerComponentDialogComponent, isStandalone: true, selector: "mat-timepicker-dialog", outputs: { changeEvent: "changeEvent", okClickEvent: "okClickEvent", cancelClickEvent: "cancelClickEvent" }, ngImport: i0, template: "<mat-dialog-content>\n <div class=\"root\">\n <mat-toolbar color=\"accent\" class=\"header\">\n <div class=\"time-frame\">\n <span\n class=\"time fixed-font-size\"\n [ngClass]=\"{ select: viewType === 'hours' && 'active' }\"\n (click)=\"editHours()\"\n role=\"button\"\n tabindex=\"0\"\n >\n {{ twoDigits(formattedHours) }}\n </span>\n <span class=\"fixed-font-size\">:</span>\n <span\n class=\"time fixed-font-size\"\n [ngClass]=\"{ select: viewType === 'minutes' && 'active' }\"\n (click)=\"editMinutes()\"\n tabindex=\"1\"\n role=\"button\"\n >\n {{ twoDigits(minutes) }}\n </span>\n </div>\n </mat-toolbar>\n <div class=\"body\">\n <mat-clock\n [allowed24HourMap]=\"allowed24HourMap\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [viewType]=\"viewType\"\n [formattedHours]=\"formattedHours\"\n [minutes]=\"minutes\"\n (changeEvent)=\"handleClockChange($event)\"\n (unavailableSelection)=\"handleUnavailableSelection()\"\n [formattedValue]=\"viewType === 'minutes' ? minutes : formattedHours\"\n (mouseup)=\"handleClockChangeDone($event)\"\n (touchend)=\"handleClockChangeDone($event)\"\n (invalidSelection)=\"invalidSelectionHandler($event)\"\n ></mat-clock>\n </div>\n </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n <button mat-button color=\"primary\" (click)=\"cancelClickHandler()\">\n {{ cancelLabel }}\n </button>\n <button\n mat-flat-button\n [disabled]=\"invalidSelection\"\n [color]=\"color\"\n (click)=\"okClickHandler()\"\n >\n {{ okLabel }}\n </button>\n</mat-dialog-actions>\n", styles: [".mdc-dialog__content{min-height:395px;padding:0!important;overflow:hidden}mat-dialog-actions{justify-content:flex-end;margin:0}.root{min-width:282px}.header{border-top-left-radius:2px;border-top-right-radius:2px;padding:20px 0;line-height:58px;font-size:58px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;height:98px}.header .fixed-font-size{font-size:58px}.header .time-frame{height:60px}.time{transition:all .2s ease-out;cursor:pointer}.time:not(.select){opacity:.6}.placeholder{flex:1}.ampm{display:flex;flex-direction:column-reverse;flex:1;font-size:14px;line-height:20px;margin-left:16px;font-weight:700}.body{padding:24px 16px 20px;display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ClockComponent, selector: "mat-clock", inputs: ["viewType", "formattedValue", "minDate", "maxDate", "formattedHours", "minutes", "allowed24HourMap"], outputs: ["changeEvent", "unavailableSelection", "invalidSelection"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: OnemRvaColorDirective, selector: "onemrva-mat-selectable-box[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]", inputs: ["color"] }] }); }
430
430
  }
431
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimepickerComponentDialogComponent, decorators: [{
431
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerComponentDialogComponent, decorators: [{
432
432
  type: Component,
433
433
  args: [{ selector: 'mat-timepicker-dialog', standalone: true, imports: [
434
434
  MatDialogContent,
@@ -674,10 +674,10 @@ class OnemrvaMatTimepickerComponent {
674
674
  //
675
675
  // this.listeners.forEach(l => l());
676
676
  }
677
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
678
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: OnemrvaMatTimepickerComponent, isStandalone: true, selector: "mat-timepicker", inputs: { dialogLabel: "dialogLabel", id: "id", dataCy: "dataCy", color: "color", size: "size" }, outputs: { openedStream: "opened", closedStream: "closed" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "class.onemrva-mat-timepicker": "this.cssClass", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent" } }, ngImport: i0, template: "" }); }
677
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
678
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatTimepickerComponent, isStandalone: true, selector: "mat-timepicker", inputs: { dialogLabel: "dialogLabel", id: "id", dataCy: "dataCy", color: "color", size: "size" }, outputs: { openedStream: "opened", closedStream: "closed" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "class.onemrva-mat-timepicker": "this.cssClass", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent" } }, ngImport: i0, template: "" }); }
679
679
  }
680
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTimepickerComponent, decorators: [{
680
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTimepickerComponent, decorators: [{
681
681
  type: Component,
682
682
  args: [{ selector: 'mat-timepicker', template: "" }]
683
683
  }], propDecorators: { openedStream: [{
@@ -728,10 +728,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
728
728
  */
729
729
  /** Can be used to override the icon of a `matDatepickerToggle`. */
730
730
  class MatTimepickerToggleIconDirective {
731
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimepickerToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
732
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: MatTimepickerToggleIconDirective, isStandalone: true, selector: "[matDatepickerToggleIcon]", ngImport: i0 }); }
731
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
732
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: MatTimepickerToggleIconDirective, isStandalone: true, selector: "[matDatepickerToggleIcon]", ngImport: i0 }); }
733
733
  }
734
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimepickerToggleIconDirective, decorators: [{
734
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerToggleIconDirective, decorators: [{
735
735
  type: Directive,
736
736
  args: [{
737
737
  selector: '[matDatepickerToggleIcon]',
@@ -796,10 +796,10 @@ class MatTimePickerToggle {
796
796
  this._stateChanges.unsubscribe();
797
797
  this._stateChanges = merge(datepickerStateChanged, inputStateChanged, datepickerToggled).subscribe(() => this._changeDetectorRef.markForCheck());
798
798
  }
799
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimePickerToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
800
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.2", type: MatTimePickerToggle, isStandalone: true, selector: "mat-timepicker-toggle", inputs: { timepicker: ["for", "timepicker"], tabIndex: "tabIndex", ariaLabel: "ariaLabel", disabled: "disabled", disableRipple: "disableRipple" }, host: { listeners: { "click": "_open($event)" }, properties: { "attr.tabindex": "null", "class.mat-timepicker-toggle-active": "timepicker && timepicker.opened", "class.mat-accent": "timepicker && timepicker.color === \"accent\"", "class.mat-warn": "timepicker && timepicker.color === \"warn\"", "attr.data-mat-calendar": "timepicker ? timepicker.id : null" }, classAttribute: "mat-timepicker-toggle" }, exportAs: ["matDatepickerToggle"], usesOnChanges: true, ngImport: i0, template: "<button\n #button\n mat-icon-button\n type=\"button\"\n [attr.aria-haspopup]=\"timepicker ? 'dialog' : null\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"disabled ? -1 : tabIndex\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n>\n <mat-icon>schedule</mat-icon>\n\n <ng-content select=\"[mattimepickerToggleIcon]\"></ng-content>\n</button>\n", styles: [".mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon{width:1em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-datepicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-datepicker-toggle-default-icon{display:block;width:1.5em;height:1.5em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-datepicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{margin:auto}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
799
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimePickerToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
800
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: MatTimePickerToggle, isStandalone: true, selector: "mat-timepicker-toggle", inputs: { timepicker: ["for", "timepicker"], tabIndex: "tabIndex", ariaLabel: "ariaLabel", disabled: "disabled", disableRipple: "disableRipple" }, host: { listeners: { "click": "_open($event)" }, properties: { "attr.tabindex": "null", "class.mat-timepicker-toggle-active": "timepicker && timepicker.opened", "class.mat-accent": "timepicker && timepicker.color === \"accent\"", "class.mat-warn": "timepicker && timepicker.color === \"warn\"", "attr.data-mat-calendar": "timepicker ? timepicker.id : null" }, classAttribute: "mat-timepicker-toggle" }, exportAs: ["matDatepickerToggle"], usesOnChanges: true, ngImport: i0, template: "<button\n #button\n mat-icon-button\n type=\"button\"\n [attr.aria-haspopup]=\"timepicker ? 'dialog' : null\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"disabled ? -1 : tabIndex\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n>\n <mat-icon>schedule</mat-icon>\n\n <ng-content select=\"[mattimepickerToggleIcon]\"></ng-content>\n</button>\n", styles: [".mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon{width:1em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-datepicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-datepicker-toggle-default-icon{display:block;width:1.5em;height:1.5em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-datepicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{margin:auto}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
801
801
  }
802
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimePickerToggle, decorators: [{
802
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimePickerToggle, decorators: [{
803
803
  type: Component,
804
804
  args: [{ selector: 'mat-timepicker-toggle', host: {
805
805
  class: 'mat-timepicker-toggle',
@@ -1237,12 +1237,12 @@ class MatTimepickerDirective {
1237
1237
  this.disabled = isDisabled;
1238
1238
  this.stateChanges.next();
1239
1239
  }
1240
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimepickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
1241
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.2", type: MatTimepickerDirective, isStandalone: true, selector: "input[matTimepicker]", inputs: { matTimepicker: "matTimepicker", disabled: "disabled", id: "id", readonly: "readonly", errorStateMatcher: "errorStateMatcher", required: "required", placeholder: "placeholder", okLabel: "okLabel", cancelLabel: "cancelLabel", color: "color", disableDialogOpenOnClick: "disableDialogOpenOnClick", strict: "strict", minDate: "minDate", maxDate: "maxDate", value: "value" }, outputs: { timeChange: "timeChange", invalidInput: "invalidInput" }, host: { listeners: { "input": "inputHandler()", "keydown": "keydownHandler($event)", "keyup": "keyupHandler($event)", "focus": "focusHandler()", "focusout": "focusoutHandler()" }, properties: { "class.mat-input-server": "_isServer", "attr.id": "id", "attr.placeholder": "placeholder", "disabled": "disabled", "required": "required", "attr.readonly": "readonly || null", "attr.aria-invalid": "errorState", "attr.aria-required": "required.toString()", "class.floating": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy" }, classAttribute: "mat-input-element mat-form-field-autofill-control" }, providers: [
1240
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
1241
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: MatTimepickerDirective, isStandalone: true, selector: "input[matTimepicker]", inputs: { matTimepicker: "matTimepicker", disabled: "disabled", id: "id", readonly: "readonly", errorStateMatcher: "errorStateMatcher", required: "required", placeholder: "placeholder", okLabel: "okLabel", cancelLabel: "cancelLabel", color: "color", disableDialogOpenOnClick: "disableDialogOpenOnClick", strict: "strict", minDate: "minDate", maxDate: "maxDate", value: "value" }, outputs: { timeChange: "timeChange", invalidInput: "invalidInput" }, host: { listeners: { "input": "inputHandler()", "keydown": "keydownHandler($event)", "keyup": "keyupHandler($event)", "focus": "focusHandler()", "focusout": "focusoutHandler()" }, properties: { "class.mat-input-server": "_isServer", "attr.id": "id", "attr.placeholder": "placeholder", "disabled": "disabled", "required": "required", "attr.readonly": "readonly || null", "attr.aria-invalid": "errorState", "attr.aria-required": "required.toString()", "class.floating": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy" }, classAttribute: "mat-input-element mat-form-field-autofill-control" }, providers: [
1242
1242
  { provide: MatFormFieldControl, useExisting: MatTimepickerDirective },
1243
1243
  ], exportAs: ["matTimepicker"], usesOnChanges: true, ngImport: i0 }); }
1244
1244
  }
1245
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: MatTimepickerDirective, decorators: [{
1245
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatTimepickerDirective, decorators: [{
1246
1246
  type: Directive,
1247
1247
  args: [{
1248
1248
  selector: 'input[matTimepicker]',
@@ -1323,8 +1323,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImpor
1323
1323
  }] } });
1324
1324
 
1325
1325
  class OnemrvaMatTimepickerModule {
1326
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1327
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTimepickerModule, imports: [ClockComponent,
1326
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1327
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTimepickerModule, imports: [ClockComponent,
1328
1328
  MatTimepickerDirective,
1329
1329
  MatTimepickerComponentDialogComponent,
1330
1330
  MatTimepickerToggleIconDirective,
@@ -1332,11 +1332,11 @@ class OnemrvaMatTimepickerModule {
1332
1332
  OnemrvaMatTimepickerComponent], exports: [MatTimepickerDirective,
1333
1333
  MatTimePickerToggle,
1334
1334
  OnemrvaMatTimepickerComponent] }); }
1335
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTimepickerModule, imports: [ClockComponent,
1335
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTimepickerModule, imports: [ClockComponent,
1336
1336
  MatTimepickerComponentDialogComponent,
1337
1337
  MatTimePickerToggle] }); }
1338
1338
  }
1339
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.2", ngImport: i0, type: OnemrvaMatTimepickerModule, decorators: [{
1339
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatTimepickerModule, decorators: [{
1340
1340
  type: NgModule,
1341
1341
  args: [{
1342
1342
  imports: [