npm - @onemrvapublic/design-system - Versions diffs - 18.2.0-develop.1 → 18.2.1-alpha.1 - Mend

@onemrvapublic/design-system 18.2.0-develop.1 → 18.2.1-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (169) hide show

package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs CHANGED Viewed

@@ -50,13 +50,13 @@ class OnemrvaMatStepperComponent extends MatStepper {
         this.ariaOrientation = 'vertical';
         this.role = 'tablist';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatStepperComponent, deps: [{ token: i1.Directionality, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: OnemrvaMatStepperComponent, 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatStepperComponent, deps: [{ token: i1.Directionality, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: OnemrvaMatStepperComponent, 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: [
             { provide: MatStepper, useExisting: OnemrvaMatStepperComponent },
             { provide: CdkStepper, useExisting: MatStepper },
         ], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<!-- Vertical summary-stepper -->\n<ng-container>\n  <div\n    class=\"mat-step\"\n    *ngFor=\"let step of steps; let i = index; let isLast = last\"\n  >\n    <ng-container\n      [ngTemplateOutlet]=\"stepTemplate\"\n      [ngTemplateOutletContext]=\"{step: step, i: i}\"\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(i),\n              'params': {'animationDuration': _getAnimationDuration()}\n            }\"\n        (@verticalStepTransition.done)=\"_animationDone.next($event)\"\n        [id]=\"_getStepContentId(i)\"\n        [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n        [attr.aria-expanded]=\"selectedIndex === i\"\n      >\n        <div class=\"mat-vertical-content\">\n          <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\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: [".mat-stepper-vertical{display:block}.mat-vertical-stepper-header{display:flex;align-items:center;height:24px}.mat-vertical-stepper-header .mat-step-icon{margin-right:12px}[dir=rtl] .mat-vertical-stepper-header .mat-step-icon{margin-right:0;margin-left:12px}.mat-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] .mat-vertical-content-container{margin-left:0;margin-right:36px}.mat-stepper-vertical-line:before{content:\"\";position:absolute;left:0;border-left-width:1px;border-left-style:solid}[dir=rtl] .mat-stepper-vertical-line:before{left:auto;right:0}.mat-vertical-stepper-content{overflow:hidden;outline:0}.mat-vertical-content{padding:0 24px 24px}.mat-step:last-child .mat-vertical-content-container{border:none}onemrva-mat-vertical-stepper .mat-vertical-stepper-content .mat-step-summary{height:auto;opacity:1;overflow:inherit;transition:height 0s 1s,opacity 1s linear}onemrva-mat-vertical-stepper .mat-vertical-stepper-content .mat-step-form{height:0;opacity:0;overflow:hidden;transition:none}onemrva-mat-vertical-stepper .mat-vertical-stepper-content .mat-step-form mat-form-field{opacity:0}onemrva-mat-vertical-stepper .mat-vertical-stepper-content[aria-expanded=true] .mat-step-summary{height:0;opacity:0;overflow:hidden;transition:none}onemrva-mat-vertical-stepper .mat-vertical-stepper-content[aria-expanded=true] .mat-step-form{height:auto;opacity:1;transition:height 0s 1s,opacity 1s linear;overflow:inherit}onemrva-mat-vertical-stepper .mat-vertical-stepper-content[aria-expanded=true] .mat-step-form mat-form-field{opacity:1}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatStepHeader, selector: "mat-step-header", inputs: ["state", "label", "errorMessage", "iconOverrides", "index", "selected", "active", "optional", "disableRipple", "color"] }], animations: [onemrvaMatStepperAnimations.verticalStepTransition], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatStepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatStepperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-stepper, onemrva-mat-vertical-stepper, [onemrvaMatStepper]', exportAs: 'matStepper, matVerticalStepper, matHorizontalStepper', inputs: ['selectedIndex'], animations: [onemrvaMatStepperAnimations.verticalStepTransition], providers: [
                         { provide: MatStepper, useExisting: OnemrvaMatStepperComponent },
@@ -78,15 +78,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
             }] } });
 class OnemrvaMatStepperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatStepperModule, declarations: [OnemrvaMatStepperComponent], imports: [MatCommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatStepperModule, declarations: [OnemrvaMatStepperComponent], imports: [MatCommonModule,
             CommonModule,
             PortalModule,
             CdkStepperModule,
             MatIconModule,
             MatRippleModule,
             MatStepperModule], exports: [MatCommonModule, MatStepperModule, OnemrvaMatStepperComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatStepperModule, imports: [MatCommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatStepperModule, imports: [MatCommonModule,
             CommonModule,
             PortalModule,
             CdkStepperModule,
@@ -94,7 +94,7 @@ class OnemrvaMatStepperModule {
             MatRippleModule,
             MatStepperModule, MatCommonModule, MatStepperModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatStepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatStepperModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs CHANGED Viewed

@@ -35,10 +35,10 @@ class OnemrvaMatStickerComponent {
     constructor() {
         this.color = OnemrvaMatColor.PRIMARY;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: OnemrvaMatStickerComponent, selector: "onemrva-mat-sticker", inputs: { color: "color" }, host: { properties: { "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo", "class.mat-grayscale": "this._isGrayscale" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: OnemrvaMatStickerComponent, selector: "onemrva-mat-sticker", inputs: { color: "color" }, host: { properties: { "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo", "class.mat-grayscale": "this._isGrayscale" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'onemrva-mat-sticker',
@@ -70,11 +70,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
             }] } });
 class OnemrvaMatStickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatStickerModule, declarations: [OnemrvaMatStickerComponent], imports: [CommonModule], exports: [OnemrvaMatStickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatStickerModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatStickerModule, declarations: [OnemrvaMatStickerComponent], imports: [CommonModule], exports: [OnemrvaMatStickerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatStickerModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatStickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatStickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [OnemrvaMatStickerComponent],

package/fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs CHANGED Viewed

@@ -56,10 +56,10 @@ class OnemrvaMatTableOfContentService {
         this._toc = {};
         this._toc$.next(this._toc);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTableOfContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTableOfContentService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTableOfContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTableOfContentService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTableOfContentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTableOfContentService, decorators: [{
             type: Injectable
         }] });
@@ -128,10 +128,10 @@ class OnemrvaMatTableOfContentComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTableOfContentComponent, deps: [{ token: OnemrvaMatTableOfContentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: OnemrvaMatTableOfContentComponent, isStandalone: true, selector: "onemrva-mat-table-of-content", inputs: { titleKey: "titleKey", tocName: "tocName", dataCy: "dataCy", tableOfContentName: "tableOfContentName", scrollShift: "scrollShift" }, host: { listeners: { "window:scroll": "onScrollEvent($event)", "window:resize": "onResizeEvent($event)" }, 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    <mat-list-item\n      *ngFor=\"let anchor of toc$ | async\"\n      (click)=\"goTo(anchor)\"\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      <mat-icon *ngIf=\"anchor.status === status.CHECKMARK\" class=\"anchor-check\"\n        >check</mat-icon\n      >\n      <mat-icon *ngIf=\"anchor.status === status.WARNING\" class=\"anchor-warning\"\n        >priority_high</mat-icon\n      >\n    </mat-list-item>\n  </mat-list>\n</div>\n", dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTableOfContentComponent, deps: [{ token: OnemrvaMatTableOfContentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: OnemrvaMatTableOfContentComponent, isStandalone: true, selector: "onemrva-mat-table-of-content", inputs: { titleKey: "titleKey", tocName: "tocName", dataCy: "dataCy", tableOfContentName: "tableOfContentName", scrollShift: "scrollShift" }, host: { listeners: { "window:scroll": "onScrollEvent($event)", "window:resize": "onResizeEvent($event)" }, 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    <mat-list-item\n      *ngFor=\"let anchor of toc$ | async\"\n      (click)=\"goTo(anchor)\"\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      <mat-icon *ngIf=\"anchor.status === status.CHECKMARK\" class=\"anchor-check\"\n        >check</mat-icon\n      >\n      <mat-icon *ngIf=\"anchor.status === status.WARNING\" class=\"anchor-warning\"\n        >priority_high</mat-icon\n      >\n    </mat-list-item>\n  </mat-list>\n</div>\n", dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTableOfContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTableOfContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-table-of-content', standalone: true, imports: [MatListModule, TranslateModule, CommonModule, MatIconModule], template: "<div class=\"onemrva-mat-toc\">\n  <h3 class=\"onemrva-mat-toc-title\">{{ titleKey | translate }}</h3>\n\n  <mat-list>\n    <mat-list-item\n      *ngFor=\"let anchor of toc$ | async\"\n      (click)=\"goTo(anchor)\"\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      <mat-icon *ngIf=\"anchor.status === status.CHECKMARK\" class=\"anchor-check\"\n        >check</mat-icon\n      >\n      <mat-icon *ngIf=\"anchor.status === status.WARNING\" class=\"anchor-warning\"\n        >priority_high</mat-icon\n      >\n    </mat-list-item>\n  </mat-list>\n</div>\n" }]
         }], ctorParameters: () => [{ type: OnemrvaMatTableOfContentService }], propDecorators: { titleKey: [{
@@ -184,10 +184,10 @@ class OnemrvaMatTableOfContentDirective {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTableOfContentDirective, deps: [{ token: OnemrvaMatTableOfContentService }, { token: i0.ChangeDetectorRef }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: OnemrvaMatTableOfContentDirective, isStandalone: true, selector: "[onemrvaMatToc]", inputs: { onemrvaMatToc: "onemrvaMatToc", hiddenInToc: "hiddenInToc" }, host: { properties: { "attr.role": "this.role", "attr.class": "this.clazz", "attr.aria-label": "this.ariaLabel", "attr.rvaonem-toc-anchor": "this.ariaToc" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTableOfContentDirective, deps: [{ token: OnemrvaMatTableOfContentService }, { token: i0.ChangeDetectorRef }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: OnemrvaMatTableOfContentDirective, isStandalone: true, selector: "[onemrvaMatToc]", inputs: { onemrvaMatToc: "onemrvaMatToc", hiddenInToc: "hiddenInToc" }, host: { properties: { "attr.role": "this.role", "attr.class": "this.clazz", "attr.aria-label": "this.ariaLabel", "attr.rvaonem-toc-anchor": "this.ariaToc" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTableOfContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTableOfContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[onemrvaMatToc]',

package/fesm2022/onemrvapublic-design-system-mat-task-list.mjs CHANGED Viewed

@@ -17,10 +17,10 @@ class OnemrvaMatTaskTitleComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTaskTitleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: OnemrvaMatTaskTitleComponent, selector: "onemrva-mat-task-title", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-task-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTaskTitleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: OnemrvaMatTaskTitleComponent, selector: "onemrva-mat-task-title", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-task-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTaskTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTaskTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-task-title', template: "<ng-template>\n  <div class=\"onemrva-mat-task-title\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { customNgClass: [{
@@ -31,10 +31,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
             }] } });
 class OnemrvaMatTaskContentComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTaskContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: OnemrvaMatTaskContentComponent, selector: "onemrva-mat-task-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-task-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTaskContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: OnemrvaMatTaskContentComponent, selector: "onemrva-mat-task-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div class=\"onemrva-mat-task-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTaskContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTaskContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-task-content', template: "<ng-template>\n  <div class=\"onemrva-mat-task-content\" [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { customNgClass: [{
@@ -113,10 +113,10 @@ class OnemrvaMatTaskComponent {
             return '';
         return `mat-${this.color}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTaskComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: OnemrvaMatTaskComponent, selector: "onemrva-mat-task", inputs: { customNgClass: "customNgClass", icon: "icon", form: "form", bubble: "bubble", arialLabel: "arialLabel", disabled: "disabled", color: "color" }, host: { properties: { "class.mat-disabled": "this.disabled", "attr.aria-disabled": "this.showAriaDisabled", "class.mat-accent": "this._isAccent", "class.mat-primary": "this._isPrimary", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo", "class.mat-grayscale": "this._isGrayscale" } }, 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  <ng-container *ngIf=\"icon !== undefined\">\n    <span class=\"bubble\"\n      ><mat-icon>{{ icon }}</mat-icon></span\n    >\n  </ng-container>\n  <ng-container *ngIf=\"form !== undefined\">\n    <mat-checkbox\n      [disabled]=\"true\"\n      [formControl]=\"form\"\n      [aria-label]=\"arialLabel\"\n    ></mat-checkbox>\n  </ng-container>\n  <ng-container *ngIf=\"bubble !== undefined\">\n    <span class=\"bubble\">{{ bubble }}</span>\n  </ng-container>\n</div>\n<ng-container *ngIf=\"title?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"content?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTaskComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: OnemrvaMatTaskComponent, selector: "onemrva-mat-task", inputs: { customNgClass: "customNgClass", icon: "icon", form: "form", bubble: "bubble", arialLabel: "arialLabel", disabled: "disabled", color: "color" }, host: { properties: { "class.mat-disabled": "this.disabled", "attr.aria-disabled": "this.showAriaDisabled", "class.mat-accent": "this._isAccent", "class.mat-primary": "this._isPrimary", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo", "class.mat-grayscale": "this._isGrayscale" } }, 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  <ng-container *ngIf=\"icon !== undefined\">\n    <span class=\"bubble\"\n      ><mat-icon>{{ icon }}</mat-icon></span\n    >\n  </ng-container>\n  <ng-container *ngIf=\"form !== undefined\">\n    <mat-checkbox\n      [disabled]=\"true\"\n      [formControl]=\"form\"\n      [aria-label]=\"arialLabel\"\n    ></mat-checkbox>\n  </ng-container>\n  <ng-container *ngIf=\"bubble !== undefined\">\n    <span class=\"bubble\">{{ bubble }}</span>\n  </ng-container>\n</div>\n<ng-container *ngIf=\"title?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"content?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTaskComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTaskComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-task', template: "<div class=\"onemrva-mat-task-icon\">\n  <ng-container *ngIf=\"icon !== undefined\">\n    <span class=\"bubble\"\n      ><mat-icon>{{ icon }}</mat-icon></span\n    >\n  </ng-container>\n  <ng-container *ngIf=\"form !== undefined\">\n    <mat-checkbox\n      [disabled]=\"true\"\n      [formControl]=\"form\"\n      [aria-label]=\"arialLabel\"\n    ></mat-checkbox>\n  </ng-container>\n  <ng-container *ngIf=\"bubble !== undefined\">\n    <span class=\"bubble\">{{ bubble }}</span>\n  </ng-container>\n</div>\n<ng-container *ngIf=\"title?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"content?.template as tpl\">\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { customNgClass: [{
@@ -184,10 +184,10 @@ class OnemrvaMatTaskListComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTaskListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: OnemrvaMatTaskListComponent, 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", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTaskListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: OnemrvaMatTaskListComponent, 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", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTaskListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTaskListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-task-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { id: [{
@@ -208,8 +208,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
             }] } });
 class OnemrvaMatTaskListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTaskListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTaskListModule, declarations: [OnemrvaMatTaskListComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTaskListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTaskListModule, declarations: [OnemrvaMatTaskListComponent,
             OnemrvaMatTaskTitleComponent,
             OnemrvaMatTaskContentComponent,
             OnemrvaMatTaskComponent], imports: [CommonModule,
@@ -219,12 +219,12 @@ class OnemrvaMatTaskListModule {
             OnemrvaMatTaskTitleComponent,
             OnemrvaMatTaskContentComponent,
             OnemrvaMatTaskComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [CommonModule,
             MatIconModule,
             MatCheckboxModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTaskListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTaskListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2022/onemrvapublic-design-system-mat-task-list.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"onemrvapublic-design-system-mat-task-list.mjs","sources":["../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-title.component.ts","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-title.html","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-content.component.ts","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-content.html","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task.component.ts","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task.component.html","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-list.component.ts","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-list.component.html","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-list.module.ts","../../../../projects/onemrva/design-system/mat-task-list/onemrvapublic-design-system-mat-task-list.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n Input,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\n\n@Component({\n selector: 'onemrva-mat-task-title',\n templateUrl: './onemrva-mat-task-title.html',\n})\nexport class OnemrvaMatTaskTitleComponent implements AfterViewInit {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n\n constructor(private cd: ChangeDetectorRef) {}\n\n ngAfterViewInit() {\n this.cd.detectChanges();\n }\n}\n","<ng-template>\n <div class=\"onemrva-mat-task-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n selector: 'onemrva-mat-task-content',\n templateUrl: './onemrva-mat-task-content.html',\n})\nexport class OnemrvaMatTaskContentComponent {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n <div class=\"onemrva-mat-task-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n","import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ContentChild,\n HostBinding,\n Input,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\nimport { OnemrvaMatTaskTitleComponent } from './onemrva-mat-task-title.component';\nimport { OnemrvaMatTaskContentComponent } from './onemrva-mat-task-content.component';\nimport { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n selector: 'onemrva-mat-task',\n templateUrl: './onemrva-mat-task.component.html',\n styleUrls: ['onemrva-mat-task.component.scss'],\n})\nexport class OnemrvaMatTaskComponent implements AfterViewInit {\n @Input() customNgClass: any;\n\n @Input() icon: string \| undefined;\n @Input() form: FormControl \| undefined;\n @Input() bubble: string \| undefined;\n @Input() arialLabel: string = 'select';\n\n /** @hidden @internal /\n @HostBinding('class.mat-disabled')\n @Input()\n disabled: boolean = false;\n\n @HostBinding('attr.aria-disabled')\n public get showAriaDisabled(): boolean {\n return this.disabled;\n }\n\n @ViewChild(TemplateRef) template!: TemplateRef<any>;\n\n @ContentChild(OnemrvaMatTaskTitleComponent)\n title?: OnemrvaMatTaskTitleComponent;\n @ContentChild(OnemrvaMatTaskContentComponent)\n content?: OnemrvaMatTaskContentComponent;\n\n constructor(private cd: ChangeDetectorRef) {}\n\n ngAfterViewInit() {\n if (this.disabled) {\n this.form?.disable();\n }\n //this.customNgClass = this.customNgClass.merge(['onemrva-mat-task']);\n this.cd.detectChanges();\n }\n\n /\n @hidden\n * @internal\n /\n private _color: OnemrvaMatColor = OnemrvaMatColor.NONE;\n\n /\n \n * @param value\n /\n public set color(value: OnemrvaMatColor) {\n this._color = value;\n }\n\n /* @hidden @internal /\n @HostBinding('class.mat-accent')\n public get _colorAccent(): boolean {\n return this.color === OnemrvaMatColor.ACCENT;\n }\n\n /* @hidden @internal /\n @HostBinding('class.mat-primary')\n public get _isPrimary(): boolean {\n return this.color === OnemrvaMatColor.PRIMARY;\n }\n /* @hidden @internal /\n @HostBinding('class.mat-accent')\n public get _isAccent(): boolean {\n return this.color === OnemrvaMatColor.ACCENT;\n }\n /* @hidden @internal /\n @HostBinding('class.mat-error')\n public get _isError(): boolean {\n return this.color === OnemrvaMatColor.ERROR;\n }\n /* @hidden @internal /\n @HostBinding('class.mat-warn')\n public get _isWarn(): boolean {\n return this.color === OnemrvaMatColor.WARN;\n }\n /* @hidden @internal /\n @HostBinding('class.mat-success')\n public get _isSuccess(): boolean {\n return this.color === OnemrvaMatColor.SUCCESS;\n }\n /* @hidden @internal /\n @HostBinding('class.mat-info')\n public get _isInfo(): boolean {\n return this.color === OnemrvaMatColor.INFO;\n }\n /* @hidden @internal /\n @HostBinding('class.mat-grayscale')\n public get _isGrayscale(): boolean {\n return this.color === OnemrvaMatColor.GRAYSCALE;\n }\n\n @Input()\n public get color(): OnemrvaMatColor {\n return this._color;\n }\n\n public matColor() {\n if (this.color === OnemrvaMatColor.NONE) return '';\n return `mat-${this.color}`;\n }\n}\n","<div class=\"onemrva-mat-task-icon\">\n <ng-container ngIf=\"icon !== undefined\">\n <span class=\"bubble\"\n ><mat-icon>{{ icon }}</mat-icon></span\n >\n </ng-container>\n <ng-container ngIf=\"form !== undefined\">\n <mat-checkbox\n [disabled]=\"true\"\n [formControl]=\"form\"\n [aria-label]=\"arialLabel\"\n ></mat-checkbox>\n </ng-container>\n <ng-container ngIf=\"bubble !== undefined\">\n <span class=\"bubble\">{{ bubble }}</span>\n </ng-container>\n</div>\n<ng-container ngIf=\"title?.template as tpl\">\n <ng-container ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<ng-container ngIf=\"content?.template as tpl\">\n <ng-container ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n HostBinding,\n Input,\n QueryList,\n} from '@angular/core';\nimport { OnemrvaMatTaskComponent } from './onemrva-mat-task.component';\n\nlet NEXT_ID = 0;\n\n@Component({\n selector: 'onemrva-mat-task-list',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './onemrva-mat-task-list.component.html',\n})\nexport class OnemrvaMatTaskListComponent implements AfterViewInit {\n @HostBinding('attr.id')\n @Input()\n public id = `onemrva-mat-task-list-${NEXT_ID++}`;\n\n @HostBinding('attr.data-cy')\n @Input()\n data_cy: string = 'onemrva-mat-task-list';\n\n @ContentChildren(OnemrvaMatTaskComponent, {\n descendants: true,\n })\n _tasks?: QueryList<OnemrvaMatTaskComponent>;\n\n constructor(private cd: ChangeDetectorRef) {}\n\n ngAfterViewInit() {\n this.cd.detectChanges();\n }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatTaskListComponent } from './onemrva-mat-task-list.component';\nimport { OnemrvaMatTaskTitleComponent } from './onemrva-mat-task-title.component';\nimport { OnemrvaMatTaskContentComponent } from './onemrva-mat-task-content.component';\nimport { CommonModule } from '@angular/common';\nimport { OnemrvaMatTaskComponent } from './onemrva-mat-task.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { ReactiveFormsModule } from '@angular/forms';\n\n@NgModule({\n declarations: [\n OnemrvaMatTaskListComponent,\n OnemrvaMatTaskTitleComponent,\n OnemrvaMatTaskContentComponent,\n OnemrvaMatTaskComponent,\n ],\n imports: [\n CommonModule,\n MatIconModule,\n MatCheckboxModule,\n ReactiveFormsModule,\n ],\n exports: [\n OnemrvaMatTaskListComponent,\n OnemrvaMatTaskTitleComponent,\n OnemrvaMatTaskContentComponent,\n OnemrvaMatTaskComponent,\n ],\n})\nexport class OnemrvaMatTaskListModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;MAaa,4BAA4B,CAAA;AAKvC,IAAA,WAAA,CAAoB,EAAqB,EAAA;QAArB,IAAE,CAAA,EAAA,GAAF,EAAE,CAAmB;KAAI;IAE7C,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC;KACzB;8GATU,4BAA4B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA5B,4BAA4B,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAG5B,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBxB,gJAKA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDQa,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAJxC,SAAS;+BACE,wBAAwB,EAAA,QAAA,EAAA,gJAAA,EAAA,CAAA;sFAIzB,aAAa,EAAA,CAAA;sBAArB,KAAK;gBAEkB,QAAQ,EAAA,CAAA;sBAA/B,SAAS;uBAAC,WAAW,CAAA;;;MEVX,8BAA8B,CAAA;8GAA9B,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA9B,8BAA8B,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAG9B,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTxB,kJAKA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDCa,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAJ1C,SAAS;+BACE,0BAA0B,EAAA,QAAA,EAAA,kJAAA,EAAA,CAAA;8BAI3B,aAAa,EAAA,CAAA;sBAArB,KAAK;gBAEkB,QAAQ,EAAA,CAAA;sBAA/B,SAAS;uBAAC,WAAW,CAAA;;;MEWX,uBAAuB,CAAA;AAalC,IAAA,IACW,gBAAgB,GAAA;QACzB,OAAO,IAAI,CAAC,QAAQ,CAAC;KACtB;AASD,IAAA,WAAA,CAAoB,EAAqB,EAAA;QAArB,IAAE,CAAA,EAAA,GAAF,EAAE,CAAmB;QAnBhC,IAAU,CAAA,UAAA,GAAW,QAAQ,CAAC;;QAKvC,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;AAwB1B;;;AAGG;AACK,QAAA,IAAA,CAAA,MAAM,GAAoB,eAAe,CAAC,IAAI,CAAC;KAdV;IAE7C,eAAe,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC;SACtB;;AAED,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC;KACzB;AAQD;;;AAGG;IACH,IAAW,KAAK,CAAC,KAAsB,EAAA;AACrC,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACrB;;AAGD,IAAA,IACW,YAAY,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,eAAe,CAAC,MAAM,CAAC;KAC9C;;AAGD,IAAA,IACW,UAAU,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,eAAe,CAAC,OAAO,CAAC;KAC/C;;AAED,IAAA,IACW,SAAS,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,eAAe,CAAC,MAAM,CAAC;KAC9C;;AAED,IAAA,IACW,QAAQ,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,eAAe,CAAC,KAAK,CAAC;KAC7C;;AAED,IAAA,IACW,OAAO,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,eAAe,CAAC,IAAI,CAAC;KAC5C;;AAED,IAAA,IACW,UAAU,GAAA;AACnB,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,eAAe,CAAC,OAAO,CAAC;KAC/C;;AAED,IAAA,IACW,OAAO,GAAA;AAChB,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,eAAe,CAAC,IAAI,CAAC;KAC5C;;AAED,IAAA,IACW,YAAY,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,eAAe,CAAC,SAAS,CAAC;KACjD;AAED,IAAA,IACW,KAAK,GAAA;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;KACpB;IAEM,QAAQ,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,eAAe,CAAC,IAAI;AAAE,YAAA,OAAO,EAAE,CAAC;AACnD,QAAA,OAAO,CAAO,IAAA,EAAA,IAAI,CAAC,KAAK,EAAE,CAAC;KAC5B;8GAnGU,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,+mBAoBpB,4BAA4B,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAE5B,8BAA8B,EAJjC,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,WAAW,gDCtCxB,2vBAuBA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDHa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAAA,2vBAAA,EAAA,CAAA;sFAKnB,aAAa,EAAA,CAAA;sBAArB,KAAK;gBAEG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBAKN,QAAQ,EAAA,CAAA;sBAFP,WAAW;uBAAC,oBAAoB,CAAA;;sBAChC,KAAK;gBAIK,gBAAgB,EAAA,CAAA;sBAD1B,WAAW;uBAAC,oBAAoB,CAAA;gBAKT,QAAQ,EAAA,CAAA;sBAA/B,SAAS;uBAAC,WAAW,CAAA;gBAGtB,KAAK,EAAA,CAAA;sBADJ,YAAY;uBAAC,4BAA4B,CAAA;gBAG1C,OAAO,EAAA,CAAA;sBADN,YAAY;uBAAC,8BAA8B,CAAA;gBA6BjC,YAAY,EAAA,CAAA;sBADtB,WAAW;uBAAC,kBAAkB,CAAA;gBAOpB,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,mBAAmB,CAAA;gBAMrB,SAAS,EAAA,CAAA;sBADnB,WAAW;uBAAC,kBAAkB,CAAA;gBAMpB,QAAQ,EAAA,CAAA;sBADlB,WAAW;uBAAC,iBAAiB,CAAA;gBAMnB,OAAO,EAAA,CAAA;sBADjB,WAAW;uBAAC,gBAAgB,CAAA;gBAMlB,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,mBAAmB,CAAA;gBAMrB,OAAO,EAAA,CAAA;sBADjB,WAAW;uBAAC,gBAAgB,CAAA;gBAMlB,YAAY,EAAA,CAAA;sBADtB,WAAW;uBAAC,qBAAqB,CAAA;gBAMvB,KAAK,EAAA,CAAA;sBADf,KAAK;;;AEnGR,IAAI,OAAO,GAAG,CAAC,CAAC;MAOH,2BAA2B,CAAA;AActC,IAAA,WAAA,CAAoB,EAAqB,EAAA;QAArB,IAAE,CAAA,EAAA,GAAF,EAAE,CAAmB;AAXlC,QAAA,IAAA,CAAA,EAAE,GAAG,CAAA,sBAAA,EAAyB,OAAO,EAAE,EAAE,CAAC;QAIjD,IAAO,CAAA,OAAA,GAAW,uBAAuB,CAAC;KAOG;IAE7C,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC;KACzB;8GAlBU,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAA3B,2BAA2B,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,SAAA,EASrB,uBAAuB,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5B1C,6BACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDkBa,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBALvC,SAAS;+BACE,uBAAuB,EAAA,eAAA,EAChB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAA;sFAMxC,EAAE,EAAA,CAAA;sBAFR,WAAW;uBAAC,SAAS,CAAA;;sBACrB,KAAK;gBAKN,OAAO,EAAA,CAAA;sBAFN,WAAW;uBAAC,cAAc,CAAA;;sBAC1B,KAAK;gBAMN,MAAM,EAAA,CAAA;sBAHL,eAAe;AAAC,gBAAA,IAAA,EAAA,CAAA,uBAAuB,EAAE;AACxC,wBAAA,WAAW,EAAE,IAAI;AAClB,qBAAA,CAAA;;;MEAU,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,iBAlBjC,2BAA2B;YAC3B,4BAA4B;YAC5B,8BAA8B;AAC9B,YAAA,uBAAuB,aAGvB,YAAY;YACZ,aAAa;YACb,iBAAiB;AACjB,YAAA,mBAAmB,aAGnB,2BAA2B;YAC3B,4BAA4B;YAC5B,8BAA8B;YAC9B,uBAAuB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,YAZjC,YAAY;YACZ,aAAa;YACb,iBAAiB;YACjB,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FASV,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBApBpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,2BAA2B;wBAC3B,4BAA4B;wBAC5B,8BAA8B;wBAC9B,uBAAuB;AACxB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,iBAAiB;wBACjB,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,2BAA2B;wBAC3B,4BAA4B;wBAC5B,8BAA8B;wBAC9B,uBAAuB;AACxB,qBAAA;AACF,iBAAA,CAAA;;;AC7BD;;AAEG;;;;"}
1	+ {"version":3,"file":"onemrvapublic-design-system-mat-task-list.mjs","sources":["../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-title.component.ts","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-title.html","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-content.component.ts","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-content.html","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task.component.ts","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task.component.html","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-list.component.ts","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-list.component.html","../../../../projects/onemrva/design-system/mat-task-list/src/onemrva-mat-task-list.module.ts","../../../../projects/onemrva/design-system/mat-task-list/onemrvapublic-design-system-mat-task-list.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n Input,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\n\n@Component({\n selector: 'onemrva-mat-task-title',\n templateUrl: './onemrva-mat-task-title.html',\n})\nexport class OnemrvaMatTaskTitleComponent implements AfterViewInit {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n\n constructor(private cd: ChangeDetectorRef) {}\n\n ngAfterViewInit() {\n this.cd.detectChanges();\n }\n}\n","<ng-template>\n <div class=\"onemrva-mat-task-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n","import { Component, Input, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n selector: 'onemrva-mat-task-content',\n templateUrl: './onemrva-mat-task-content.html',\n})\nexport class OnemrvaMatTaskContentComponent {\n @Input() customNgClass: any;\n\n @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","<ng-template>\n <div class=\"onemrva-mat-task-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n","import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ContentChild,\n HostBinding,\n Input,\n TemplateRef,\n ViewChild,\n} from '@angular/core';\nimport { OnemrvaMatTaskTitleComponent } from './onemrva-mat-task-title.component';\nimport { OnemrvaMatTaskContentComponent } from './onemrva-mat-task-content.component';\nimport { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';\nimport { FormControl } from '@angular/forms';\n\n@Component({\n selector: 'onemrva-mat-task',\n templateUrl: './onemrva-mat-task.component.html',\n styleUrls: ['onemrva-mat-task.component.scss'],\n})\nexport class OnemrvaMatTaskComponent implements AfterViewInit {\n @Input() customNgClass: any;\n\n @Input() icon: string \| undefined;\n @Input() form: FormControl \| undefined;\n @Input() bubble: string \| undefined;\n @Input() arialLabel: string = 'select';\n\n /** @hidden @internal /\n @HostBinding('class.mat-disabled')\n @Input()\n disabled: boolean = false;\n\n @HostBinding('attr.aria-disabled')\n public get showAriaDisabled(): boolean {\n return this.disabled;\n }\n\n @ViewChild(TemplateRef) template!: TemplateRef<any>;\n\n @ContentChild(OnemrvaMatTaskTitleComponent)\n title?: OnemrvaMatTaskTitleComponent;\n @ContentChild(OnemrvaMatTaskContentComponent)\n content?: OnemrvaMatTaskContentComponent;\n\n constructor(private cd: ChangeDetectorRef) {}\n\n ngAfterViewInit() {\n if (this.disabled) {\n this.form?.disable();\n }\n //this.customNgClass = this.customNgClass.merge(['onemrva-mat-task']);\n this.cd.detectChanges();\n }\n\n /\n @hidden\n * @internal\n /\n private _color: OnemrvaMatColor = OnemrvaMatColor.NONE;\n\n /\n \n * @param value\n /\n public set color(value: OnemrvaMatColor) {\n this._color = value;\n }\n\n /* @hidden @internal /\n @HostBinding('class.mat-accent')\n public get _colorAccent(): boolean {\n return this.color === OnemrvaMatColor.ACCENT;\n }\n\n /* @hidden @internal /\n @HostBinding('class.mat-primary')\n public get _isPrimary(): boolean {\n return this.color === OnemrvaMatColor.PRIMARY;\n }\n /* @hidden @internal /\n @HostBinding('class.mat-accent')\n public get _isAccent(): boolean {\n return this.color === OnemrvaMatColor.ACCENT;\n }\n /* @hidden @internal /\n @HostBinding('class.mat-error')\n public get _isError(): boolean {\n return this.color === OnemrvaMatColor.ERROR;\n }\n /* @hidden @internal /\n @HostBinding('class.mat-warn')\n public get _isWarn(): boolean {\n return this.color === OnemrvaMatColor.WARN;\n }\n /* @hidden @internal /\n @HostBinding('class.mat-success')\n public get _isSuccess(): boolean {\n return this.color === OnemrvaMatColor.SUCCESS;\n }\n /* @hidden @internal /\n @HostBinding('class.mat-info')\n public get _isInfo(): boolean {\n return this.color === OnemrvaMatColor.INFO;\n }\n /* @hidden @internal /\n @HostBinding('class.mat-grayscale')\n public get _isGrayscale(): boolean {\n return this.color === OnemrvaMatColor.GRAYSCALE;\n }\n\n @Input()\n public get color(): OnemrvaMatColor {\n return this._color;\n }\n\n public matColor() {\n if (this.color === OnemrvaMatColor.NONE) return '';\n return `mat-${this.color}`;\n }\n}\n","<div class=\"onemrva-mat-task-icon\">\n <ng-container ngIf=\"icon !== undefined\">\n <span class=\"bubble\"\n ><mat-icon>{{ icon }}</mat-icon></span\n >\n </ng-container>\n <ng-container ngIf=\"form !== undefined\">\n <mat-checkbox\n [disabled]=\"true\"\n [formControl]=\"form\"\n [aria-label]=\"arialLabel\"\n ></mat-checkbox>\n </ng-container>\n <ng-container ngIf=\"bubble !== undefined\">\n <span class=\"bubble\">{{ bubble }}</span>\n </ng-container>\n</div>\n<ng-container ngIf=\"title?.template as tpl\">\n <ng-container ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<ng-container ngIf=\"content?.template as tpl\">\n <ng-container ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n","import {\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ContentChildren,\n HostBinding,\n Input,\n QueryList,\n} from '@angular/core';\nimport { OnemrvaMatTaskComponent } from './onemrva-mat-task.component';\n\nlet NEXT_ID = 0;\n\n@Component({\n selector: 'onemrva-mat-task-list',\n changeDetection: ChangeDetectionStrategy.OnPush,\n templateUrl: './onemrva-mat-task-list.component.html',\n})\nexport class OnemrvaMatTaskListComponent implements AfterViewInit {\n @HostBinding('attr.id')\n @Input()\n public id = `onemrva-mat-task-list-${NEXT_ID++}`;\n\n @HostBinding('attr.data-cy')\n @Input()\n data_cy: string = 'onemrva-mat-task-list';\n\n @ContentChildren(OnemrvaMatTaskComponent, {\n descendants: true,\n })\n _tasks?: QueryList<OnemrvaMatTaskComponent>;\n\n constructor(private cd: ChangeDetectorRef) {}\n\n ngAfterViewInit() {\n this.cd.detectChanges();\n }\n}\n","<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatTaskListComponent } from './onemrva-mat-task-list.component';\nimport { OnemrvaMatTaskTitleComponent } from './onemrva-mat-task-title.component';\nimport { OnemrvaMatTaskContentComponent } from './onemrva-mat-task-content.component';\nimport { CommonModule } from '@angular/common';\nimport { OnemrvaMatTaskComponent } from './onemrva-mat-task.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { ReactiveFormsModule } from '@angular/forms';\n\n@NgModule({\n declarations: [\n OnemrvaMatTaskListComponent,\n OnemrvaMatTaskTitleComponent,\n OnemrvaMatTaskContentComponent,\n OnemrvaMatTaskComponent,\n ],\n imports: [\n CommonModule,\n MatIconModule,\n MatCheckboxModule,\n ReactiveFormsModule,\n ],\n exports: [\n OnemrvaMatTaskListComponent,\n OnemrvaMatTaskTitleComponent,\n OnemrvaMatTaskContentComponent,\n OnemrvaMatTaskComponent,\n ],\n})\nexport class OnemrvaMatTaskListModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-mat-timepicker.mjs CHANGED Viewed

@@ -302,10 +302,10 @@ class ClockComponent {
         value = Math.round(60 - (60 * angle) / 360);
         return value === 60 ? 0 : value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ClockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: ClockComponent, selector: "mat-clock", inputs: { viewType: "viewType", color: "color", 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    (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]=\"color\"\n        class=\"inner-dot\"\n        aria-label=\"Inner Dot\"\n      ></button>\n      <mat-toolbar [color]=\"color\" class=\"pointer\">\n        <button\n          mat-mini-fab\n          [color]=\"color\"\n          class=\"outer-dot\"\n          aria-label=\"Outer dot\"\n          [ngClass]=\"{\n            'outer-dot-odd': viewType === 'minutes' && formattedValue % 5 !== 0,\n          }\"\n        >\n          <ng-container\n            *ngIf=\"viewType === 'minutes' && formattedValue % 5 !== 0\"\n            >\u00B7</ng-container\n          >\n        </button>\n      </mat-toolbar>\n    </div>\n    <ng-container *ngFor=\"let digit of minuteDots\">\n      <button\n        mat-mini-fab\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        <ng-container *ngIf=\"digit.display % 5 !== 0\">\u00B7</ng-container>\n      </button>\n    </ng-container>\n    <ng-container *ngFor=\"let digit of numbers\">\n      <button\n        mat-mini-fab\n        [color]=\"color\"\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        <ng-container\n          *ngIf=\"\n            viewType === 'minutes';\n            then minutesTemplate;\n            else hoursTemplate\n          \"\n        ></ng-container>\n      </button>\n    </ng-container>\n    <ng-container *ngFor=\"let digit of secondaryNumbers\">\n      <button\n        mat-mini-fab\n        [color]=\"color\"\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    </ng-container>\n  </div>\n</div>\n", styles: [".root{width:256px;height:256px;cursor:default}.circle{width:256px;height:256px;border-radius:50%;position:relative;background:#ededed;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}.mat-mdc-mini-fab.number.disabled{color:#0101011a}.mat-mdc-mini-fab.number:not(.selected):not(.disabled){color:#000000de}.mat-mdc-mini-fab.number:not(.disabled).minute-dot{color:#010101b3}.mat-mdc-mini-fab.number:not(.disabled).minute-dot.selected{color:transparent}.small-number{font-size:12px}.small-number:not(.selected):not(.disabled){color:#000000ab}.pointer-container{width:calc(50% - 20px);height:2;position:absolute;left:50%;top:calc(50% - 1px);transform-origin:left center;pointer-events:none}.pointer-container.disabled *{background-color:transparent}.pointer{height:1px}.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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ClockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ClockComponent, selector: "mat-clock", inputs: { viewType: "viewType", color: "color", 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    (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]=\"color\"\n        class=\"inner-dot\"\n        aria-label=\"Inner Dot\"\n      ></button>\n      <mat-toolbar [color]=\"color\" class=\"pointer\">\n        <button\n          mat-mini-fab\n          [color]=\"color\"\n          class=\"outer-dot\"\n          aria-label=\"Outer dot\"\n          [ngClass]=\"{\n            'outer-dot-odd': viewType === 'minutes' && formattedValue % 5 !== 0,\n          }\"\n        >\n          <ng-container\n            *ngIf=\"viewType === 'minutes' && formattedValue % 5 !== 0\"\n            >\u00B7</ng-container\n          >\n        </button>\n      </mat-toolbar>\n    </div>\n    <ng-container *ngFor=\"let digit of minuteDots\">\n      <button\n        mat-mini-fab\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        <ng-container *ngIf=\"digit.display % 5 !== 0\">\u00B7</ng-container>\n      </button>\n    </ng-container>\n    <ng-container *ngFor=\"let digit of numbers\">\n      <button\n        mat-mini-fab\n        [color]=\"color\"\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        <ng-container\n          *ngIf=\"\n            viewType === 'minutes';\n            then minutesTemplate;\n            else hoursTemplate\n          \"\n        ></ng-container>\n      </button>\n    </ng-container>\n    <ng-container *ngFor=\"let digit of secondaryNumbers\">\n      <button\n        mat-mini-fab\n        [color]=\"color\"\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    </ng-container>\n  </div>\n</div>\n", styles: [".root{width:256px;height:256px;cursor:default}.circle{width:256px;height:256px;border-radius:50%;position:relative;background:#ededed;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}.mat-mdc-mini-fab.number.disabled{color:#0101011a}.mat-mdc-mini-fab.number:not(.selected):not(.disabled){color:#000000de}.mat-mdc-mini-fab.number:not(.disabled).minute-dot{color:#010101b3}.mat-mdc-mini-fab.number:not(.disabled).minute-dot.selected{color:transparent}.small-number{font-size:12px}.small-number:not(.selected):not(.disabled){color:#000000ab}.pointer-container{width:calc(50% - 20px);height:2;position:absolute;left:50%;top:calc(50% - 1px);transform-origin:left center;pointer-events:none}.pointer-container.disabled *{background-color:transparent}.pointer{height:1px}.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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: ClockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ClockComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mat-clock', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"root\">\n  <div\n    class=\"circle\"\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]=\"color\"\n        class=\"inner-dot\"\n        aria-label=\"Inner Dot\"\n      ></button>\n      <mat-toolbar [color]=\"color\" class=\"pointer\">\n        <button\n          mat-mini-fab\n          [color]=\"color\"\n          class=\"outer-dot\"\n          aria-label=\"Outer dot\"\n          [ngClass]=\"{\n            'outer-dot-odd': viewType === 'minutes' && formattedValue % 5 !== 0,\n          }\"\n        >\n          <ng-container\n            *ngIf=\"viewType === 'minutes' && formattedValue % 5 !== 0\"\n            >\u00B7</ng-container\n          >\n        </button>\n      </mat-toolbar>\n    </div>\n    <ng-container *ngFor=\"let digit of minuteDots\">\n      <button\n        mat-mini-fab\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        <ng-container *ngIf=\"digit.display % 5 !== 0\">\u00B7</ng-container>\n      </button>\n    </ng-container>\n    <ng-container *ngFor=\"let digit of numbers\">\n      <button\n        mat-mini-fab\n        [color]=\"color\"\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        <ng-container\n          *ngIf=\"\n            viewType === 'minutes';\n            then minutesTemplate;\n            else hoursTemplate\n          \"\n        ></ng-container>\n      </button>\n    </ng-container>\n    <ng-container *ngFor=\"let digit of secondaryNumbers\">\n      <button\n        mat-mini-fab\n        [color]=\"color\"\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    </ng-container>\n  </div>\n</div>\n", styles: [".root{width:256px;height:256px;cursor:default}.circle{width:256px;height:256px;border-radius:50%;position:relative;background:#ededed;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}.mat-mdc-mini-fab.number.disabled{color:#0101011a}.mat-mdc-mini-fab.number:not(.selected):not(.disabled){color:#000000de}.mat-mdc-mini-fab.number:not(.disabled).minute-dot{color:#010101b3}.mat-mdc-mini-fab.number:not(.disabled).minute-dot.selected{color:transparent}.small-number{font-size:12px}.small-number:not(.selected):not(.disabled){color:#000000ab}.pointer-container{width:calc(50% - 20px);height:2;position:absolute;left:50%;top:calc(50% - 1px);transform-origin:left center;pointer-events:none}.pointer-container.disabled *{background-color:transparent}.pointer{height:1px}.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"] }]
         }], propDecorators: { viewType: [{
@@ -435,10 +435,10 @@ class MatTimepickerComponentDialogComponent {
     cancelClickHandler() {
         this.cancelClickEvent.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: MatTimepickerComponentDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: MatTimepickerComponentDialogComponent, 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]=\"color\" class=\"header\">\n      <div class=\"time-frame\">\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: this.viewType === 'hours' && 'active' }\"\n          (click)=\"editHours()\"\n        >\n          {{ twoDigits(formattedHours) }}\n        </span>\n        <span class=\"fixed-font-size\">:</span>\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: this.viewType === 'minutes' && 'active' }\"\n          (click)=\"editMinutes()\"\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        [color]=\"color\"\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}.select{color:#fff}.body{padding:24px 16px 20px;display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: ClockComponent, selector: "mat-clock", inputs: ["viewType", "color", "formattedValue", "minDate", "maxDate", "formattedHours", "minutes", "allowed24HourMap"], outputs: ["changeEvent", "unavailableSelection", "invalidSelection"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatTimepickerComponentDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: MatTimepickerComponentDialogComponent, 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]=\"color\" class=\"header\">\n      <div class=\"time-frame\">\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: this.viewType === 'hours' && 'active' }\"\n          (click)=\"editHours()\"\n        >\n          {{ twoDigits(formattedHours) }}\n        </span>\n        <span class=\"fixed-font-size\">:</span>\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: this.viewType === 'minutes' && 'active' }\"\n          (click)=\"editMinutes()\"\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        [color]=\"color\"\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}.select{color:#fff}.body{padding:24px 16px 20px;display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: ClockComponent, selector: "mat-clock", inputs: ["viewType", "color", "formattedValue", "minDate", "maxDate", "formattedHours", "minutes", "allowed24HourMap"], outputs: ["changeEvent", "unavailableSelection", "invalidSelection"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: MatTimepickerComponentDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatTimepickerComponentDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mat-timepicker-dialog', template: "<mat-dialog-content>\n  <div class=\"root\">\n    <mat-toolbar [color]=\"color\" class=\"header\">\n      <div class=\"time-frame\">\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: this.viewType === 'hours' && 'active' }\"\n          (click)=\"editHours()\"\n        >\n          {{ twoDigits(formattedHours) }}\n        </span>\n        <span class=\"fixed-font-size\">:</span>\n        <span\n          class=\"time fixed-font-size\"\n          [ngClass]=\"{ select: this.viewType === 'minutes' && 'active' }\"\n          (click)=\"editMinutes()\"\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        [color]=\"color\"\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}.select{color:#fff}.body{padding:24px 16px 20px;display:flex;justify-content:center}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -679,10 +679,10 @@ class OnemrvaMatTimepickerComponent {
         //
         // this.listeners.forEach(l => l());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTimepickerComponent, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: OnemrvaMatTimepickerComponent, 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: "" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTimepickerComponent, deps: [{ token: i1$1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: OnemrvaMatTimepickerComponent, 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: "" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTimepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTimepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mat-timepicker', template: "" }]
         }], ctorParameters: () => [{ type: i1$1.MatDialog }], propDecorators: { openedStream: [{
@@ -733,10 +733,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
  */
 /** Can be used to override the icon of a `matDatepickerToggle`. */
 class MatTimepickerToggleIconDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: MatTimepickerToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: MatTimepickerToggleIconDirective, selector: "[matDatepickerToggleIcon]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatTimepickerToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: MatTimepickerToggleIconDirective, selector: "[matDatepickerToggleIcon]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: MatTimepickerToggleIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatTimepickerToggleIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[matDatepickerToggleIcon]',
@@ -799,10 +799,10 @@ class MatTimePickerToggle {
         this._stateChanges.unsubscribe();
         this._stateChanges = merge(datepickerStateChanged, inputStateChanged, datepickerToggled).subscribe(() => this._changeDetectorRef.markForCheck());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: MatTimePickerToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: MatTimePickerToggle, 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  [title]=\"ariaLabel\"\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: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatTimePickerToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: MatTimePickerToggle, 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  [title]=\"ariaLabel\"\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: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: MatTimePickerToggle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatTimePickerToggle, decorators: [{
             type: Component,
             args: [{ selector: 'mat-timepicker-toggle', host: {
                         class: 'mat-timepicker-toggle',
@@ -1258,12 +1258,12 @@ class MatTimepickerDirective {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: MatTimepickerDirective, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i2$2.FocusMonitor }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3$1.Platform }, { token: i1$2.NgForm, optional: true }, { token: i4.MatFormField, optional: true }, { token: i1$2.FormGroupDirective, optional: true }, { token: i5.ErrorStateMatcher }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: MatTimepickerDirective, 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: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatTimepickerDirective, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i2$2.FocusMonitor }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3$1.Platform }, { token: i1$2.NgForm, optional: true }, { token: i4.MatFormField, optional: true }, { token: i1$2.FormGroupDirective, optional: true }, { token: i5.ErrorStateMatcher }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: MatTimepickerDirective, 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: [
             { provide: MatFormFieldControl, useExisting: MatTimepickerDirective },
         ], exportAs: ["matTimepicker"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: MatTimepickerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MatTimepickerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[matTimepicker]',
@@ -1355,8 +1355,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
             }] } });
 class OnemrvaMatTimepickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTimepickerModule, declarations: [ClockComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTimepickerModule, declarations: [ClockComponent,
             MatTimepickerDirective,
             MatTimepickerComponentDialogComponent,
             MatTimepickerToggleIconDirective,
@@ -1369,14 +1369,14 @@ class OnemrvaMatTimepickerModule {
             MatInputModule], exports: [MatTimepickerDirective,
             MatTimePickerToggle,
             OnemrvaMatTimepickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTimepickerModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTimepickerModule, imports: [CommonModule,
             MatDialogModule,
             MatButtonModule,
             MatToolbarModule,
             MatIconModule,
             MatInputModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: OnemrvaMatTimepickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: OnemrvaMatTimepickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [