@onemrvapublic/design-system 19.4.0-alpha.9 → 20.0.0-develop.1

package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-stepper.mjs","sources":["../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-stepper-animations.ts","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.component.ts","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.html","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.module.ts","../../../../projects/onemrva/design-system/mat-stepper/index.ts","../../../../projects/onemrva/design-system/mat-stepper/onemrvapublic-design-system-mat-stepper.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {\n  animate,\n  state,\n  style,\n  transition,\n  trigger,\n  AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const DEFAULT_VERTICAL_ANIMATION_DURATION = '225ms';\n\n/**\n * Animations used by the Material steppers.\n * @docs-private\n */\nexport const onemrvaMatStepperAnimations: {\n  readonly verticalStepTransition: AnimationTriggerMetadata;\n} = {\n  /** Animation that transitions the step along the Y axis in a vertical summary-stepper. */\n  verticalStepTransition: trigger('verticalStepTransition', [\n    state('previous', style({ height: '*', visibility: 'inherit' })),\n    state('next', style({ height: '0px', visibility: 'hidden' })),\n    // Transition to `inherit`, rather than `visible`,\n    // because visibility on a child element the one from the parent,\n    // making this element focusable inside of a `hidden` element.\n    state('current', style({ height: '*', visibility: 'inherit' })),\n    transition(\n      '* <=> current',\n      animate('{{animationDuration}} cubic-bezier(0.4, 0.0, 0.2, 1)'),\n      {\n        params: { animationDuration: DEFAULT_VERTICAL_ANIMATION_DURATION },\n      },\n    ),\n  ]),\n};\n","import { Directionality } from '@angular/cdk/bidi';\nimport { CdkStepper, StepperOrientation } from '@angular/cdk/stepper';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  HostBinding,\n  Input,\n  OnDestroy,\n  Optional,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { onemrvaMatStepperAnimations } from './onemrva-stepper-animations';\nimport { MatStep, MatStepHeader, MatStepper } from '@angular/material/stepper';\nimport { Subject, takeUntil } from 'rxjs';\nimport { NgForOf, NgTemplateOutlet } from '@angular/common';\n\n@Component({\n  selector:\n    'onemrva-mat-stepper, ' +\n    'onemrva-mat-vertical-stepper, ' +\n    '[onemrvaMatStepper]',\n  exportAs: 'matStepper, ' + 'matVerticalStepper, ' + 'matHorizontalStepper',\n  templateUrl: 'onemrva-mat-stepper.html',\n  styleUrls: ['onemrva-mat-stepper.scss'],\n  // eslint-disable-next-line\n  inputs: ['selectedIndex'],\n  animations: [onemrvaMatStepperAnimations.verticalStepTransition],\n  providers: [\n    { provide: MatStepper, useExisting: OnemrvaMatStepperComponent },\n    { provide: CdkStepper, useExisting: MatStepper },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  standalone: true,\n  imports: [NgForOf, NgTemplateOutlet, MatStepHeader],\n})\nexport class OnemrvaMatStepperComponent\n  extends MatStepper\n  implements AfterContentInit, OnDestroy\n{\n  destroyNotifier$: Subject<void> = new Subject<void>();\n\n  /** Orientation of the summary-stepper. */\n  @Input()\n  override get orientation(): StepperOrientation {\n    return 'vertical';\n  }\n  override set orientation(value: StepperOrientation) {\n    this.matStepperVertical = true;\n  }\n\n  @HostBinding('class.mat-stepper-vertical') matStepperVertical = true;\n  @HostBinding('attr.aria-orientation') ariaOrientation = 'vertical';\n  @HostBinding('role') role = 'tablist';\n  _animationDone = new Subject<any>();\n\n  scrollToElement(elementId: string): void {\n    const element = document.getElementById(elementId);\n    if (element) {\n      const yOffset = -100; // Optional: offset from the top for better positioning\n      const y =\n        element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n      window.scrollTo({ top: y, behavior: 'smooth' });\n    }\n  }\n\n  constructor(\n    @Optional() dir: Directionality,\n    changeDetectorRef: ChangeDetectorRef,\n    elementRef: ElementRef<HTMLElement>,\n  ) {\n    super(dir, changeDetectorRef, elementRef);\n\n    this.selectionChange\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe(value => {\n        const timeBeforeScroll = parseInt(this.animationDuration || '0') + 400;\n        setTimeout(() => {\n          const el = `cdk-step-label-${this._getStepLabelId(value.selectedIndex)}`; // TODO check ??\n          this.scrollToElement(el);\n        }, timeBeforeScroll);\n      });\n  }\n\n  override ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n}\n","<!-- 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","import { NgModule } from '@angular/core';\nimport { OnemrvaMatStepperComponent } from './onemrva-mat-stepper.component';\nimport { CommonModule } from '@angular/common';\nimport { MatCommonModule, MatRippleModule } from '@angular/material/core';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CdkStepperModule } from '@angular/cdk/stepper';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatStepperModule } from '@angular/material/stepper';\n\n@NgModule({\n  imports: [OnemrvaMatStepperComponent],\n  exports: [MatStepperModule, OnemrvaMatStepperComponent],\n  declarations: [],\n  providers: [],\n})\nexport class OnemrvaMatStepperModule {}\n","/*\n * Public API Surface of mat-summary-stepper\n */\n\nexport * from './src/onemrva-mat-stepper.component';\nexport * from './src/onemrva-mat-stepper.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-stepper.mjs","sources":["../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-stepper-animations.ts","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.component.ts","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.html","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.module.ts","../../../../projects/onemrva/design-system/mat-stepper/index.ts","../../../../projects/onemrva/design-system/mat-stepper/onemrvapublic-design-system-mat-stepper.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {\n  animate,\n  state,\n  style,\n  transition,\n  trigger,\n  AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const DEFAULT_VERTICAL_ANIMATION_DURATION = '225ms';\n\n/**\n * Animations used by the Material steppers.\n * @docs-private\n */\nexport const onemrvaMatStepperAnimations: {\n  readonly verticalStepTransition: AnimationTriggerMetadata;\n} = {\n  /** Animation that transitions the step along the Y axis in a vertical summary-stepper. */\n  verticalStepTransition: trigger('verticalStepTransition', [\n    state('previous', style({ height: '*', visibility: 'inherit' })),\n    state('next', style({ height: '0px', visibility: 'hidden' })),\n    // Transition to `inherit`, rather than `visible`,\n    // because visibility on a child element the one from the parent,\n    // making this element focusable inside of a `hidden` element.\n    state('current', style({ height: '*', visibility: 'inherit' })),\n    transition(\n      '* <=> current',\n      animate('{{animationDuration}} cubic-bezier(0.4, 0.0, 0.2, 1)'),\n      {\n        params: { animationDuration: DEFAULT_VERTICAL_ANIMATION_DURATION },\n      },\n    ),\n  ]),\n};\n","import { Directionality } from '@angular/cdk/bidi';\nimport { CdkStepper, StepperOrientation } from '@angular/cdk/stepper';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  HostBinding,\n  Input,\n  OnDestroy,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\n\nimport { onemrvaMatStepperAnimations } from './onemrva-stepper-animations';\nimport { MatStep, MatStepHeader, MatStepper } from '@angular/material/stepper';\nimport { Subject, takeUntil } from 'rxjs';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n  selector:\n    'onemrva-mat-stepper, ' +\n    'onemrva-mat-vertical-stepper, ' +\n    '[onemrvaMatStepper]',\n  exportAs: 'matStepper, ' + 'matVerticalStepper, ' + 'matHorizontalStepper',\n  templateUrl: 'onemrva-mat-stepper.html',\n  styleUrls: ['onemrva-mat-stepper.scss'],\n  // eslint-disable-next-line\n  inputs: ['selectedIndex'],\n  animations: [onemrvaMatStepperAnimations.verticalStepTransition],\n  providers: [\n    { provide: MatStepper, useExisting: OnemrvaMatStepperComponent },\n    { provide: CdkStepper, useExisting: MatStepper },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.Emulated,\n  standalone: true,\n  imports: [NgTemplateOutlet, MatStepHeader],\n})\nexport class OnemrvaMatStepperComponent\n  extends MatStepper\n  implements AfterContentInit, OnDestroy\n{\n  destroyNotifier$: Subject<void> = new Subject<void>();\n\n  /** Orientation of the summary-stepper. */\n  @Input()\n  override get orientation(): StepperOrientation {\n    return 'vertical';\n  }\n  override set orientation(value: StepperOrientation) {\n    this.matStepperVertical = true;\n  }\n\n  @HostBinding('class.mat-stepper-vertical') matStepperVertical = true;\n  @HostBinding('attr.aria-orientation') ariaOrientation = 'vertical';\n  @HostBinding('role') role = 'tablist';\n  _animationDone = new Subject<any>();\n\n  private readonly dir = inject(Directionality, { optional: true });\n  private readonly cd = inject(ChangeDetectorRef);\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  scrollToElement(elementId: string): void {\n    const element = document.getElementById(elementId);\n    if (element) {\n      const yOffset = -100; // Optional: offset from the top for better positioning\n      const y =\n        element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n      window.scrollTo({ top: y, behavior: 'smooth' });\n    }\n  }\n\n  constructor() {\n    super(\n      inject(Directionality, { optional: true }),\n      inject(ChangeDetectorRef),\n      inject(ElementRef<HTMLElement>),\n    );\n  }\n\n  override ngAfterContentInit(): void {\n    super.ngAfterContentInit();\n    this.selectionChange\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe(value => {\n        const timeBeforeScroll = parseInt(this.animationDuration || '0') + 400;\n        setTimeout(() => {\n          const el = `cdk-step-label-${this._getStepLabelId(value.selectedIndex)}`; // TODO check ??\n          this.scrollToElement(el);\n        }, timeBeforeScroll);\n      });\n  }\n\n  override ngOnDestroy(): void {\n    super.ngOnDestroy();\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n\n  _stepIsNavigable(index: number, step: MatStep): boolean {\n    return (\n      step.completed ||\n      this.selectedIndex === index ||\n      this.selectedIndex > index\n    );\n  }\n\n  _getIndicatorType(index: number, state?: string): string {\n    if (state) {\n      return state;\n    }\n    if (this.selectedIndex === index) {\n      return 'number';\n    }\n    return 'number';\n  }\n}\n","<!-- Vertical summary-stepper -->\n<ng-container>\n  @for (step of steps; track step; let i = $index; let isLast = $last) {\n  <div class=\"mat-step\">\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  }\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","import { NgModule } from '@angular/core';\nimport { OnemrvaMatStepperComponent } from './onemrva-mat-stepper.component';\nimport { MatStepperModule } from '@angular/material/stepper';\n\n@NgModule({\n  imports: [OnemrvaMatStepperComponent],\n  exports: [MatStepperModule, OnemrvaMatStepperComponent],\n  declarations: [],\n  providers: [],\n})\nexport class OnemrvaMatStepperModule {}\n","/*\n * Public API Surface of mat-summary-stepper\n */\n\nexport * from './src/onemrva-mat-stepper.component';\nexport * from './src/onemrva-mat-stepper.module';\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-sticker.mjs

@@ -2,20 +2,20 @@ import * as i0 from '@angular/core';
 import { ViewEncapsulation, Component, NgModule } from '@angular/core';
 
 class OnemrvaMatStickerComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatStickerComponent, isStandalone: true, selector: "onemrva-mat-sticker", ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:2px 8px;font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;color:var(--on-background-gradient)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatStickerComponent, isStandalone: true, selector: "onemrva-mat-sticker", ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true, styles: [":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:2px 8px;font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;color:var(--on-background-gradient)}:host.mat-error{background:var(--mat-sys-error-container)!important;border:none;color:var(--mat-sys-on-error-container)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-sticker', template: ` <ng-content></ng-content>`, imports: [], standalone: true, encapsulation: ViewEncapsulation.Emulated, styles: [":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:2px 8px;font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;color:var(--on-background-gradient)}\n"] }]
+            args: [{ selector: 'onemrva-mat-sticker', template: ` <ng-content></ng-content>`, imports: [], standalone: true, encapsulation: ViewEncapsulation.Emulated, styles: [":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:2px 8px;font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;color:var(--on-background-gradient)}:host.mat-error{background:var(--mat-sys-error-container)!important;border:none;color:var(--mat-sys-on-error-container)}\n"] }]
         }] });
 
 class OnemrvaMatStickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatStickerModule, imports: [OnemrvaMatStickerComponent], exports: [OnemrvaMatStickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatStickerModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatStickerModule, imports: [OnemrvaMatStickerComponent], exports: [OnemrvaMatStickerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatStickerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatStickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatStickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-sticker.mjs","sources":["../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.component.ts","../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.module.ts","../../../../projects/onemrva/design-system/mat-sticker/index.ts","../../../../projects/onemrva/design-system/mat-sticker/onemrvapublic-design-system-mat-sticker.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'onemrva-mat-sticker',\n  template: ` <ng-content></ng-content>`,\n  styleUrl: 'onemrva-mat-sticker.component.scss',\n  imports: [],\n  standalone: true,\n  encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatStickerComponent {}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatStickerComponent } from './onemrva-mat-sticker.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatStickerComponent],\n  exports: [OnemrvaMatStickerComponent],\n})\nexport class OnemrvaMatStickerModule {}\n","/*\n * Public API Surface of mat-sticker\n */\n\nexport * from './src/onemrva-mat-sticker.component';\nexport * from './src/onemrva-mat-sticker.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAUa,0BAA0B,CAAA;+GAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,+EAN3B,CAA4B,0BAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,4cAAA,CAAA,EAAA,CAAA,CAAA;;4FAM3B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;+BACE,qBAAqB,EAAA,QAAA,EACrB,4BAA4B,EAE7B,OAAA,EAAA,EAAE,cACC,IAAI,EAAA,aAAA,EACD,iBAAiB,CAAC,QAAQ,EAAA,MAAA,EAAA,CAAA,4cAAA,CAAA,EAAA;;;MCA9B,uBAAuB,CAAA;+GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAvB,uBAAuB,EAAA,OAAA,EAAA,CAHxB,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAC1B,0BAA0B,CAAA,EAAA,CAAA,CAAA;gHAEzB,uBAAuB,EAAA,CAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE,CAAC,0BAA0B,CAAC;oBACrC,OAAO,EAAE,CAAC,0BAA0B,CAAC;AACtC,iBAAA;;;ACPD;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"onemrvapublic-design-system-mat-sticker.mjs","sources":["../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.component.ts","../../../../projects/onemrva/design-system/mat-sticker/src/onemrva-mat-sticker.module.ts","../../../../projects/onemrva/design-system/mat-sticker/index.ts","../../../../projects/onemrva/design-system/mat-sticker/onemrvapublic-design-system-mat-sticker.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'onemrva-mat-sticker',\n  template: ` <ng-content></ng-content>`,\n  styleUrl: 'onemrva-mat-sticker.component.scss',\n  imports: [],\n  standalone: true,\n  encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatStickerComponent {}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatStickerComponent } from './onemrva-mat-sticker.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatStickerComponent],\n  exports: [OnemrvaMatStickerComponent],\n})\nexport class OnemrvaMatStickerModule {}\n","/*\n * Public API Surface of mat-sticker\n */\n\nexport * from './src/onemrva-mat-sticker.component';\nexport * from './src/onemrva-mat-sticker.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAUa,0BAA0B,CAAA;8GAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,+EAN3B,CAA4B,0BAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,okBAAA,CAAA,EAAA,CAAA,CAAA;;2FAM3B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBARtC,SAAS;+BACE,qBAAqB,EAAA,QAAA,EACrB,4BAA4B,EAE7B,OAAA,EAAA,EAAE,cACC,IAAI,EAAA,aAAA,EACD,iBAAiB,CAAC,QAAQ,EAAA,MAAA,EAAA,CAAA,okBAAA,CAAA,EAAA;;;MCA9B,uBAAuB,CAAA;8GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAvB,uBAAuB,EAAA,OAAA,EAAA,CAHxB,0BAA0B,CAAA,EAAA,OAAA,EAAA,CAC1B,0BAA0B,CAAA,EAAA,CAAA,CAAA;+GAEzB,uBAAuB,EAAA,CAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE,CAAC,0BAA0B,CAAC;oBACrC,OAAO,EAAE,CAAC,0BAA0B,CAAC;AACtC,iBAAA;;;ACPD;;AAEG;;ACFH;;AAEG;;;;"}

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

@@ -1,16 +1,15 @@
 import * as i0 from '@angular/core';
-import { Injectable, Input, HostBinding, ViewEncapsulation, Component, Directive } from '@angular/core';
-import * as i4 from '@angular/material/list';
+import { Injectable, inject, Input, HostBinding, ViewEncapsulation, Component, ChangeDetectorRef, Directive } from '@angular/core';
+import * as i1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import * as i2$1 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
+import * as i2 from '@ngx-translate/core';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { BehaviorSubject, Subject, takeUntil, map, tap } from 'rxjs';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i6 from '@angular/material/icon';
+import * as i3 from '@angular/common';
+import { Location, CommonModule } from '@angular/common';
+import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import * as i2 from '@angular/router';
-import { RouterLink } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 
 var OnemrvaMatTocAnchorStatus;
 (function (OnemrvaMatTocAnchorStatus) {
@@ -58,25 +57,25 @@ class OnemrvaMatTableOfContentService {
         this._toc = {};
         this._toc$.next(this._toc);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTableOfContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTableOfContentService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTableOfContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTableOfContentService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTableOfContentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTableOfContentService, decorators: [{
             type: Injectable
         }] });
 
 class OnemrvaMatTableOfContentComponent {
-    constructor(location, route, router, tocService) {
-        this.location = location;
-        this.route = route;
-        this.router = router;
-        this.tocService = tocService;
+    constructor() {
         this.dataCy = 'onemrva-mat-toc';
         this.scrollShift = 0;
         this.activePath = '';
         this.destroy$ = new Subject();
         this.level = OnemrvaMatTocAnchorLevel;
         this.status = OnemrvaMatTocAnchorStatus;
+        this.location = inject(Location);
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.tocService = inject(OnemrvaMatTableOfContentService);
         this.timeoutId = null;
     }
     ngOnInit() {
@@ -126,10 +125,10 @@ class OnemrvaMatTableOfContentComponent {
         });
         elements.forEach(el => this.observer.observe(el));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTableOfContentComponent, deps: [{ token: i1.Location }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: OnemrvaMatTableOfContentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatTableOfContentComponent, isStandalone: true, selector: "onemrva-mat-table-of-content", inputs: { titleKey: "titleKey", tocName: "tocName", dataCy: "dataCy", tableOfContentName: "tableOfContentName", scrollShift: "scrollShift" }, host: { properties: { "attr.data-cy": "this.dataCy" } }, ngImport: i0, template: "<div class=\"onemrva-mat-toc\">\n  <h3 class=\"onemrva-mat-toc-title\">{{ titleKey | translate }}</h3>\n\n  <mat-list>\n    <mat-list-item\n      *ngFor=\"let anchor of toc$ | async\"\n      [routerLink]=\"[]\"\n      [fragment]=\"anchor.path\"\n      [ngClass]=\"{\n        'active-anchor': anchor.path === activePath,\n        'onemrva-anchor-for-subsection': anchor.level === level.SUBSECTION,\n        'onemrva-mat-hidden-toc-anchor': anchor.directive?.hiddenInToc,\n      }\"\n    >\n      {{ anchor.titleKey | translate }}\n      <mat-icon *ngIf=\"anchor.status === status.CHECKMARK\" class=\"mat-success\"\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", styles: [":host{position:fixed;width:var(--toc-width, 280px);top:var(--layout-header-height, 82px);left:0;bottom:0;overflow:auto;background-color:var(--mat-sys-surface-container);padding:var(--triple-spacer) var(--spacer) var(--spacer) var(--triple-spacer);box-sizing:border-box}:host .onemrva-mat-toc-title{color:var(--mat-sys-secondary);line-height:1.5rem;margin-bottom:var(--double-spacer)}:host mat-list{padding:0}:host mat-list mat-list-item{padding:var(--half-spacer) 0 var(--half-spacer) var(--spacer);height:2rem!important;border-left:1px solid var(--mat-sys-outline-variant)}:host mat-list mat-list-item.onemrva-mat-hidden-toc-anchor{display:none}:host mat-list mat-list-item .mdc-list-item__primary-text{font-weight:600;color:var(--mat-sys-outline)}:host mat-list mat-list-item.active-anchor{border-left:3px solid var(--mat-sys-secondary);padding-left:6px}:host mat-list mat-list-item.active-anchor .mdc-list-item__primary-text{color:var(--mat-sys-outline-variant)}:host mat-list mat-list-item:hover{cursor:pointer}:host mat-list mat-list-item mat-icon{vertical-align:bottom!important}:host mat-list mat-list-item mat-icon.anchor-warning{color:var(--mat-sys-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i4.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: 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: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaMatTableOfContentComponent, isStandalone: true, selector: "onemrva-mat-table-of-content", inputs: { titleKey: "titleKey", tocName: "tocName", dataCy: "dataCy", tableOfContentName: "tableOfContentName", scrollShift: "scrollShift" }, host: { properties: { "attr.data-cy": "this.dataCy" } }, ngImport: i0, template: "<div class=\"onemrva-mat-toc\">\n  <h3 class=\"onemrva-mat-toc-title\">{{ titleKey | translate }}</h3>\n\n  <mat-list>\n    @for (anchor of toc$ | async; track anchor.path) {\n      <mat-list-item\n        [routerLink]=\"[]\"\n        [fragment]=\"anchor.path\"\n        [ngClass]=\"{\n          'active-anchor': anchor.path === activePath,\n          'onemrva-anchor-for-subsection': anchor.level === level.SUBSECTION,\n          'onemrva-mat-hidden-toc-anchor': anchor.directive?.hiddenInToc,\n        }\"\n      >\n        {{ anchor.titleKey | translate }}\n        @if (anchor.status === status.CHECKMARK) {\n          <mat-icon class=\"mat-success\">check</mat-icon>\n        }\n        @if (anchor.status === status.WARNING) {\n          <mat-icon class=\"anchor-warning\">priority_high</mat-icon>\n        }\n      </mat-list-item>\n    }\n  </mat-list>\n</div>\n", styles: [":host{position:fixed;width:var(--toc-width, 280px);top:var(--layout-header-height, 82px);left:0;bottom:0;overflow:auto;background-color:var(--mat-sys-surface-container);padding:var(--triple-spacer) var(--spacer) var(--spacer) var(--triple-spacer);box-sizing:border-box}:host .onemrva-mat-toc-title{color:var(--mat-sys-secondary);line-height:1.5rem;margin-bottom:var(--double-spacer)}:host mat-list{padding:0}:host mat-list mat-list-item{padding:var(--half-spacer) 0 var(--half-spacer) var(--spacer);height:2rem!important;border-left:1px solid var(--mat-sys-outline-variant)}:host mat-list mat-list-item.onemrva-mat-hidden-toc-anchor{display:none}:host mat-list mat-list-item .mdc-list-item__primary-text{font-weight:600;color:var(--mat-sys-outline)}:host mat-list mat-list-item.active-anchor{border-left:3px solid var(--mat-sys-secondary);padding-left:6px}:host mat-list mat-list-item.active-anchor .mdc-list-item__primary-text{color:var(--mat-sys-outline-variant)}:host mat-list mat-list-item:hover{cursor:pointer}:host mat-list mat-list-item mat-icon{vertical-align:bottom!important}:host mat-list mat-list-item mat-icon.anchor-warning{color:var(--mat-sys-secondary)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTableOfContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTableOfContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-table-of-content', standalone: true, imports: [
                         MatListModule,
@@ -137,8 +136,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
                         CommonModule,
                         MatIconModule,
                         RouterLink,
-                    ], encapsulation: ViewEncapsulation.Emulated, 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      [routerLink]=\"[]\"\n      [fragment]=\"anchor.path\"\n      [ngClass]=\"{\n        'active-anchor': anchor.path === activePath,\n        'onemrva-anchor-for-subsection': anchor.level === level.SUBSECTION,\n        'onemrva-mat-hidden-toc-anchor': anchor.directive?.hiddenInToc,\n      }\"\n    >\n      {{ anchor.titleKey | translate }}\n      <mat-icon *ngIf=\"anchor.status === status.CHECKMARK\" class=\"mat-success\"\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", styles: [":host{position:fixed;width:var(--toc-width, 280px);top:var(--layout-header-height, 82px);left:0;bottom:0;overflow:auto;background-color:var(--mat-sys-surface-container);padding:var(--triple-spacer) var(--spacer) var(--spacer) var(--triple-spacer);box-sizing:border-box}:host .onemrva-mat-toc-title{color:var(--mat-sys-secondary);line-height:1.5rem;margin-bottom:var(--double-spacer)}:host mat-list{padding:0}:host mat-list mat-list-item{padding:var(--half-spacer) 0 var(--half-spacer) var(--spacer);height:2rem!important;border-left:1px solid var(--mat-sys-outline-variant)}:host mat-list mat-list-item.onemrva-mat-hidden-toc-anchor{display:none}:host mat-list mat-list-item .mdc-list-item__primary-text{font-weight:600;color:var(--mat-sys-outline)}:host mat-list mat-list-item.active-anchor{border-left:3px solid var(--mat-sys-secondary);padding-left:6px}:host mat-list mat-list-item.active-anchor .mdc-list-item__primary-text{color:var(--mat-sys-outline-variant)}:host mat-list mat-list-item:hover{cursor:pointer}:host mat-list mat-list-item mat-icon{vertical-align:bottom!important}:host mat-list mat-list-item mat-icon.anchor-warning{color:var(--mat-sys-secondary)}\n"] }]
-        }], ctorParameters: () => [{ type: i1.Location }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: OnemrvaMatTableOfContentService }], propDecorators: { titleKey: [{
+                    ], encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"onemrva-mat-toc\">\n  <h3 class=\"onemrva-mat-toc-title\">{{ titleKey | translate }}</h3>\n\n  <mat-list>\n    @for (anchor of toc$ | async; track anchor.path) {\n      <mat-list-item\n        [routerLink]=\"[]\"\n        [fragment]=\"anchor.path\"\n        [ngClass]=\"{\n          'active-anchor': anchor.path === activePath,\n          'onemrva-anchor-for-subsection': anchor.level === level.SUBSECTION,\n          'onemrva-mat-hidden-toc-anchor': anchor.directive?.hiddenInToc,\n        }\"\n      >\n        {{ anchor.titleKey | translate }}\n        @if (anchor.status === status.CHECKMARK) {\n          <mat-icon class=\"mat-success\">check</mat-icon>\n        }\n        @if (anchor.status === status.WARNING) {\n          <mat-icon class=\"anchor-warning\">priority_high</mat-icon>\n        }\n      </mat-list-item>\n    }\n  </mat-list>\n</div>\n", styles: [":host{position:fixed;width:var(--toc-width, 280px);top:var(--layout-header-height, 82px);left:0;bottom:0;overflow:auto;background-color:var(--mat-sys-surface-container);padding:var(--triple-spacer) var(--spacer) var(--spacer) var(--triple-spacer);box-sizing:border-box}:host .onemrva-mat-toc-title{color:var(--mat-sys-secondary);line-height:1.5rem;margin-bottom:var(--double-spacer)}:host mat-list{padding:0}:host mat-list mat-list-item{padding:var(--half-spacer) 0 var(--half-spacer) var(--spacer);height:2rem!important;border-left:1px solid var(--mat-sys-outline-variant)}:host mat-list mat-list-item.onemrva-mat-hidden-toc-anchor{display:none}:host mat-list mat-list-item .mdc-list-item__primary-text{font-weight:600;color:var(--mat-sys-outline)}:host mat-list mat-list-item.active-anchor{border-left:3px solid var(--mat-sys-secondary);padding-left:6px}:host mat-list mat-list-item.active-anchor .mdc-list-item__primary-text{color:var(--mat-sys-outline-variant)}:host mat-list mat-list-item:hover{cursor:pointer}:host mat-list mat-list-item mat-icon{vertical-align:bottom!important}:host mat-list mat-list-item mat-icon.anchor-warning{color:var(--mat-sys-secondary)}\n"] }]
+        }], propDecorators: { titleKey: [{
                 type: Input
             }], tocName: [{
                 type: Input
@@ -157,6 +156,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
  * For accessibility purpose, aria-label and will be displayed
  */
 class OnemrvaMatTableOfContentDirective {
+    constructor() {
+        this.role = '';
+        this.clazz = 'onemrva-mat-toc-anchor';
+        this.id = '';
+        this.hiddenInToc = false;
+        this.tocService = inject(OnemrvaMatTableOfContentService);
+        this.cd = inject(ChangeDetectorRef);
+        this.translateService = inject(TranslateService);
+        this.route = inject(ActivatedRoute);
+    }
     get ariaLabel() {
         return this.translateService.instant(this.onemrvaMatToc?.titleKey);
     }
@@ -167,16 +176,6 @@ class OnemrvaMatTableOfContentDirective {
             return '#' + this.onemrvaMatToc?.path;
         return this.onemrvaMatToc?.path;
     }
-    constructor(tocService, cd, translateService, route) {
-        this.tocService = tocService;
-        this.cd = cd;
-        this.translateService = translateService;
-        this.route = route;
-        this.role = '';
-        this.clazz = 'onemrva-mat-toc-anchor';
-        this.id = '';
-        this.hiddenInToc = false;
-    }
     ngOnInit() {
         this.tocService.addAnchor({ ...this.onemrvaMatToc, directive: this });
         this.id = this.onemrvaMatToc.path.slice(1, this.onemrvaMatToc.path.length);
@@ -191,16 +190,16 @@ class OnemrvaMatTableOfContentDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTableOfContentDirective, deps: [{ token: OnemrvaMatTableOfContentService }, { token: i0.ChangeDetectorRef }, { token: i2$1.TranslateService }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatTableOfContentDirective, isStandalone: true, selector: "[onemrvaMatToc]", inputs: { onemrvaMatToc: "onemrvaMatToc", hiddenInToc: "hiddenInToc" }, host: { properties: { "attr.role": "this.role", "attr.class": "this.clazz", "attr.id": "this.id", "attr.aria-label": "this.ariaLabel", "attr.rvaonem-toc-anchor": "this.ariaToc" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTableOfContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatTableOfContentDirective, isStandalone: true, selector: "[onemrvaMatToc]", inputs: { onemrvaMatToc: "onemrvaMatToc", hiddenInToc: "hiddenInToc" }, host: { properties: { "attr.role": "this.role", "attr.class": "this.clazz", "attr.id": "this.id", "attr.aria-label": "this.ariaLabel", "attr.rvaonem-toc-anchor": "this.ariaToc" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTableOfContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTableOfContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[onemrvaMatToc]',
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: OnemrvaMatTableOfContentService }, { type: i0.ChangeDetectorRef }, { type: i2$1.TranslateService }, { type: i2.ActivatedRoute }], propDecorators: { onemrvaMatToc: [{
+        }], propDecorators: { onemrvaMatToc: [{
                 type: Input
             }], role: [{
                 type: HostBinding,

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

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-table-of-content.mjs","sources":["../../../../projects/onemrva/design-system/mat-table-of-content/src/onemrva-mat-toc-anchor.model.ts","../../../../projects/onemrva/design-system/mat-table-of-content/src/onemrva-mat-table-of-content.service.ts","../../../../projects/onemrva/design-system/mat-table-of-content/src/onemrva-mat-table-of-content.component.ts","../../../../projects/onemrva/design-system/mat-table-of-content/src/onemrva-mat-table-of-content.component.html","../../../../projects/onemrva/design-system/mat-table-of-content/src/onemrva-mat-table-of-content.directive.ts","../../../../projects/onemrva/design-system/mat-table-of-content/index.ts","../../../../projects/onemrva/design-system/mat-table-of-content/onemrvapublic-design-system-mat-table-of-content.ts"],"sourcesContent":["export enum OnemrvaMatTocAnchorStatus {\n  CHECKMARK,\n  WARNING,\n}\n\nexport enum OnemrvaMatTocAnchorLevel {\n  SECTION,\n  SUBSECTION,\n}\n\nexport interface OnemrvaMatTocAnchor {\n  tocName: string;\n  titleKey: string;\n  path: string;\n  order?: number; // You can manually set the order of your links\n  status?: OnemrvaMatTocAnchorStatus; // checkmarck add a checkmark icon at the end of the line. Warning adds an exclamation mark\n  level?: OnemrvaMatTocAnchorLevel; // Section level by default\n  hidden?: boolean;\n  directive?: any;\n}\n\nexport type OnemrvaMatToc = Record<string, OnemrvaMatTocAnchor[]>;\n","import { Injectable } from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\nimport {\n  OnemrvaMatTocAnchor,\n  OnemrvaMatToc,\n  OnemrvaMatTocAnchorLevel,\n} from './onemrva-mat-toc-anchor.model';\n\n@Injectable()\nexport class OnemrvaMatTableOfContentService {\n  private _toc: OnemrvaMatToc = {};\n  private _toc$ = new BehaviorSubject<OnemrvaMatToc>({});\n  toc$: Observable<OnemrvaMatToc> = this._toc$.asObservable();\n\n  addAnchor(anchor: OnemrvaMatTocAnchor) {\n    if (!anchor.level) {\n      anchor.level = OnemrvaMatTocAnchorLevel.SECTION;\n    }\n\n    if (!this._toc[anchor.tocName])\n      this._toc = { ...this._toc, [anchor.tocName]: [anchor] };\n    else if (\n      this._toc[anchor.tocName].findIndex(a => anchor.path === a.path) < 0\n    ) {\n      let idx = -1;\n      if (anchor.order) {\n        idx = this._toc[anchor.tocName].findIndex(\n          a => a.order && anchor.order! < a.order,\n        );\n      }\n\n      const newToc = [...this._toc[anchor.tocName]];\n      if (idx >= 0) {\n        newToc.splice(idx, 0, anchor);\n      } else {\n        newToc.push(anchor);\n      }\n      this._toc = {\n        ...this._toc,\n        [anchor.tocName]: newToc,\n      };\n    }\n\n    this._toc$.next(this._toc);\n  }\n\n  resetToc() {\n    this._toc = {};\n    this._toc$.next(this._toc);\n  }\n}\n","import {\n  AfterViewInit,\n  Component,\n  HostBinding,\n  Input,\n  OnDestroy,\n  OnInit,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { MatListModule } from '@angular/material/list';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { OnemrvaMatTableOfContentService } from './onemrva-mat-table-of-content.service';\nimport { Observable, map, tap, Subject, takeUntil } from 'rxjs';\nimport {\n  OnemrvaMatTocAnchor,\n  OnemrvaMatTocAnchorLevel,\n  OnemrvaMatTocAnchorStatus,\n} from './onemrva-mat-toc-anchor.model';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { ActivatedRoute, Router, RouterLink } from '@angular/router';\nimport { Location } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-table-of-content',\n  templateUrl: 'onemrva-mat-table-of-content.component.html',\n  styleUrl: 'onemrva-mat-table-of-content.component.scss',\n  standalone: true,\n  imports: [\n    MatListModule,\n    TranslateModule,\n    CommonModule,\n    MatIconModule,\n    RouterLink,\n  ],\n  encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatTableOfContentComponent\n  implements OnInit, OnDestroy, AfterViewInit\n{\n  @Input()\n  titleKey!: string;\n\n  @Input()\n  tocName!: string;\n\n  @HostBinding('attr.data-cy')\n  @Input()\n  dataCy = 'onemrva-mat-toc';\n\n  @Input()\n  tableOfContentName!: string;\n\n  @Input()\n  scrollShift = 0;\n\n  toc$!: Observable<OnemrvaMatTocAnchor[]>;\n\n  activePath = '';\n\n  destroy$ = new Subject<boolean>();\n\n  level = OnemrvaMatTocAnchorLevel;\n  status = OnemrvaMatTocAnchorStatus;\n\n  constructor(\n    private location: Location,\n    private route: ActivatedRoute,\n    private router: Router,\n    private tocService: OnemrvaMatTableOfContentService,\n  ) {}\n\n  ngOnInit(): void {\n    this.route.fragment.pipe(takeUntil(this.destroy$)).subscribe(fragment => {\n      this.activePath = fragment ?? '';\n    });\n\n    this.toc$ = this.tocService.toc$.pipe(\n      map(tocMap => {\n        const toc = tocMap[this.tocName]?.filter(entry => !entry.hidden) ?? [];\n        return toc.map(entry => ({\n          ...entry,\n          path: entry.path?.startsWith('#') ? entry.path.slice(1) : entry.path,\n        }));\n      }),\n      tap(toc => {\n        if (!toc.length) {\n          this.titleKey = 'tocName.notFound';\n        } else {\n          this.activePath = toc[0].path;\n        }\n      }),\n    );\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next(true);\n    this.tocService.resetToc();\n  }\n\n  private observer!: IntersectionObserver;\n  private timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n  ngAfterViewInit(): void {\n    const elements = document.querySelectorAll<HTMLElement>(\n      '.onemrva-mat-toc-anchor',\n    );\n\n    this.observer = new IntersectionObserver(\n      entries => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            const id = entry.target.getAttribute('id');\n            if (id) {\n              if (this.timeoutId !== null) clearTimeout(this.timeoutId);\n              this.timeoutId = setTimeout(() => {\n                this.location.replaceState(\n                  this.router.url.split('#')[0] + `#${id}`,\n                );\n                this.activePath = id;\n                this.timeoutId = null;\n              }, 200);\n            }\n          }\n        });\n      },\n      {\n        root: null,\n        threshold: 0,\n        rootMargin: '-92px 0px -75% 0px',\n      },\n    );\n    elements.forEach(el => this.observer.observe(el));\n  }\n}\n","<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      [routerLink]=\"[]\"\n      [fragment]=\"anchor.path\"\n      [ngClass]=\"{\n        'active-anchor': anchor.path === activePath,\n        'onemrva-anchor-for-subsection': anchor.level === level.SUBSECTION,\n        'onemrva-mat-hidden-toc-anchor': anchor.directive?.hiddenInToc,\n      }\"\n    >\n      {{ anchor.titleKey | translate }}\n      <mat-icon *ngIf=\"anchor.status === status.CHECKMARK\" class=\"mat-success\"\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","import {\n  OnInit,\n  Directive,\n  Input,\n  HostBinding,\n  AfterViewInit,\n  ChangeDetectorRef,\n} from '@angular/core';\nimport { OnemrvaMatTableOfContentService } from './onemrva-mat-table-of-content.service';\nimport { OnemrvaMatTocAnchor } from './onemrva-mat-toc-anchor.model';\nimport { TranslateService } from '@ngx-translate/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\n/**\n * For accessibility purpose, aria-label and will be displayed\n */\n\n@Directive({\n  selector: '[onemrvaMatToc]',\n  standalone: true,\n})\nexport class OnemrvaMatTableOfContentDirective\n  implements OnInit, AfterViewInit\n{\n  @Input()\n  onemrvaMatToc!: OnemrvaMatTocAnchor;\n\n  @HostBinding('attr.role')\n  role = '';\n\n  @HostBinding('attr.class')\n  clazz = 'onemrva-mat-toc-anchor';\n\n  @HostBinding('attr.id')\n  id = '';\n\n  @HostBinding('attr.aria-label')\n  get ariaLabel() {\n    return this.translateService.instant(this.onemrvaMatToc?.titleKey);\n  }\n\n  @Input()\n  hiddenInToc = false;\n\n  @HostBinding('attr.rvaonem-toc-anchor')\n  get ariaToc() {\n    if (\n      this.onemrvaMatToc &&\n      this.onemrvaMatToc.path &&\n      this.onemrvaMatToc.path[0] !== '#'\n    )\n      return '#' + this.onemrvaMatToc?.path;\n    return this.onemrvaMatToc?.path;\n  }\n\n  constructor(\n    private tocService: OnemrvaMatTableOfContentService,\n    private cd: ChangeDetectorRef,\n    private translateService: TranslateService,\n    private route: ActivatedRoute,\n  ) {}\n\n  ngOnInit(): void {\n    this.tocService.addAnchor({ ...this.onemrvaMatToc, directive: this });\n\n    this.id = this.onemrvaMatToc.path.slice(1, this.onemrvaMatToc.path.length);\n    // console.log('   HWK this.hidden', this.hidden);\n  }\n\n  ngAfterViewInit(): void {\n    this.cd.detectChanges();\n    this.route.fragment.subscribe(fragment => {\n      const el = document.getElementById(fragment!);\n      if (el) {\n        el.scrollIntoView({ behavior: 'smooth' });\n      }\n    });\n  }\n}\n","/*\n * Public API Surface of mat-summary-stepper\n */\n\nexport * from './src/onemrva-mat-table-of-content.component';\nexport * from './src/onemrva-mat-table-of-content.directive';\nexport * from './src/onemrva-mat-table-of-content.service';\nexport * from './src/onemrva-mat-toc-anchor.model';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3.OnemrvaMatTableOfContentService","i5","i1.OnemrvaMatTableOfContentService","i2","i3"],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-table-of-content.mjs","sources":["../../../../projects/onemrva/design-system/mat-table-of-content/src/onemrva-mat-toc-anchor.model.ts","../../../../projects/onemrva/design-system/mat-table-of-content/src/onemrva-mat-table-of-content.service.ts","../../../../projects/onemrva/design-system/mat-table-of-content/src/onemrva-mat-table-of-content.component.ts","../../../../projects/onemrva/design-system/mat-table-of-content/src/onemrva-mat-table-of-content.component.html","../../../../projects/onemrva/design-system/mat-table-of-content/src/onemrva-mat-table-of-content.directive.ts","../../../../projects/onemrva/design-system/mat-table-of-content/index.ts","../../../../projects/onemrva/design-system/mat-table-of-content/onemrvapublic-design-system-mat-table-of-content.ts"],"sourcesContent":["export enum OnemrvaMatTocAnchorStatus {\n  CHECKMARK,\n  WARNING,\n}\n\nexport enum OnemrvaMatTocAnchorLevel {\n  SECTION,\n  SUBSECTION,\n}\n\nexport interface OnemrvaMatTocAnchor {\n  tocName: string;\n  titleKey: string;\n  path: string;\n  order?: number; // You can manually set the order of your links\n  status?: OnemrvaMatTocAnchorStatus; // checkmarck add a checkmark icon at the end of the line. Warning adds an exclamation mark\n  level?: OnemrvaMatTocAnchorLevel; // Section level by default\n  hidden?: boolean;\n  directive?: any;\n}\n\nexport type OnemrvaMatToc = Record<string, OnemrvaMatTocAnchor[]>;\n","import { Injectable } from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\nimport {\n  OnemrvaMatTocAnchor,\n  OnemrvaMatToc,\n  OnemrvaMatTocAnchorLevel,\n} from './onemrva-mat-toc-anchor.model';\n\n@Injectable()\nexport class OnemrvaMatTableOfContentService {\n  private _toc: OnemrvaMatToc = {};\n  private _toc$ = new BehaviorSubject<OnemrvaMatToc>({});\n  toc$: Observable<OnemrvaMatToc> = this._toc$.asObservable();\n\n  addAnchor(anchor: OnemrvaMatTocAnchor) {\n    if (!anchor.level) {\n      anchor.level = OnemrvaMatTocAnchorLevel.SECTION;\n    }\n\n    if (!this._toc[anchor.tocName])\n      this._toc = { ...this._toc, [anchor.tocName]: [anchor] };\n    else if (\n      this._toc[anchor.tocName].findIndex(a => anchor.path === a.path) < 0\n    ) {\n      let idx = -1;\n      if (anchor.order) {\n        idx = this._toc[anchor.tocName].findIndex(\n          a => a.order && anchor.order! < a.order,\n        );\n      }\n\n      const newToc = [...this._toc[anchor.tocName]];\n      if (idx >= 0) {\n        newToc.splice(idx, 0, anchor);\n      } else {\n        newToc.push(anchor);\n      }\n      this._toc = {\n        ...this._toc,\n        [anchor.tocName]: newToc,\n      };\n    }\n\n    this._toc$.next(this._toc);\n  }\n\n  resetToc() {\n    this._toc = {};\n    this._toc$.next(this._toc);\n  }\n}\n","import {\n  AfterViewInit,\n  Component,\n  HostBinding,\n  inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { MatListModule } from '@angular/material/list';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { OnemrvaMatTableOfContentService } from './onemrva-mat-table-of-content.service';\nimport { Observable, map, tap, Subject, takeUntil } from 'rxjs';\nimport {\n  OnemrvaMatTocAnchor,\n  OnemrvaMatTocAnchorLevel,\n  OnemrvaMatTocAnchorStatus,\n} from './onemrva-mat-toc-anchor.model';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { ActivatedRoute, Router, RouterLink } from '@angular/router';\nimport { Location } from '@angular/common';\n\n@Component({\n  selector: 'onemrva-mat-table-of-content',\n  templateUrl: 'onemrva-mat-table-of-content.component.html',\n  styleUrl: 'onemrva-mat-table-of-content.component.scss',\n  standalone: true,\n  imports: [\n    MatListModule,\n    TranslateModule,\n    CommonModule,\n    MatIconModule,\n    RouterLink,\n  ],\n  encapsulation: ViewEncapsulation.Emulated,\n})\nexport class OnemrvaMatTableOfContentComponent\n  implements OnInit, OnDestroy, AfterViewInit\n{\n  @Input()\n  titleKey!: string;\n\n  @Input()\n  tocName!: string;\n\n  @HostBinding('attr.data-cy')\n  @Input()\n  dataCy = 'onemrva-mat-toc';\n\n  @Input()\n  tableOfContentName!: string;\n\n  @Input()\n  scrollShift = 0;\n\n  toc$!: Observable<OnemrvaMatTocAnchor[]>;\n\n  activePath = '';\n\n  destroy$ = new Subject<boolean>();\n\n  level = OnemrvaMatTocAnchorLevel;\n  status = OnemrvaMatTocAnchorStatus;\n\n  location = inject(Location);\n  route = inject(ActivatedRoute);\n  router = inject(Router);\n  tocService = inject(OnemrvaMatTableOfContentService);\n\n  ngOnInit(): void {\n    this.route.fragment.pipe(takeUntil(this.destroy$)).subscribe(fragment => {\n      this.activePath = fragment ?? '';\n    });\n\n    this.toc$ = this.tocService.toc$.pipe(\n      map(tocMap => {\n        const toc = tocMap[this.tocName]?.filter(entry => !entry.hidden) ?? [];\n        return toc.map(entry => ({\n          ...entry,\n          path: entry.path?.startsWith('#') ? entry.path.slice(1) : entry.path,\n        }));\n      }),\n      tap(toc => {\n        if (!toc.length) {\n          this.titleKey = 'tocName.notFound';\n        } else {\n          this.activePath = toc[0].path;\n        }\n      }),\n    );\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next(true);\n    this.tocService.resetToc();\n  }\n\n  private observer!: IntersectionObserver;\n  private timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n  ngAfterViewInit(): void {\n    const elements = document.querySelectorAll<HTMLElement>(\n      '.onemrva-mat-toc-anchor',\n    );\n\n    this.observer = new IntersectionObserver(\n      entries => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            const id = entry.target.getAttribute('id');\n            if (id) {\n              if (this.timeoutId !== null) clearTimeout(this.timeoutId);\n              this.timeoutId = setTimeout(() => {\n                this.location.replaceState(\n                  this.router.url.split('#')[0] + `#${id}`,\n                );\n                this.activePath = id;\n                this.timeoutId = null;\n              }, 200);\n            }\n          }\n        });\n      },\n      {\n        root: null,\n        threshold: 0,\n        rootMargin: '-92px 0px -75% 0px',\n      },\n    );\n    elements.forEach(el => this.observer.observe(el));\n  }\n}\n","<div class=\"onemrva-mat-toc\">\n  <h3 class=\"onemrva-mat-toc-title\">{{ titleKey | translate }}</h3>\n\n  <mat-list>\n    @for (anchor of toc$ | async; track anchor.path) {\n      <mat-list-item\n        [routerLink]=\"[]\"\n        [fragment]=\"anchor.path\"\n        [ngClass]=\"{\n          'active-anchor': anchor.path === activePath,\n          'onemrva-anchor-for-subsection': anchor.level === level.SUBSECTION,\n          'onemrva-mat-hidden-toc-anchor': anchor.directive?.hiddenInToc,\n        }\"\n      >\n        {{ anchor.titleKey | translate }}\n        @if (anchor.status === status.CHECKMARK) {\n          <mat-icon class=\"mat-success\">check</mat-icon>\n        }\n        @if (anchor.status === status.WARNING) {\n          <mat-icon class=\"anchor-warning\">priority_high</mat-icon>\n        }\n      </mat-list-item>\n    }\n  </mat-list>\n</div>\n","import {\n  OnInit,\n  Directive,\n  Input,\n  HostBinding,\n  AfterViewInit,\n  ChangeDetectorRef,\n  inject,\n} from '@angular/core';\nimport { OnemrvaMatTableOfContentService } from './onemrva-mat-table-of-content.service';\nimport { OnemrvaMatTocAnchor } from './onemrva-mat-toc-anchor.model';\nimport { TranslateService } from '@ngx-translate/core';\nimport { ActivatedRoute } from '@angular/router';\n\n/**\n * For accessibility purpose, aria-label and will be displayed\n */\n\n@Directive({\n  selector: '[onemrvaMatToc]',\n  standalone: true,\n})\nexport class OnemrvaMatTableOfContentDirective\n  implements OnInit, AfterViewInit\n{\n  @Input()\n  onemrvaMatToc!: OnemrvaMatTocAnchor;\n\n  @HostBinding('attr.role')\n  role = '';\n\n  @HostBinding('attr.class')\n  clazz = 'onemrva-mat-toc-anchor';\n\n  @HostBinding('attr.id')\n  id = '';\n\n  @HostBinding('attr.aria-label')\n  get ariaLabel() {\n    return this.translateService.instant(this.onemrvaMatToc?.titleKey);\n  }\n\n  @Input()\n  hiddenInToc = false;\n\n  @HostBinding('attr.rvaonem-toc-anchor')\n  get ariaToc() {\n    if (\n      this.onemrvaMatToc &&\n      this.onemrvaMatToc.path &&\n      this.onemrvaMatToc.path[0] !== '#'\n    )\n      return '#' + this.onemrvaMatToc?.path;\n    return this.onemrvaMatToc?.path;\n  }\n\n  tocService = inject(OnemrvaMatTableOfContentService);\n  cd = inject(ChangeDetectorRef);\n  translateService = inject(TranslateService);\n  route = inject(ActivatedRoute);\n\n  ngOnInit(): void {\n    this.tocService.addAnchor({ ...this.onemrvaMatToc, directive: this });\n\n    this.id = this.onemrvaMatToc.path.slice(1, this.onemrvaMatToc.path.length);\n    // console.log('   HWK this.hidden', this.hidden);\n  }\n\n  ngAfterViewInit(): void {\n    this.cd.detectChanges();\n    this.route.fragment.subscribe(fragment => {\n      const el = document.getElementById(fragment!);\n      if (el) {\n        el.scrollIntoView({ behavior: 'smooth' });\n      }\n    });\n  }\n}\n","/*\n * Public API Surface of mat-summary-stepper\n */\n\nexport * from './src/onemrva-mat-table-of-content.component';\nexport * from './src/onemrva-mat-table-of-content.directive';\nexport * from './src/onemrva-mat-table-of-content.service';\nexport * from './src/onemrva-mat-toc-anchor.model';\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-task-list.mjs

@@ -1,26 +1,26 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewChild, Input, ViewEncapsulation, Component, ContentChild, HostBinding, ContentChildren, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import { NgClass, NgTemplateOutlet, NgIf } from '@angular/common';
+import { inject, ChangeDetectorRef, TemplateRef, ViewChild, Input, ViewEncapsulation, Component, ElementRef, ContentChild, HostBinding, ContentChildren, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { NgClass, NgTemplateOutlet } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import { MatCheckbox } from '@angular/material/checkbox';
 import { MatIcon } from '@angular/material/icon';
 
 class OnemrvaMatTaskTitleComponent {
-    constructor(cd) {
-        this.cd = cd;
+    constructor() {
         this.customNgClass = ['onemrva-mat-task-title'];
+        this.cd = inject(ChangeDetectorRef);
     }
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTaskTitleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatTaskTitleComponent, isStandalone: true, selector: "onemrva-mat-task-title", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-task-title{font:var(--mat-sys-headline-small);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-title.disabled{color:var(--mat-sys-outline-variant)}.onemrva-mat-task-title.mat-primary,.onemrva-mat-task-title.mat-secondary,.onemrva-mat-task-title.mat-tertiary,.onemrva-mat-task-title.mat-success,.onemrva-mat-task-title.mat-info,.onemrva-mat-task-title.mat-error,.onemrva-mat-task-title.mat-warn{color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTaskTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatTaskTitleComponent, isStandalone: true, selector: "onemrva-mat-task-title", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-task-title{font:var(--mat-sys-headline-small);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-title.disabled{color:var(--mat-sys-outline-variant)}.onemrva-mat-task-title.mat-primary,.onemrva-mat-task-title.mat-secondary,.onemrva-mat-task-title.mat-tertiary,.onemrva-mat-task-title.mat-success,.onemrva-mat-task-title.mat-info,.onemrva-mat-task-title.mat-error,.onemrva-mat-task-title.mat-warn{color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTaskTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTaskTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-task-title', standalone: true, imports: [NgClass], encapsulation: ViewEncapsulation.Emulated, template: "<ng-template>\n  <div [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-task-title{font:var(--mat-sys-headline-small);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-title.disabled{color:var(--mat-sys-outline-variant)}.onemrva-mat-task-title.mat-primary,.onemrva-mat-task-title.mat-secondary,.onemrva-mat-task-title.mat-tertiary,.onemrva-mat-task-title.mat-success,.onemrva-mat-task-title.mat-info,.onemrva-mat-task-title.mat-error,.onemrva-mat-task-title.mat-warn{color:var(--mat-sys-primary)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { customNgClass: [{
+        }], propDecorators: { customNgClass: [{
                 type: Input
             }], template: [{
                 type: ViewChild,
@@ -31,10 +31,10 @@ class OnemrvaMatTaskContentComponent {
     constructor() {
         this.customNgClass = ['onemrva-mat-task-content'];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTaskContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatTaskContentComponent, isStandalone: true, selector: "onemrva-mat-task-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-task-content{margin-top:var(--double-spacer);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-content p:last-child{margin:0}.onemrva-mat-task-content.disabled{color:var(--mat-sys-outline-variant)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTaskContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatTaskContentComponent, isStandalone: true, selector: "onemrva-mat-task-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n  <div [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-task-content{margin-top:var(--double-spacer);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-content p:last-child{margin:0}.onemrva-mat-task-content.disabled{color:var(--mat-sys-outline-variant)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTaskContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTaskContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-task-content', standalone: true, imports: [NgClass], template: "<ng-template>\n  <div [ngClass]=\"customNgClass\">\n    <ng-content></ng-content>\n  </div>\n</ng-template>\n", styles: [".onemrva-mat-task-content{margin-top:var(--double-spacer);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-content p:last-child{margin:0}.onemrva-mat-task-content.disabled{color:var(--mat-sys-outline-variant)}\n"] }]
         }], propDecorators: { customNgClass: [{
@@ -45,19 +45,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class OnemrvaMatTaskComponent {
-    get showAriaDisabled() {
-        return this.disabled;
-    }
-    constructor(cd, elRef) {
-        this.cd = cd;
-        this.elRef = elRef;
+    constructor() {
         this.arialLabel = 'select';
         /** @hidden @internal */
         this.disabled = false;
+        this.cd = inject(ChangeDetectorRef);
+        this.elRef = inject((ElementRef));
+    }
+    get showAriaDisabled() {
+        return this.disabled;
     }
     ngAfterViewInit() {
         this.hostClass = Array.from(this.elRef.nativeElement.classList)
-            .filter(c => c.startsWith('mat-'))
+            .filter((c) => typeof c === 'string' && c.startsWith('mat-'))
             .join(' ');
         if (this.title) {
             this.title.customNgClass.push(this.hostClass);
@@ -73,13 +73,13 @@ class OnemrvaMatTaskComponent {
         }
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTaskComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatTaskComponent, isStandalone: true, selector: "onemrva-mat-task", inputs: { customNgClass: "customNgClass", icon: "icon", form: "form", bubble: "bubble", arialLabel: "arialLabel", disabled: "disabled" }, host: { properties: { "class.disabled": "this.disabled", "attr.aria-disabled": "this.showAriaDisabled" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatTaskTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatTaskContentComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-mat-task-icon\">\n  <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\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: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;align-items:center;position:relative;margin-bottom:var(--doube-spacer)}:host[class*=mat-]{background:var(--mat-sys-primary-container);border:none}:host .onemrva-mat-task-icon{position:absolute;float:left;width:3rem;text-align:center;top:50%;transform:translateY(-50%)}:host .onemrva-mat-task-icon .mat-checkbox .mat-checkbox-ripple{left:calc(50% - 10px);top:calc(50% - 10px);height:1.25rem;width:1.25rem}:host .onemrva-mat-task-icon span.bubble{display:block;text-align:center;color:var(--mat-sys-on-primary);font-size:1.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border:2px solid var(--mat-sys-on-primary);background:var(--mat-sys-primary);border-radius:50%;outline:1px solid var(--mat-sys-primary)}:host .onemrva-mat-task-icon span.bubble mat-icon{font-size:24px;margin-top:8px;line-height:24px}:host.disabled .onemrva-mat-task-icon mat-icon{color:var(--mat-sys-on-primary)}:host.disabled .onemrva-mat-task-icon span{color:var(--mat-sys-on-primary);background:var(--mat-sys-outline);outline:1px solid var(--mat-sys-outline)}:host.disabled .onemrva-mat-task-icon span mat-icon{color:var(--mat-sys-outline)}\n"], dependencies: [{ kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: OnemrvaMatTaskComponent, isStandalone: true, selector: "onemrva-mat-task", inputs: { customNgClass: "customNgClass", icon: "icon", form: "form", bubble: "bubble", arialLabel: "arialLabel", disabled: "disabled" }, host: { properties: { "class.disabled": "this.disabled", "attr.aria-disabled": "this.showAriaDisabled" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatTaskTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatTaskContentComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-mat-task-icon\">\n  @if (icon !== undefined) {\n    <span class=\"bubble\"\n      ><mat-icon>{{ icon }}</mat-icon></span\n    >\n  }\n  @if (form !== undefined) {\n    <mat-checkbox\n      [disabled]=\"true\"\n      [formControl]=\"form\"\n      [aria-label]=\"arialLabel\"\n    ></mat-checkbox>\n  }\n  @if (bubble !== undefined) {\n    <span class=\"bubble\">{{ bubble }}</span>\n  }\n</div>\n\n@if (title?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n@if (content?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;align-items:center;position:relative;margin-bottom:var(--doube-spacer)}:host[class*=mat-]{background:var(--mat-sys-primary-container);border:none}:host .onemrva-mat-task-icon{position:absolute;float:left;width:3rem;text-align:center;top:50%;transform:translateY(-50%)}:host .onemrva-mat-task-icon .mat-checkbox .mat-checkbox-ripple{left:calc(50% - 10px);top:calc(50% - 10px);height:1.25rem;width:1.25rem}:host .onemrva-mat-task-icon span.bubble{display:block;text-align:center;color:var(--mat-sys-on-primary);font-size:1.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border:2px solid var(--mat-sys-on-primary);background:var(--mat-sys-primary);border-radius:50%;outline:1px solid var(--mat-sys-primary)}:host .onemrva-mat-task-icon span.bubble mat-icon{font-size:24px;margin-top:8px;line-height:24px}:host.disabled .onemrva-mat-task-icon mat-icon{color:var(--mat-sys-on-primary)}:host.disabled .onemrva-mat-task-icon span{color:var(--mat-sys-on-primary);background:var(--mat-sys-outline);outline:1px solid var(--mat-sys-outline)}:host.disabled .onemrva-mat-task-icon span mat-icon{color:var(--mat-sys-outline)}\n"], dependencies: [{ kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTaskComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTaskComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'onemrva-mat-task', standalone: true, imports: [MatCheckbox, MatIcon, ReactiveFormsModule, NgTemplateOutlet, NgIf], encapsulation: ViewEncapsulation.Emulated, 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\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: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;align-items:center;position:relative;margin-bottom:var(--doube-spacer)}:host[class*=mat-]{background:var(--mat-sys-primary-container);border:none}:host .onemrva-mat-task-icon{position:absolute;float:left;width:3rem;text-align:center;top:50%;transform:translateY(-50%)}:host .onemrva-mat-task-icon .mat-checkbox .mat-checkbox-ripple{left:calc(50% - 10px);top:calc(50% - 10px);height:1.25rem;width:1.25rem}:host .onemrva-mat-task-icon span.bubble{display:block;text-align:center;color:var(--mat-sys-on-primary);font-size:1.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border:2px solid var(--mat-sys-on-primary);background:var(--mat-sys-primary);border-radius:50%;outline:1px solid var(--mat-sys-primary)}:host .onemrva-mat-task-icon span.bubble mat-icon{font-size:24px;margin-top:8px;line-height:24px}:host.disabled .onemrva-mat-task-icon mat-icon{color:var(--mat-sys-on-primary)}:host.disabled .onemrva-mat-task-icon span{color:var(--mat-sys-on-primary);background:var(--mat-sys-outline);outline:1px solid var(--mat-sys-outline)}:host.disabled .onemrva-mat-task-icon span mat-icon{color:var(--mat-sys-outline)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { customNgClass: [{
+            args: [{ selector: 'onemrva-mat-task', standalone: true, imports: [MatCheckbox, MatIcon, ReactiveFormsModule, NgTemplateOutlet], encapsulation: ViewEncapsulation.Emulated, template: "<div class=\"onemrva-mat-task-icon\">\n  @if (icon !== undefined) {\n    <span class=\"bubble\"\n      ><mat-icon>{{ icon }}</mat-icon></span\n    >\n  }\n  @if (form !== undefined) {\n    <mat-checkbox\n      [disabled]=\"true\"\n      [formControl]=\"form\"\n      [aria-label]=\"arialLabel\"\n    ></mat-checkbox>\n  }\n  @if (bubble !== undefined) {\n    <span class=\"bubble\">{{ bubble }}</span>\n  }\n</div>\n\n@if (title?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n@if (content?.template; as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n}\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;align-items:center;position:relative;margin-bottom:var(--doube-spacer)}:host[class*=mat-]{background:var(--mat-sys-primary-container);border:none}:host .onemrva-mat-task-icon{position:absolute;float:left;width:3rem;text-align:center;top:50%;transform:translateY(-50%)}:host .onemrva-mat-task-icon .mat-checkbox .mat-checkbox-ripple{left:calc(50% - 10px);top:calc(50% - 10px);height:1.25rem;width:1.25rem}:host .onemrva-mat-task-icon span.bubble{display:block;text-align:center;color:var(--mat-sys-on-primary);font-size:1.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border:2px solid var(--mat-sys-on-primary);background:var(--mat-sys-primary);border-radius:50%;outline:1px solid var(--mat-sys-primary)}:host .onemrva-mat-task-icon span.bubble mat-icon{font-size:24px;margin-top:8px;line-height:24px}:host.disabled .onemrva-mat-task-icon mat-icon{color:var(--mat-sys-on-primary)}:host.disabled .onemrva-mat-task-icon span{color:var(--mat-sys-on-primary);background:var(--mat-sys-outline);outline:1px solid var(--mat-sys-outline)}:host.disabled .onemrva-mat-task-icon span mat-icon{color:var(--mat-sys-outline)}\n"] }]
+        }], propDecorators: { customNgClass: [{
                 type: Input
             }], icon: [{
                 type: Input
@@ -110,21 +110,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
 
 let NEXT_ID = 0;
 class OnemrvaMatTaskListComponent {
-    constructor(cd) {
-        this.cd = cd;
+    constructor() {
         this.id = `onemrva-mat-task-list-${NEXT_ID++}`;
         this.data_cy = 'onemrva-mat-task-list';
+        this.cd = inject(ChangeDetectorRef);
     }
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTaskListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: OnemrvaMatTaskListComponent, isStandalone: true, selector: "onemrva-mat-task-list", inputs: { id: "id", data_cy: "data_cy" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy" } }, queries: [{ propertyName: "_tasks", predicate: OnemrvaMatTaskComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: OnemrvaMatTaskListComponent, isStandalone: true, selector: "onemrva-mat-task-list", inputs: { id: "id", data_cy: "data_cy" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy" } }, queries: [{ propertyName: "_tasks", predicate: OnemrvaMatTaskComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTaskListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTaskListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-task-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { id: [{
+        }], propDecorators: { id: [{
                 type: HostBinding,
                 args: ['attr.id']
             }, {
@@ -142,14 +142,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class OnemrvaMatTaskListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTaskListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskListComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTaskListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskListComponent,
             OnemrvaMatTaskTitleComponent,
             OnemrvaMatTaskContentComponent,
             OnemrvaMatTaskComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: OnemrvaMatTaskListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: OnemrvaMatTaskListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [