@onemrvapublic/design-system 21.0.0-develop.2 → 21.0.0-develop.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -33,12 +33,12 @@ If you need access to our design system board, send us a message.
|
|
|
33
33
|
@Bram Decuypere (NL / EN)
|
|
34
34
|
## Changelog
|
|
35
35
|
|
|
36
|
-
### 21.0.0-develop.
|
|
36
|
+
### 21.0.0-develop.3
|
|
37
37
|
|
|
38
|
-
# [21.0.0-develop.
|
|
38
|
+
# [21.0.0-develop.3](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/compare/v21.0.0-develop.2...v21.0.0-develop.3) (2026-01-27)
|
|
39
39
|
|
|
40
40
|
|
|
41
41
|
### Bug Fixes
|
|
42
42
|
|
|
43
|
-
* **
|
|
43
|
+
* **mat-stepper:** change background color of header ([c473efa](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/c473efae3ccb0048cf1f9d489c61694bf1a3d75d))
|
|
44
44
|
|
|
@@ -93,7 +93,7 @@ class OnemrvaMatStepperComponent extends MatStepper {
|
|
|
93
93
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.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: [
|
|
94
94
|
{ provide: MatStepper, useExisting: OnemrvaMatStepperComponent },
|
|
95
95
|
{ provide: CdkStepper, useExisting: MatStepper },
|
|
96
|
-
], 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-
|
|
96
|
+
], 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 }); }
|
|
97
97
|
}
|
|
98
98
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatStepperComponent, decorators: [{
|
|
99
99
|
type: Component,
|
|
@@ -106,7 +106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
|
|
|
106
106
|
'class.mat-stepper-vertical': 'true',
|
|
107
107
|
'[attr.aria-orientation]': '"vertical"',
|
|
108
108
|
'[attr.role]': '"tablist"',
|
|
109
|
-
}, 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-
|
|
109
|
+
}, 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"] }]
|
|
110
110
|
}], ctorParameters: () => [], propDecorators: { orientation: [{
|
|
111
111
|
type: Input
|
|
112
112
|
}] } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onemrvapublic-design-system-mat-stepper.mjs","sources":["../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-stepper-animations.ts","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.component.ts","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.html","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.module.ts","../../../../projects/onemrva/design-system/mat-stepper/index.ts","../../../../projects/onemrva/design-system/mat-stepper/onemrvapublic-design-system-mat-stepper.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {\n animate,\n state,\n style,\n transition,\n trigger,\n AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const DEFAULT_VERTICAL_ANIMATION_DURATION = '225ms';\n\n/**\n * Animations used by the Material steppers.\n * @docs-private\n */\nexport const onemrvaMatStepperAnimations: {\n readonly verticalStepTransition: AnimationTriggerMetadata;\n} = {\n /** Animation that transitions the step along the Y axis in a vertical summary-stepper. */\n verticalStepTransition: trigger('verticalStepTransition', [\n state('previous', style({ height: '*', visibility: 'inherit' })),\n state('next', style({ height: '0px', visibility: 'hidden' })),\n // Transition to `inherit`, rather than `visible`,\n // because visibility on a child element the one from the parent,\n // making this element focusable inside of a `hidden` element.\n state('current', style({ height: '*', visibility: 'inherit' })),\n transition(\n '* <=> current',\n animate('{{animationDuration}} cubic-bezier(0.4, 0.0, 0.2, 1)'),\n {\n params: { animationDuration: DEFAULT_VERTICAL_ANIMATION_DURATION },\n },\n ),\n ]),\n};\n","import { Directionality } from '@angular/cdk/bidi';\nimport { CdkStepper, StepperOrientation } from '@angular/cdk/stepper';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n Input,\n OnDestroy,\n ViewEncapsulation,\n inject,\n} from '@angular/core';\n\nimport { onemrvaMatStepperAnimations } from './onemrva-stepper-animations';\nimport { MatStep, MatStepHeader, MatStepper } from '@angular/material/stepper';\nimport { Subject, takeUntil } from 'rxjs';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector:\n 'onemrva-mat-stepper, ' +\n 'onemrva-mat-vertical-stepper, ' +\n '[onemrvaMatStepper]',\n exportAs: 'matStepper, ' + 'matVerticalStepper, ' + 'matHorizontalStepper',\n templateUrl: 'onemrva-mat-stepper.html',\n styleUrls: ['onemrva-mat-stepper.scss'],\n // eslint-disable-next-line\n inputs: ['selectedIndex'],\n animations: [onemrvaMatStepperAnimations.verticalStepTransition],\n providers: [\n { provide: MatStepper, useExisting: OnemrvaMatStepperComponent },\n { provide: CdkStepper, useExisting: MatStepper },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.Emulated,\n standalone: true,\n imports: [NgTemplateOutlet, MatStepHeader],\n 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 inject(Directionality, { optional: true }),\n inject(ChangeDetectorRef),\n inject(ElementRef<HTMLElement>),\n );\n }\n\n override ngAfterContentInit(): void {\n super.ngAfterContentInit();\n this.selectionChange\n .pipe(takeUntil(this.destroyNotifier$))\n .subscribe(value => {\n const timeBeforeScroll = parseInt(this.animationDuration || '0') + 400;\n setTimeout(() => {\n const el = `cdk-step-label-${this._getStepLabelId(value.selectedIndex)}`; // TODO check ??\n this.scrollToElement(el);\n }, timeBeforeScroll);\n });\n }\n\n override ngOnDestroy(): void {\n super.ngOnDestroy();\n this.destroyNotifier$.next();\n this.destroyNotifier$.complete();\n }\n\n _stepIsNavigable(index: number, step: MatStep): boolean {\n return (\n step.completed ||\n this.selectedIndex === index ||\n this.selectedIndex > index\n );\n }\n\n _getIndicatorType(index: number, state?: string): string {\n if (state) {\n return state;\n }\n if (this.selectedIndex === index) {\n return 'number';\n }\n return 'number';\n }\n}\n","<!-- Vertical summary-stepper -->\n<ng-container>\n @for (step of steps; track step; let 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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"}
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-stepper.mjs","sources":["../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-stepper-animations.ts","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.component.ts","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.html","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.module.ts","../../../../projects/onemrva/design-system/mat-stepper/index.ts","../../../../projects/onemrva/design-system/mat-stepper/onemrvapublic-design-system-mat-stepper.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {\n animate,\n state,\n style,\n transition,\n trigger,\n AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const DEFAULT_VERTICAL_ANIMATION_DURATION = '225ms';\n\n/**\n * Animations used by the Material steppers.\n * @docs-private\n */\nexport const onemrvaMatStepperAnimations: {\n readonly verticalStepTransition: AnimationTriggerMetadata;\n} = {\n /** Animation that transitions the step along the Y axis in a vertical summary-stepper. */\n verticalStepTransition: trigger('verticalStepTransition', [\n state('previous', style({ height: '*', visibility: 'inherit' })),\n state('next', style({ height: '0px', visibility: 'hidden' })),\n // Transition to `inherit`, rather than `visible`,\n // because visibility on a child element the one from the parent,\n // making this element focusable inside of a `hidden` element.\n state('current', style({ height: '*', visibility: 'inherit' })),\n transition(\n '* <=> current',\n animate('{{animationDuration}} cubic-bezier(0.4, 0.0, 0.2, 1)'),\n {\n params: { animationDuration: DEFAULT_VERTICAL_ANIMATION_DURATION },\n },\n ),\n ]),\n};\n","import { Directionality } from '@angular/cdk/bidi';\nimport { CdkStepper, StepperOrientation } from '@angular/cdk/stepper';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n Input,\n OnDestroy,\n ViewEncapsulation,\n inject,\n} from '@angular/core';\n\nimport { onemrvaMatStepperAnimations } from './onemrva-stepper-animations';\nimport { MatStep, MatStepHeader, MatStepper } from '@angular/material/stepper';\nimport { Subject, takeUntil } from 'rxjs';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector:\n 'onemrva-mat-stepper, ' +\n 'onemrva-mat-vertical-stepper, ' +\n '[onemrvaMatStepper]',\n exportAs: 'matStepper, ' + 'matVerticalStepper, ' + 'matHorizontalStepper',\n templateUrl: 'onemrva-mat-stepper.html',\n styleUrls: ['onemrva-mat-stepper.scss'],\n // eslint-disable-next-line\n inputs: ['selectedIndex'],\n animations: [onemrvaMatStepperAnimations.verticalStepTransition],\n providers: [\n { provide: MatStepper, useExisting: OnemrvaMatStepperComponent },\n { provide: CdkStepper, useExisting: MatStepper },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.Emulated,\n standalone: true,\n imports: [NgTemplateOutlet, MatStepHeader],\n 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 inject(Directionality, { optional: true }),\n inject(ChangeDetectorRef),\n inject(ElementRef<HTMLElement>),\n );\n }\n\n override ngAfterContentInit(): void {\n super.ngAfterContentInit();\n this.selectionChange\n .pipe(takeUntil(this.destroyNotifier$))\n .subscribe(value => {\n const timeBeforeScroll = parseInt(this.animationDuration || '0') + 400;\n setTimeout(() => {\n const el = `cdk-step-label-${this._getStepLabelId(value.selectedIndex)}`; // TODO check ??\n this.scrollToElement(el);\n }, timeBeforeScroll);\n });\n }\n\n override ngOnDestroy(): void {\n super.ngOnDestroy();\n this.destroyNotifier$.next();\n this.destroyNotifier$.complete();\n }\n\n _stepIsNavigable(index: number, step: MatStep): boolean {\n return (\n step.completed ||\n this.selectedIndex === index ||\n this.selectedIndex > index\n );\n }\n\n _getIndicatorType(index: number, state?: string): string {\n if (state) {\n return state;\n }\n if (this.selectedIndex === index) {\n return 'number';\n }\n return 'number';\n }\n}\n","<!-- Vertical summary-stepper -->\n<ng-container>\n @for (step of steps; track step; let 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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"}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
align-items: center;
|
|
14
14
|
height: 24px;
|
|
15
15
|
padding: calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px;
|
|
16
|
-
background-color: var(--mat-sys-surface-container-
|
|
16
|
+
background-color: var(--mat-sys-surface-container-lowest);
|
|
17
17
|
z-index: 10;
|
|
18
18
|
}
|
|
19
19
|
.mat-vertical-content-container {
|