@onemrvapublic/design-system 22.0.0-develop.2 → 22.0.0-develop.21

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

@@ -1,38 +1,10 @@
 import { CdkStepper } from '@angular/cdk/stepper';
 import * as i0 from '@angular/core';
 import { Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { trigger, state, style, transition, animate } from '@angular/animations';
 import { MatStepper, MatStepHeader, MatStepperModule } from '@angular/material/stepper';
 import { Subject, takeUntil } from 'rxjs';
 import { NgTemplateOutlet } from '@angular/common';
 
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-const DEFAULT_VERTICAL_ANIMATION_DURATION = '225ms';
-/**
- * Animations used by the Material steppers.
- * @docs-private
- */
-const onemrvaMatStepperAnimations = {
-    /** Animation that transitions the step along the Y axis in a vertical summary-stepper. */
-    verticalStepTransition: trigger('verticalStepTransition', [
-        state('previous', style({ height: '*', visibility: 'inherit' })),
-        state('next', style({ height: '0px', visibility: 'hidden' })),
-        // Transition to `inherit`, rather than `visible`,
-        // because visibility on a child element the one from the parent,
-        // making this element focusable inside of a `hidden` element.
-        state('current', style({ height: '*', visibility: 'inherit' })),
-        transition('* <=> current', animate('{{animationDuration}} cubic-bezier(0.4, 0.0, 0.2, 1)'), {
-            params: { animationDuration: DEFAULT_VERTICAL_ANIMATION_DURATION },
-        }),
-    ]),
-};
-
 class OnemrvaMatStepperComponent extends MatStepper {
     /** Orientation of the summary-stepper. */
     get orientation() {
@@ -88,34 +60,35 @@ class OnemrvaMatStepperComponent extends MatStepper {
         }
         return 'number';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaMatStepperComponent, isStandalone: true, selector: "onemrva-mat-stepper, onemrva-mat-vertical-stepper, [onemrvaMatStepper]", inputs: { selectedIndex: "selectedIndex", orientation: "orientation" }, host: { attributes: { "class.mat-stepper-vertical": "true" }, properties: { "attr.aria-orientation": "\"vertical\"", "attr.role": "\"tablist\"" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaMatStepperComponent, isStandalone: true, selector: "onemrva-mat-stepper, onemrva-mat-vertical-stepper, [onemrvaMatStepper]", inputs: { selectedIndex: "selectedIndex", orientation: "orientation" }, host: { attributes: { "class.mat-stepper-vertical": "true", "class.mat-stepper-animations-enabled": "true" }, properties: { "attr.aria-orientation": "\"vertical\"", "attr.role": "\"tablist\"" } }, providers: [
             { provide: MatStepper, useExisting: OnemrvaMatStepperComponent },
             { provide: CdkStepper, useExisting: MatStepper },
-        ], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<!-- Vertical summary-stepper -->\n<ng-container>\n  @for (step of steps; track step; let stepidx = $index; let isLast = $last) {\n  <div class=\"mat-step\">\n    <ng-container\n      [ngTemplateOutlet]=\"stepTemplate\"\n      [ngTemplateOutletContext]=\"{step: step, i: stepidx}\"\n    />\n    <div\n      class=\"mat-vertical-content-container\"\n      [class.mat-stepper-vertical-line]=\"!isLast\"\n    >\n      <div\n        class=\"mat-vertical-stepper-content\"\n        role=\"tabpanel\"\n        [@verticalStepTransition]=\"{\n                'value': _getAnimationDirection(stepidx),\n                'params': {'animationDuration': _getAnimationDuration()}\n              }\"\n        (@verticalStepTransition.done)=\"_animationDone.next($event)\"\n        [id]=\"_getStepContentId(stepidx)\"\n        [attr.aria-labelledby]=\"_getStepLabelId(stepidx)\"\n        [attr.aria-expanded]=\"selectedIndex === stepidx\"\n      >\n        <div class=\"mat-vertical-content\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\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    [attr.aria-label]=\"step.ariaLabel || null\"\n    [attr.aria-current]=\"selectedIndex === i ? 'step' : null\"\n    role=\"tab\"\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-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  />\n</ng-template>\n", styles: [":host.mat-stepper-animations-enabled .mat-vertical-content-container{transition:grid-template-rows var(--mat-stepper-animation-duration, 0) cubic-bezier(.4,0,.2,1)}:host .mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;display:flex;align-items:center;height:24px;padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px;background-color:var(--mat-sys-surface-container-lowest);z-index:10}:host .mat-vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}:host .mat-vertical-content-container .mat-vertical-content{margin:var(--spacer);padding:0 1.5rem 1.5rem}:host .mat-vertical-content-container.mat-stepper-vertical-line:before{content:\"\";position:absolute;border-left-width:1px;border-left-style:solid;border-left-color:var(--mat-sys-outline-variant);top:calc(8px - (var(--mat-stepper-header-height, 72px) - 24px) / 2);bottom:calc(8px - (var(--mat-stepper-header-height, 72px) - 24px) / 2);--mat-stepper-header-height: 3rem;left:var(--spacer)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatStepHeader, selector: "mat-step-header", inputs: ["state", "label", "errorMessage", "iconOverrides", "index", "selected", "active", "optional", "disableRipple", "color"] }], animations: [onemrvaMatStepperAnimations.verticalStepTransition], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<!-- Vertical summary-stepper -->\n<ng-container>\n  @for (step of steps; track step; let stepidx = $index; let isLast = $last) {\n  <div class=\"mat-step\">\n    <ng-container\n      [ngTemplateOutlet]=\"stepTemplate\"\n      [ngTemplateOutletContext]=\"{step: step, i: stepidx}\"\n    />\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        [style.grid-template-rows]=\"selectedIndex === stepidx ? '1fr' : '0fr'\"\n        [id]=\"_getStepContentId(stepidx)\"\n        [attr.aria-labelledby]=\"_getStepLabelId(stepidx)\"\n        [attr.aria-expanded]=\"selectedIndex === stepidx\"\n      >\n        <div class=\"mat-vertical-content\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\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    [attr.aria-label]=\"step.ariaLabel || null\"\n    [attr.aria-current]=\"selectedIndex === i ? 'step' : null\"\n    role=\"tab\"\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-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  />\n</ng-template>\n", styles: [":host.mat-stepper-animations-enabled .mat-vertical-content-container{transition:grid-template-rows var(--mat-stepper-animation-duration, 0) cubic-bezier(.4,0,.2,1)}:host .mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;display:flex;align-items:center;height:24px;padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px;background-color:var(--mat-sys-surface-container-lowest);z-index:10}:host .mat-vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}:host .mat-vertical-content-container .mat-vertical-content{margin:var(--spacer);padding:0 1.5rem 1.5rem}:host .mat-vertical-content-container.mat-stepper-vertical-line:before{content:\"\";position:absolute;border-left-width:1px;border-left-style:solid;border-left-color:var(--mat-sys-outline-variant);top:calc(8px - (var(--mat-stepper-header-height, 72px) - 24px) / 2);bottom:calc(8px - (var(--mat-stepper-header-height, 72px) - 24px) / 2);--mat-stepper-header-height: 3rem;left:var(--spacer)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatStepHeader, selector: "mat-step-header", inputs: ["state", "label", "errorMessage", "iconOverrides", "index", "selected", "active", "optional", "disableRipple", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatStepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStepperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-stepper, ' +
                         'onemrva-mat-vertical-stepper, ' +
-                        '[onemrvaMatStepper]', exportAs: 'matStepper, ' + 'matVerticalStepper, ' + 'matHorizontalStepper', inputs: ['selectedIndex'], animations: [onemrvaMatStepperAnimations.verticalStepTransition], providers: [
+                        '[onemrvaMatStepper]', exportAs: 'matStepper, ' + 'matVerticalStepper, ' + 'matHorizontalStepper', inputs: ['selectedIndex'], providers: [
                         { provide: MatStepper, useExisting: OnemrvaMatStepperComponent },
                         { provide: CdkStepper, useExisting: MatStepper },
                     ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, standalone: true, imports: [NgTemplateOutlet, MatStepHeader], host: {
                         'class.mat-stepper-vertical': 'true',
+                        'class.mat-stepper-animations-enabled': 'true',
                         '[attr.aria-orientation]': '"vertical"',
                         '[attr.role]': '"tablist"',
-                    }, template: "<!-- Vertical summary-stepper -->\n<ng-container>\n  @for (step of steps; track step; let stepidx = $index; let isLast = $last) {\n  <div class=\"mat-step\">\n    <ng-container\n      [ngTemplateOutlet]=\"stepTemplate\"\n      [ngTemplateOutletContext]=\"{step: step, i: stepidx}\"\n    />\n    <div\n      class=\"mat-vertical-content-container\"\n      [class.mat-stepper-vertical-line]=\"!isLast\"\n    >\n      <div\n        class=\"mat-vertical-stepper-content\"\n        role=\"tabpanel\"\n        [@verticalStepTransition]=\"{\n                'value': _getAnimationDirection(stepidx),\n                'params': {'animationDuration': _getAnimationDuration()}\n              }\"\n        (@verticalStepTransition.done)=\"_animationDone.next($event)\"\n        [id]=\"_getStepContentId(stepidx)\"\n        [attr.aria-labelledby]=\"_getStepLabelId(stepidx)\"\n        [attr.aria-expanded]=\"selectedIndex === stepidx\"\n      >\n        <div class=\"mat-vertical-content\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\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    [attr.aria-label]=\"step.ariaLabel || null\"\n    [attr.aria-current]=\"selectedIndex === i ? 'step' : null\"\n    role=\"tab\"\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-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  />\n</ng-template>\n", styles: [":host.mat-stepper-animations-enabled .mat-vertical-content-container{transition:grid-template-rows var(--mat-stepper-animation-duration, 0) cubic-bezier(.4,0,.2,1)}:host .mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;display:flex;align-items:center;height:24px;padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px;background-color:var(--mat-sys-surface-container-lowest);z-index:10}:host .mat-vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}:host .mat-vertical-content-container .mat-vertical-content{margin:var(--spacer);padding:0 1.5rem 1.5rem}:host .mat-vertical-content-container.mat-stepper-vertical-line:before{content:\"\";position:absolute;border-left-width:1px;border-left-style:solid;border-left-color:var(--mat-sys-outline-variant);top:calc(8px - (var(--mat-stepper-header-height, 72px) - 24px) / 2);bottom:calc(8px - (var(--mat-stepper-header-height, 72px) - 24px) / 2);--mat-stepper-header-height: 3rem;left:var(--spacer)}\n"] }]
+                    }, template: "<!-- Vertical summary-stepper -->\n<ng-container>\n  @for (step of steps; track step; let stepidx = $index; let isLast = $last) {\n  <div class=\"mat-step\">\n    <ng-container\n      [ngTemplateOutlet]=\"stepTemplate\"\n      [ngTemplateOutletContext]=\"{step: step, i: stepidx}\"\n    />\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        [style.grid-template-rows]=\"selectedIndex === stepidx ? '1fr' : '0fr'\"\n        [id]=\"_getStepContentId(stepidx)\"\n        [attr.aria-labelledby]=\"_getStepLabelId(stepidx)\"\n        [attr.aria-expanded]=\"selectedIndex === stepidx\"\n      >\n        <div class=\"mat-vertical-content\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\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    [attr.aria-label]=\"step.ariaLabel || null\"\n    [attr.aria-current]=\"selectedIndex === i ? 'step' : null\"\n    role=\"tab\"\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-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  />\n</ng-template>\n", styles: [":host.mat-stepper-animations-enabled .mat-vertical-content-container{transition:grid-template-rows var(--mat-stepper-animation-duration, 0) cubic-bezier(.4,0,.2,1)}:host .mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;display:flex;align-items:center;height:24px;padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px;background-color:var(--mat-sys-surface-container-lowest);z-index:10}:host .mat-vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}:host .mat-vertical-content-container .mat-vertical-content{margin:var(--spacer);padding:0 1.5rem 1.5rem}:host .mat-vertical-content-container.mat-stepper-vertical-line:before{content:\"\";position:absolute;border-left-width:1px;border-left-style:solid;border-left-color:var(--mat-sys-outline-variant);top:calc(8px - (var(--mat-stepper-header-height, 72px) - 24px) / 2);bottom:calc(8px - (var(--mat-stepper-header-height, 72px) - 24px) / 2);--mat-stepper-header-height: 3rem;left:var(--spacer)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { orientation: [{
                 type: Input
             }] } });
 
 class OnemrvaMatStepperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent], exports: [MatStepperModule, OnemrvaMatStepperComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent, MatStepperModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent], exports: [MatStepperModule, OnemrvaMatStepperComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent, MatStepperModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatStepperModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStepperModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [OnemrvaMatStepperComponent],

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 { CdkStepper, StepperOrientation } from '@angular/cdk/stepper';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  OnDestroy,\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 { 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  host: {\n    'class.mat-stepper-vertical': 'true',\n    '[attr.aria-orientation]': '\"vertical\"',\n    '[attr.role]': '\"tablist\"',\n  },\n})\nexport class OnemrvaMatStepperComponent\n  extends MatStepper\n  implements AfterContentInit, OnDestroy\n{\n  destroyNotifier$: Subject<void> = new Subject<void>();\n\n  matStepperVertical = true;\n  ariaOrientation = 'vertical';\n  role = 'tablist';\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  _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    super();\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 stepidx = $index; let isLast = $last) {\n  <div class=\"mat-step\">\n    <ng-container\n      [ngTemplateOutlet]=\"stepTemplate\"\n      [ngTemplateOutletContext]=\"{step: step, i: stepidx}\"\n    />\n    <div\n      class=\"mat-vertical-content-container\"\n      [class.mat-stepper-vertical-line]=\"!isLast\"\n    >\n      <div\n        class=\"mat-vertical-stepper-content\"\n        role=\"tabpanel\"\n        [@verticalStepTransition]=\"{\n                'value': _getAnimationDirection(stepidx),\n                'params': {'animationDuration': _getAnimationDuration()}\n              }\"\n        (@verticalStepTransition.done)=\"_animationDone.next($event)\"\n        [id]=\"_getStepContentId(stepidx)\"\n        [attr.aria-labelledby]=\"_getStepLabelId(stepidx)\"\n        [attr.aria-expanded]=\"selectedIndex === stepidx\"\n      >\n        <div class=\"mat-vertical-content\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\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    [attr.aria-label]=\"step.ariaLabel || null\"\n    [attr.aria-current]=\"selectedIndex === i ? 'step' : null\"\n    role=\"tab\"\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-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  />\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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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-stepper.mjs","sources":["../../../../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":["import { CdkStepper, StepperOrientation } from '@angular/cdk/stepper';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  Input,\n  OnDestroy,\n  ViewEncapsulation,\n} from '@angular/core';\n\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  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  host: {\n    'class.mat-stepper-vertical': 'true',\n    'class.mat-stepper-animations-enabled': 'true',\n    '[attr.aria-orientation]': '\"vertical\"',\n    '[attr.role]': '\"tablist\"',\n  },\n})\nexport class OnemrvaMatStepperComponent\n  extends MatStepper\n  implements AfterContentInit, OnDestroy\n{\n  destroyNotifier$: Subject<void> = new Subject<void>();\n\n  matStepperVertical = true;\n  ariaOrientation = 'vertical';\n  role = 'tablist';\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  _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    super();\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 stepidx = $index; let isLast = $last) {\n  <div class=\"mat-step\">\n    <ng-container\n      [ngTemplateOutlet]=\"stepTemplate\"\n      [ngTemplateOutletContext]=\"{step: step, i: stepidx}\"\n    />\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        [style.grid-template-rows]=\"selectedIndex === stepidx ? '1fr' : '0fr'\"\n        [id]=\"_getStepContentId(stepidx)\"\n        [attr.aria-labelledby]=\"_getStepLabelId(stepidx)\"\n        [attr.aria-expanded]=\"selectedIndex === stepidx\"\n      >\n        <div class=\"mat-vertical-content\">\n          <ng-container [ngTemplateOutlet]=\"step.content\" />\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    [attr.aria-label]=\"step.ariaLabel || null\"\n    [attr.aria-current]=\"selectedIndex === i ? 'step' : null\"\n    role=\"tab\"\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-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  />\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: "22.0.1", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: OnemrvaMatStickerComponent, isStandalone: true, selector: "onemrva-mat-sticker", ngImport: i0, template: ` <ng-content />`, isInline: true, styles: [":host{--sticker-border-width: 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;flex-shrink:0;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:var(--quarter-spacer) var(--spacer);font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;padding:calc(var(--quarter-spacer) + var(--sticker-border-width)) calc(var(--spacer) + var(--sticker-border-width));color:var(--on-background-gradient)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: OnemrvaMatStickerComponent, isStandalone: true, selector: "onemrva-mat-sticker", ngImport: i0, template: ` <ng-content />`, isInline: true, styles: [":host{--sticker-border-width: 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;flex-shrink:0;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:var(--quarter-spacer) var(--spacer);font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;padding:calc(var(--quarter-spacer) + var(--sticker-border-width)) calc(var(--spacer) + var(--sticker-border-width));color:var(--on-background-gradient)}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-sticker', template: ` <ng-content />`, imports: [], standalone: true, encapsulation: ViewEncapsulation.Emulated, styles: [":host{--sticker-border-width: 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;flex-shrink:0;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:var(--quarter-spacer) var(--spacer);font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;padding:calc(var(--quarter-spacer) + var(--sticker-border-width)) calc(var(--spacer) + var(--sticker-border-width));color:var(--on-background-gradient)}\n"] }]
         }] });
 
 class OnemrvaMatStickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatStickerModule, imports: [OnemrvaMatStickerComponent], exports: [OnemrvaMatStickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatStickerModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule, imports: [OnemrvaMatStickerComponent], exports: [OnemrvaMatStickerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatStickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

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

@@ -2,8 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, input, signal, computed, inject, ViewEncapsulation, Component, ChangeDetectorRef, Directive } from '@angular/core';
 import * as i1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
-import * as i3 from '@ngx-translate/core';
-import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
 import { BehaviorSubject, Subject, takeUntil, map, tap } from 'rxjs';
 import { Location, AsyncPipe } from '@angular/common';
 import * as i2 from '@angular/material/icon';
@@ -56,10 +55,10 @@ class OnemrvaMatTableOfContentService {
         this._toc = {};
         this._toc$.next(this._toc);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTableOfContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTableOfContentService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTableOfContentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentService, decorators: [{
             type: Injectable
         }] });
 
@@ -142,14 +141,14 @@ class OnemrvaMatTableOfContentComponent {
         this.observer?.disconnect();
         this.tocService.resetToc();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaMatTableOfContentComponent, isStandalone: true, selector: "onemrva-mat-table-of-content", inputs: { titleKeyIn: { classPropertyName: "titleKeyIn", publicName: "titleKeyIn", isSignal: true, isRequired: false, transformFunction: null }, tocName: { classPropertyName: "tocName", publicName: "tocName", isSignal: true, isRequired: true, transformFunction: null }, tableOfContentName: { classPropertyName: "tableOfContentName", publicName: "tableOfContentName", isSignal: true, isRequired: false, transformFunction: null }, scrollShift: { classPropertyName: "scrollShift", publicName: "scrollShift", isSignal: true, isRequired: false, transformFunction: null }, dataCy: { classPropertyName: "dataCy", publicName: "dataCy", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-cy": "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        [class]=\"{\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{--mat-list-list-item-focus-state-layer-color: transparant;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-on-tertiary-fixed-variant);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-on-tertiary-fixed-variant)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.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", "browserUrl", "routerLink"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaMatTableOfContentComponent, isStandalone: true, selector: "onemrva-mat-table-of-content", inputs: { titleKeyIn: { classPropertyName: "titleKeyIn", publicName: "titleKeyIn", isSignal: true, isRequired: false, transformFunction: null }, tocName: { classPropertyName: "tocName", publicName: "tocName", isSignal: true, isRequired: true, transformFunction: null }, tableOfContentName: { classPropertyName: "tableOfContentName", publicName: "tableOfContentName", isSignal: true, isRequired: false, transformFunction: null }, scrollShift: { classPropertyName: "scrollShift", publicName: "scrollShift", isSignal: true, isRequired: false, transformFunction: null }, dataCy: { classPropertyName: "dataCy", publicName: "dataCy", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-cy": "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        [class]=\"{\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{--mat-list-list-item-focus-state-layer-color: transparant;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-on-tertiary-fixed-variant);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-on-tertiary-fixed-variant)}\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: MatIconModule }, { kind: "component", type: i2.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", "browserUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTableOfContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-table-of-content', standalone: true, imports: [
                         MatListModule,
-                        TranslateModule,
+                        TranslatePipe,
                         MatIconModule,
                         RouterLink,
                         AsyncPipe,
@@ -202,10 +201,10 @@ class OnemrvaMatTableOfContentDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTableOfContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.1", type: OnemrvaMatTableOfContentDirective, isStandalone: true, selector: "[onemrvaMatToc]", inputs: { onemrvaMatToc: { classPropertyName: "onemrvaMatToc", publicName: "onemrvaMatToc", isSignal: true, isRequired: true, transformFunction: null }, hiddenInToc: { classPropertyName: "hiddenInToc", publicName: "hiddenInToc", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "role()", "attr.class": "clazz()", "attr.id": "id()", "attr.aria-label": "_ariaLabel()", "attr.rvaonem-toc-anchor": "_ariaToc()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: OnemrvaMatTableOfContentDirective, isStandalone: true, selector: "[onemrvaMatToc]", inputs: { onemrvaMatToc: { classPropertyName: "onemrvaMatToc", publicName: "onemrvaMatToc", isSignal: true, isRequired: true, transformFunction: null }, hiddenInToc: { classPropertyName: "hiddenInToc", publicName: "hiddenInToc", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "role()", "attr.class": "clazz()", "attr.id": "id()", "attr.aria-label": "_ariaLabel()", "attr.rvaonem-toc-anchor": "_ariaToc()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTableOfContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[onemrvaMatToc]',

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  inject,\n  OnDestroy,\n  OnInit,\n  ViewEncapsulation,\n  input,\n  signal,\n  computed,\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 { Location, AsyncPipe } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { ActivatedRoute, Router, RouterLink } from '@angular/router';\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    MatIconModule,\n    RouterLink,\n    AsyncPipe,\n  ],\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    '[attr.data-cy]': 'dataCy()',\n  },\n})\nexport class OnemrvaMatTableOfContentComponent\n  implements OnInit, OnDestroy, AfterViewInit\n{\n  // Inputs (immutable)\n  readonly titleKeyIn = input<string>();\n  readonly tocName = input.required<string>();\n  readonly tableOfContentName = input<string>();\n  readonly scrollShift = input(0);\n\n  readonly dataCy = input('onemrva-mat-toc');\n\n  // Internal override for titleKey\n  private readonly _titleKeyOverride = signal<string | null>(null);\n\n  // What the template should use\n  readonly titleKey = computed(\n    () => this._titleKeyOverride() ?? this.titleKeyIn(),\n  );\n\n  toc$!: Observable<OnemrvaMatTocAnchor[]>;\n  activePath = '';\n\n  private readonly destroy$ = new Subject<void>();\n\n  level = OnemrvaMatTocAnchorLevel;\n  status = OnemrvaMatTocAnchorStatus;\n\n  private readonly location = inject(Location);\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly tocService = inject(OnemrvaMatTableOfContentService);\n\n  private observer!: IntersectionObserver;\n  private timeoutId: ReturnType<typeof setTimeout> | null = null;\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 =\n          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._titleKeyOverride.set('tocName.notFound');\n        } else {\n          this._titleKeyOverride.set(null);\n          this.activePath = toc[0].path;\n        }\n      }),\n    );\n  }\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        for (const entry of entries) {\n          if (!entry.isIntersecting) continue;\n\n          const id = entry.target.getAttribute('id');\n          if (!id) continue;\n\n          if (this.timeoutId !== null) clearTimeout(this.timeoutId);\n\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      { root: null, threshold: 0, rootMargin: '-92px 0px -75% 0px' },\n    );\n\n    elements.forEach(el => this.observer.observe(el));\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n\n    if (this.timeoutId !== null) {\n      clearTimeout(this.timeoutId);\n      this.timeoutId = null;\n    }\n\n    this.observer?.disconnect();\n    this.tocService.resetToc();\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        [class]=\"{\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  AfterViewInit,\n  ChangeDetectorRef,\n  inject,\n  input,\n  computed,\n  signal,\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  host: {\n    '[attr.role]': 'role()',\n    '[attr.class]': 'clazz()',\n    '[attr.id]': 'id()',\n    '[attr.aria-label]': '_ariaLabel()',\n    '[attr.rvaonem-toc-anchor]': '_ariaToc()',\n  },\n})\nexport class OnemrvaMatTableOfContentDirective\n  implements OnInit, AfterViewInit\n{\n  readonly onemrvaMatToc = input.required<OnemrvaMatTocAnchor>();\n\n  readonly role = signal('');\n  readonly clazz = signal('onemrva-mat-toc-anchor');\n  readonly id = signal('');\n\n  readonly _ariaLabel = computed(() =>\n    this.translateService.instant(this.onemrvaMatToc()?.titleKey),\n  );\n\n  readonly hiddenInToc = input(false);\n\n  readonly _ariaToc = computed(() => {\n    const onemrvaMatToc = this.onemrvaMatToc();\n    if (onemrvaMatToc && onemrvaMatToc.path && onemrvaMatToc.path[0] !== '#')\n      return '#' + onemrvaMatToc?.path;\n    return 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    const onemrvaMatToc = this.onemrvaMatToc();\n    this.tocService.addAnchor({ ...onemrvaMatToc, directive: this });\n\n    this.id.set(onemrvaMatToc.path.slice(1, 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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"}
+{"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  inject,\n  OnDestroy,\n  OnInit,\n  ViewEncapsulation,\n  input,\n  signal,\n  computed,\n} from '@angular/core';\nimport { MatListModule } from '@angular/material/list';\nimport { TranslatePipe } 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 { Location, AsyncPipe } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { ActivatedRoute, Router, RouterLink } from '@angular/router';\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    TranslatePipe,\n    MatIconModule,\n    RouterLink,\n    AsyncPipe,\n  ],\n  encapsulation: ViewEncapsulation.Emulated,\n  host: {\n    '[attr.data-cy]': 'dataCy()',\n  },\n})\nexport class OnemrvaMatTableOfContentComponent\n  implements OnInit, OnDestroy, AfterViewInit\n{\n  // Inputs (immutable)\n  readonly titleKeyIn = input<string>();\n  readonly tocName = input.required<string>();\n  readonly tableOfContentName = input<string>();\n  readonly scrollShift = input(0);\n\n  readonly dataCy = input('onemrva-mat-toc');\n\n  // Internal override for titleKey\n  private readonly _titleKeyOverride = signal<string | null>(null);\n\n  // What the template should use\n  readonly titleKey = computed(\n    () => this._titleKeyOverride() ?? this.titleKeyIn(),\n  );\n\n  toc$!: Observable<OnemrvaMatTocAnchor[]>;\n  activePath = '';\n\n  private readonly destroy$ = new Subject<void>();\n\n  level = OnemrvaMatTocAnchorLevel;\n  status = OnemrvaMatTocAnchorStatus;\n\n  private readonly location = inject(Location);\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly tocService = inject(OnemrvaMatTableOfContentService);\n\n  private observer!: IntersectionObserver;\n  private timeoutId: ReturnType<typeof setTimeout> | null = null;\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 =\n          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._titleKeyOverride.set('tocName.notFound');\n        } else {\n          this._titleKeyOverride.set(null);\n          this.activePath = toc[0].path;\n        }\n      }),\n    );\n  }\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        for (const entry of entries) {\n          if (!entry.isIntersecting) continue;\n\n          const id = entry.target.getAttribute('id');\n          if (!id) continue;\n\n          if (this.timeoutId !== null) clearTimeout(this.timeoutId);\n\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      { root: null, threshold: 0, rootMargin: '-92px 0px -75% 0px' },\n    );\n\n    elements.forEach(el => this.observer.observe(el));\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n\n    if (this.timeoutId !== null) {\n      clearTimeout(this.timeoutId);\n      this.timeoutId = null;\n    }\n\n    this.observer?.disconnect();\n    this.tocService.resetToc();\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        [class]=\"{\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  AfterViewInit,\n  ChangeDetectorRef,\n  inject,\n  input,\n  computed,\n  signal,\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  host: {\n    '[attr.role]': 'role()',\n    '[attr.class]': 'clazz()',\n    '[attr.id]': 'id()',\n    '[attr.aria-label]': '_ariaLabel()',\n    '[attr.rvaonem-toc-anchor]': '_ariaToc()',\n  },\n})\nexport class OnemrvaMatTableOfContentDirective\n  implements OnInit, AfterViewInit\n{\n  readonly onemrvaMatToc = input.required<OnemrvaMatTocAnchor>();\n\n  readonly role = signal('');\n  readonly clazz = signal('onemrva-mat-toc-anchor');\n  readonly id = signal('');\n\n  readonly _ariaLabel = computed(() =>\n    this.translateService.instant(this.onemrvaMatToc()?.titleKey),\n  );\n\n  readonly hiddenInToc = input(false);\n\n  readonly _ariaToc = computed(() => {\n    const onemrvaMatToc = this.onemrvaMatToc();\n    if (onemrvaMatToc && onemrvaMatToc.path && onemrvaMatToc.path[0] !== '#')\n      return '#' + onemrvaMatToc?.path;\n    return 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    const onemrvaMatToc = this.onemrvaMatToc();\n    this.tocService.addAnchor({ ...onemrvaMatToc, directive: this });\n\n    this.id.set(onemrvaMatToc.path.slice(1, 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

@@ -17,10 +17,10 @@ class OnemrvaMatTaskTitleComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTaskTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.1", type: OnemrvaMatTaskTitleComponent, isStandalone: true, selector: "onemrva-mat-task-title", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <div [ngClass]=\"customNgClass()\">\n    <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: "22.0.4", ngImport: i0, type: OnemrvaMatTaskTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.4", type: OnemrvaMatTaskTitleComponent, isStandalone: true, selector: "onemrva-mat-task-title", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <div [ngClass]=\"customNgClass()\">\n    <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: "22.0.1", ngImport: i0, type: OnemrvaMatTaskTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", 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 />\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"] }]
         }], propDecorators: { customNgClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customNgClass", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
@@ -32,10 +32,10 @@ class OnemrvaMatTaskContentComponent {
         this.template = viewChild(TemplateRef, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTaskContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.1", type: OnemrvaMatTaskContentComponent, isStandalone: true, selector: "onemrva-mat-task-content", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <div [ngClass]=\"customNgClass()\">\n    <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: "22.0.4", ngImport: i0, type: OnemrvaMatTaskContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.4", type: OnemrvaMatTaskContentComponent, isStandalone: true, selector: "onemrva-mat-task-content", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n  <div [ngClass]=\"customNgClass()\">\n    <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: "22.0.1", ngImport: i0, type: OnemrvaMatTaskContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", 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 />\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: [{ type: i0.Input, args: [{ isSignal: true, alias: "customNgClass", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
@@ -83,10 +83,10 @@ class OnemrvaMatTaskComponent {
         }
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: OnemrvaMatTaskComponent, isStandalone: true, selector: "onemrva-mat-task", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, bubble: { classPropertyName: "bubble", publicName: "bubble", isSignal: true, isRequired: false, transformFunction: null }, arialLabel: { classPropertyName: "arialLabel", publicName: "arialLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.disabled": "disabled()", "attr.aria-disabled": "disabled()" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatTaskTitleComponent, descendants: true, isSignal: true }, { propertyName: "content", first: true, predicate: OnemrvaMatTaskContentComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: 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()) {\n    <mat-checkbox\n      [disabled]=\"true\"\n      [formControl]=\"form()!\"\n      [aria-label]=\"arialLabel()\"\n    />\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\" />\n}\n@if (content()?.template(); as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\" />\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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaMatTaskComponent, isStandalone: true, selector: "onemrva-mat-task", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, bubble: { classPropertyName: "bubble", publicName: "bubble", isSignal: true, isRequired: false, transformFunction: null }, arialLabel: { classPropertyName: "arialLabel", publicName: "arialLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.disabled": "disabled()", "attr.aria-disabled": "disabled()" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatTaskTitleComponent, descendants: true, isSignal: true }, { propertyName: "content", first: true, predicate: OnemrvaMatTaskContentComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: 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()) {\n    <mat-checkbox\n      [disabled]=\"true\"\n      [formControl]=\"form()!\"\n      [aria-label]=\"arialLabel()\"\n    />\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\" />\n}\n@if (content()?.template(); as tpl) {\n  <ng-container *ngTemplateOutlet=\"tpl\" />\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: "22.0.1", ngImport: i0, type: OnemrvaMatTaskComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-task', standalone: true, imports: [MatCheckbox, MatIcon, ReactiveFormsModule, NgTemplateOutlet], encapsulation: ViewEncapsulation.Emulated, host: {
                         '[class.disabled]': 'disabled()',
@@ -107,10 +107,10 @@ class OnemrvaMatTaskListComponent {
     ngAfterViewInit() {
         this.cd.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.1", type: OnemrvaMatTaskListComponent, isStandalone: true, selector: "onemrva-mat-task-list", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, data_cy: { classPropertyName: "data_cy", publicName: "data_cy", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.data-cy": "data_cy()" } }, queries: [{ propertyName: "_tasks", predicate: OnemrvaMatTaskComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.4", type: OnemrvaMatTaskListComponent, isStandalone: true, selector: "onemrva-mat-task-list", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, data_cy: { classPropertyName: "data_cy", publicName: "data_cy", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.data-cy": "data_cy()" } }, queries: [{ propertyName: "_tasks", predicate: OnemrvaMatTaskComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTaskListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-task-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, host: {
                         '[attr.id]': 'id()',
@@ -121,14 +121,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
                         }, isSignal: true }] }] } });
 
 class OnemrvaMatTaskListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTaskListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskListComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskListComponent,
             OnemrvaMatTaskTitleComponent,
             OnemrvaMatTaskContentComponent,
             OnemrvaMatTaskComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatTaskListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/onemrvapublic-design-system-mat-toast.mjs

@@ -18,8 +18,8 @@ class OnemrvaMatToastComponent {
         this.data = inject(MAT_SNACK_BAR_DATA);
         this.dataCy = this.data.dataCy ? this.data.dataCy : 'onemrva-mat-toast';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.1", type: OnemrvaMatToastComponent, isStandalone: true, selector: "onemrva-mat-toast", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: OnemrvaMatToastComponent, isStandalone: true, selector: "onemrva-mat-toast", ngImport: i0, template: `
     <div
       class="onemrva-mat-toast show-icon"
       [color]="data.type"
@@ -32,7 +32,7 @@ class OnemrvaMatToastComponent {
     </div>
   `, isInline: true, styles: [":host .onemrva-mat-toast{position:relative;padding:var(--double-spacer);margin:-15px -17px;border-radius:4px 4px 0 0;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-primary);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-toast span{margin-left:var(--spacer)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OnemRvaColorDirective, selector: "onemrva-mat-selectable-box[color],onemrva-collapsible-page-divider[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-task-list[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]mat-hint[color],", inputs: ["color"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatToastComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatToastComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-toast', template: `
     <div
@@ -49,11 +49,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
         }], ctorParameters: () => [] });
 
 class OnemrvaMatToastModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatToastModule, imports: [OnemrvaMatToastComponent], exports: [OnemrvaMatToastComponent, MatSnackBarModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatToastModule, imports: [MatSnackBarModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatToastModule, imports: [OnemrvaMatToastComponent], exports: [OnemrvaMatToastComponent, MatSnackBarModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatToastModule, imports: [MatSnackBarModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatToastModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatToastModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [OnemrvaMatToastComponent],