@onemrvapublic/design-system 22.0.0-develop.5 → 22.0.0-develop.7
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 +10 -4
- package/assets/i18n/de.json +12 -0
- package/assets/i18n/en.json +12 -0
- package/assets/i18n/fr.json +12 -0
- package/assets/i18n/nl.json +12 -0
- package/fesm2022/onemrvapublic-design-system-layout.mjs +2 -31
- package/fesm2022/onemrvapublic-design-system-layout.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs +17 -41
- package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs +2 -47
- package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs +5 -32
- package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-page-error.mjs +2 -3
- package/fesm2022/onemrvapublic-design-system-page-error.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-shared.mjs +1 -1
- package/fesm2022/onemrvapublic-design-system-shared.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-timeline.mjs +563 -0
- package/fesm2022/onemrvapublic-design-system-timeline.mjs.map +1 -0
- package/fesm2022/onemrvapublic-design-system.mjs +1 -1
- package/fesm2022/onemrvapublic-design-system.mjs.map +1 -1
- package/mat-carousel/src/onemrva-mat-carousel.component.scss +18 -0
- package/package.json +5 -1
- package/timeline/src/onemrva-timeline.component.scss +371 -0
- package/types/onemrvapublic-design-system-mat-carousel.d.ts +0 -3
- package/types/onemrvapublic-design-system-page-error.d.ts +0 -1
- package/types/onemrvapublic-design-system-timeline.d.ts +195 -0
- package/types/onemrvapublic-design-system.d.ts +1 -1
|
@@ -1,38 +1,10 @@
|
|
|
1
1
|
import { CdkStepper } from '@angular/cdk/stepper';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
import { Input, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
|
|
4
|
-
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
5
4
|
import { MatStepper, MatStepHeader, MatStepperModule } from '@angular/material/stepper';
|
|
6
5
|
import { Subject, takeUntil } from 'rxjs';
|
|
7
6
|
import { NgTemplateOutlet } from '@angular/common';
|
|
8
7
|
|
|
9
|
-
/**
|
|
10
|
-
* @license
|
|
11
|
-
* Copyright Google LLC All Rights Reserved.
|
|
12
|
-
*
|
|
13
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
14
|
-
* found in the LICENSE file at https://angular.io/license
|
|
15
|
-
*/
|
|
16
|
-
const DEFAULT_VERTICAL_ANIMATION_DURATION = '225ms';
|
|
17
|
-
/**
|
|
18
|
-
* Animations used by the Material steppers.
|
|
19
|
-
* @docs-private
|
|
20
|
-
*/
|
|
21
|
-
const onemrvaMatStepperAnimations = {
|
|
22
|
-
/** Animation that transitions the step along the Y axis in a vertical summary-stepper. */
|
|
23
|
-
verticalStepTransition: trigger('verticalStepTransition', [
|
|
24
|
-
state('previous', style({ height: '*', visibility: 'inherit' })),
|
|
25
|
-
state('next', style({ height: '0px', visibility: 'hidden' })),
|
|
26
|
-
// Transition to `inherit`, rather than `visible`,
|
|
27
|
-
// because visibility on a child element the one from the parent,
|
|
28
|
-
// making this element focusable inside of a `hidden` element.
|
|
29
|
-
state('current', style({ height: '*', visibility: 'inherit' })),
|
|
30
|
-
transition('* <=> current', animate('{{animationDuration}} cubic-bezier(0.4, 0.0, 0.2, 1)'), {
|
|
31
|
-
params: { animationDuration: DEFAULT_VERTICAL_ANIMATION_DURATION },
|
|
32
|
-
}),
|
|
33
|
-
]),
|
|
34
|
-
};
|
|
35
|
-
|
|
36
8
|
class OnemrvaMatStepperComponent extends MatStepper {
|
|
37
9
|
/** Orientation of the summary-stepper. */
|
|
38
10
|
get orientation() {
|
|
@@ -89,23 +61,24 @@ class OnemrvaMatStepperComponent extends MatStepper {
|
|
|
89
61
|
return 'number';
|
|
90
62
|
}
|
|
91
63
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
92
|
-
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: [
|
|
64
|
+
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", "class.mat-stepper-animations-enabled": "true" }, properties: { "attr.aria-orientation": "\"vertical\"", "attr.role": "\"tablist\"" } }, providers: [
|
|
93
65
|
{ provide: MatStepper, useExisting: OnemrvaMatStepperComponent },
|
|
94
66
|
{ provide: CdkStepper, useExisting: MatStepper },
|
|
95
|
-
], 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 [
|
|
67
|
+
], 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 }); }
|
|
96
68
|
}
|
|
97
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: OnemrvaMatStepperComponent, decorators: [{
|
|
98
70
|
type: Component,
|
|
99
71
|
args: [{ selector: 'onemrva-mat-stepper, ' +
|
|
100
72
|
'onemrva-mat-vertical-stepper, ' +
|
|
101
|
-
'[onemrvaMatStepper]', exportAs: 'matStepper, ' + 'matVerticalStepper, ' + 'matHorizontalStepper', inputs: ['selectedIndex'],
|
|
73
|
+
'[onemrvaMatStepper]', exportAs: 'matStepper, ' + 'matVerticalStepper, ' + 'matHorizontalStepper', inputs: ['selectedIndex'], providers: [
|
|
102
74
|
{ provide: MatStepper, useExisting: OnemrvaMatStepperComponent },
|
|
103
75
|
{ provide: CdkStepper, useExisting: MatStepper },
|
|
104
76
|
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, standalone: true, imports: [NgTemplateOutlet, MatStepHeader], host: {
|
|
105
77
|
'class.mat-stepper-vertical': 'true',
|
|
78
|
+
'class.mat-stepper-animations-enabled': 'true',
|
|
106
79
|
'[attr.aria-orientation]': '"vertical"',
|
|
107
80
|
'[attr.role]': '"tablist"',
|
|
108
|
-
}, 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 [
|
|
81
|
+
}, 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"] }]
|
|
109
82
|
}], ctorParameters: () => [], propDecorators: { orientation: [{
|
|
110
83
|
type: Input
|
|
111
84
|
}] } });
|
|
@@ -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 { 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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"}
|
|
1
|
+
{"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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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { viewChild, TemplateRef, Component, contentChildren, input, computed, inject, Renderer2, ChangeDetectorRef, effect } from '@angular/core';
|
|
3
|
-
import {
|
|
3
|
+
import { TranslatePipe } from '@ngx-translate/core';
|
|
4
4
|
import { NgTemplateOutlet } from '@angular/common';
|
|
5
5
|
import { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';
|
|
6
6
|
|
|
@@ -40,7 +40,6 @@ class PageErrorComponent {
|
|
|
40
40
|
...(ngDevMode ? [{ debugName: "safeCode" }] : /* istanbul ignore next */ []));
|
|
41
41
|
this.cdn = inject(OnemRvaCDNService);
|
|
42
42
|
this.renderer = inject(Renderer2);
|
|
43
|
-
this.translate = inject(TranslateService);
|
|
44
43
|
this.cd = inject(ChangeDetectorRef);
|
|
45
44
|
effect(() => {
|
|
46
45
|
// track both: safeCode + current language from ngx-translate
|
|
@@ -59,7 +58,7 @@ class PageErrorComponent {
|
|
|
59
58
|
this.renderer.removeClass(this.mdc, 'bkg');
|
|
60
59
|
}
|
|
61
60
|
get ori() {
|
|
62
|
-
return this.cdn.getOri(
|
|
61
|
+
return this.cdn.getOri(`error.png`);
|
|
63
62
|
}
|
|
64
63
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: PageErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
65
64
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: PageErrorComponent, isStandalone: true, selector: "page-error", inputs: { code: { classPropertyName: "code", publicName: "code", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "actions", predicate: PageErrorActionComponent, isSignal: true }], ngImport: i0, template: "<div class=\"bkg\">\n <!-- do not copy -->\n <div>\n <!-- do not copy -->\n <main class=\"page-error\">\n <section class=\"row\">\n <div class=\"col-6-large col-12 col-left\">\n <div class=\"error-content\">\n <h1>{{ 'error.' + code() + '.h1' | translate }}</h1>\n <h2>{{ 'error.' + code() + '.h2' | translate }}</h2>\n <p>{{ 'error.' + code() + '.p' | translate }}</p>\n @for (action of actions(); track action.template()) {\n @if (action.template()) {\n <ng-container *ngTemplateOutlet=\"action.template()\" />\n }\n }\n </div>\n </div>\n <div class=\"col-6-large col-12 col-right\">\n <img\n alt=\"{{ 'error.' + code() + '.h2' | translate }}\"\n [src]=\"ori\"\n class=\"ori\"\n />\n </div>\n </section>\n </main>\n </div>\n <!-- do not copy -->\n</div>\n<!-- do not copy -->\n", styles: [".page-error section.row{min-height:calc(100vh - 200px)}.page-error section.row .col-right{display:grid!important;place-items:center}.page-error section.row .col-right img.ori{height:428px}.page-error section.row .col-left{display:flex!important;align-items:center;justify-content:flex-start;text-align:left}.page-error section.row .col-left .error-content{display:block;height:auto}.page-error section.row .col-left .error-content h1{font:var(--mat-sys-display-medium)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onemrvapublic-design-system-page-error.mjs","sources":["../../../../projects/onemrva/design-system/page-error/src/page-error-action.component.ts","../../../../projects/onemrva/design-system/page-error/src/page-error.component.ts","../../../../projects/onemrva/design-system/page-error/src/page-error.component.html","../../../../projects/onemrva/design-system/page-error/onemrvapublic-design-system-page-error.ts"],"sourcesContent":["import { Component, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n selector: 'page-error-action',\n template: '<ng-template><ng-content /></ng-template>',\n standalone: true,\n})\nexport class PageErrorActionComponent {\n readonly template = viewChild(TemplateRef);\n}\n","import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n OnDestroy,\n Renderer2,\n computed,\n effect,\n inject,\n input,\n contentChildren,\n} from '@angular/core';\nimport { TranslatePipe, TranslateService } from '@ngx-translate/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';\nimport { PageErrorActionComponent } from './page-error-action.component';\n\n@Component({\n selector: 'page-error',\n styleUrls: ['./page-error.component.scss'],\n templateUrl: 'page-error.component.html',\n standalone: true,\n imports: [TranslatePipe, NgTemplateOutlet],\n})\nexport class PageErrorComponent implements AfterViewInit, OnDestroy {\n private readonly defaultCode = 500;\n private readonly supportedCodes = new Set([\n 500, 404, 403, 401, 400, 503, 502, 408, 429,\n ]);\n\n mdc: HTMLElement | null = null;\n\n readonly actions = contentChildren(PageErrorActionComponent);\n\n readonly code = input<number>(this.defaultCode);\n\n readonly safeCode = computed(() => {\n const c = this.code();\n return this.supportedCodes.has(c) ? c : this.defaultCode;\n });\n\n private cdn = inject(OnemRvaCDNService);\n private renderer = inject(Renderer2);\n private
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-page-error.mjs","sources":["../../../../projects/onemrva/design-system/page-error/src/page-error-action.component.ts","../../../../projects/onemrva/design-system/page-error/src/page-error.component.ts","../../../../projects/onemrva/design-system/page-error/src/page-error.component.html","../../../../projects/onemrva/design-system/page-error/onemrvapublic-design-system-page-error.ts"],"sourcesContent":["import { Component, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n selector: 'page-error-action',\n template: '<ng-template><ng-content /></ng-template>',\n standalone: true,\n})\nexport class PageErrorActionComponent {\n readonly template = viewChild(TemplateRef);\n}\n","import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n OnDestroy,\n Renderer2,\n computed,\n effect,\n inject,\n input,\n contentChildren,\n} from '@angular/core';\nimport { TranslatePipe, TranslateService } from '@ngx-translate/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';\nimport { PageErrorActionComponent } from './page-error-action.component';\n\n@Component({\n selector: 'page-error',\n styleUrls: ['./page-error.component.scss'],\n templateUrl: 'page-error.component.html',\n standalone: true,\n imports: [TranslatePipe, NgTemplateOutlet],\n})\nexport class PageErrorComponent implements AfterViewInit, OnDestroy {\n private readonly defaultCode = 500;\n private readonly supportedCodes = new Set([\n 500, 404, 403, 401, 400, 503, 502, 408, 429,\n ]);\n\n mdc: HTMLElement | null = null;\n\n readonly actions = contentChildren(PageErrorActionComponent);\n\n readonly code = input<number>(this.defaultCode);\n\n readonly safeCode = computed(() => {\n const c = this.code();\n return this.supportedCodes.has(c) ? c : this.defaultCode;\n });\n\n private cdn = inject(OnemRvaCDNService);\n private renderer = inject(Renderer2);\n private cd = inject(ChangeDetectorRef);\n\n // optional: react to language changes (so ori updates)\n constructor() {\n effect(() => {\n // track both: safeCode + current language from ngx-translate\n // `instant` won’t trigger by itself when language changes, so use onLangChange if needed\n this.safeCode();\n });\n }\n\n ngAfterViewInit(): void {\n this.cd.detectChanges();\n this.mdc = document.querySelector('#onemrva-drawer-container');\n if (this.mdc) this.renderer.addClass(this.mdc, 'bkg');\n }\n\n ngOnDestroy(): void {\n if (this.mdc) this.renderer.removeClass(this.mdc, 'bkg');\n }\n\n get ori() {\n return this.cdn.getOri(`error.png`);\n }\n}\n","<div class=\"bkg\">\n <!-- do not copy -->\n <div>\n <!-- do not copy -->\n <main class=\"page-error\">\n <section class=\"row\">\n <div class=\"col-6-large col-12 col-left\">\n <div class=\"error-content\">\n <h1>{{ 'error.' + code() + '.h1' | translate }}</h1>\n <h2>{{ 'error.' + code() + '.h2' | translate }}</h2>\n <p>{{ 'error.' + code() + '.p' | translate }}</p>\n @for (action of actions(); track action.template()) {\n @if (action.template()) {\n <ng-container *ngTemplateOutlet=\"action.template()\" />\n }\n }\n </div>\n </div>\n <div class=\"col-6-large col-12 col-right\">\n <img\n alt=\"{{ 'error.' + code() + '.h2' | translate }}\"\n [src]=\"ori\"\n class=\"ori\"\n />\n </div>\n </section>\n </main>\n </div>\n <!-- do not copy -->\n</div>\n<!-- do not copy -->\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -2086,7 +2086,7 @@ function onemrvaDateLuxonYearMonthProvider() {
|
|
|
2086
2086
|
}
|
|
2087
2087
|
|
|
2088
2088
|
// Auto-generated — do not edit
|
|
2089
|
-
const VERSION = '22.0.0-develop.
|
|
2089
|
+
const VERSION = '22.0.0-develop.7';
|
|
2090
2090
|
|
|
2091
2091
|
function onemrvaThemeProvider() {
|
|
2092
2092
|
return makeEnvironmentProviders([
|