@onemrvapublic/design-system 19.1.2 → 19.1.3-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/onemrvapublic-design-system-flag-icon.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-layout.mjs +55 -55
- package/fesm2022/onemrvapublic-design-system-mat-avatar.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs +10 -10
- package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-empty-row.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs +21 -21
- package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-input-enterprise-number.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs +12 -6
- package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs +9 -9
- package/fesm2022/onemrvapublic-design-system-mat-notification.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-panel.mjs +20 -20
- package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs +14 -14
- package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs +4 -4
- package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs +15 -15
- package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-spinner.mjs +11 -11
- package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs +9 -10
- package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs +10 -10
- package/fesm2022/onemrvapublic-design-system-mat-task-list.mjs +17 -17
- package/fesm2022/onemrvapublic-design-system-mat-timepicker.mjs +24 -23
- package/fesm2022/onemrvapublic-design-system-mat-timepicker.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-mat-toast.mjs +8 -8
- package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs +11 -11
- package/fesm2022/onemrvapublic-design-system-page-error.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-page-not-found.mjs +17 -17
- package/fesm2022/onemrvapublic-design-system-shared.mjs +62 -62
- package/mat-input-iban/src/onemrva-mat-input-iban.component.d.ts +1 -0
- package/mat-selectable-box/src/onemrva-mat-selectable-box.component.d.ts +1 -1
- package/mat-stepper/src/onemrva-mat-stepper.component.d.ts +2 -1
- package/mat-timepicker/src/timepicker.directive.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CdkStepper } from '@angular/cdk/stepper';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
|
-
import {
|
|
4
|
-
import { trigger, state,
|
|
3
|
+
import { HostBinding, Input, Optional, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
|
|
4
|
+
import { trigger, state, transition, style, animate } from '@angular/animations';
|
|
5
5
|
import { MatStepper, MatStepHeader, MatStepperModule } from '@angular/material/stepper';
|
|
6
6
|
import { Subject, takeUntil } from 'rxjs';
|
|
7
7
|
import { NgForOf, NgTemplateOutlet } from '@angular/common';
|
|
@@ -39,7 +39,6 @@ class OnemrvaMatStepperComponent extends MatStepper {
|
|
|
39
39
|
get orientation() {
|
|
40
40
|
return 'vertical';
|
|
41
41
|
}
|
|
42
|
-
// eslint-disable-next-line @typescript-eslint/adjacent-overload-signatures
|
|
43
42
|
set orientation(value) {
|
|
44
43
|
this.matStepperVertical = true;
|
|
45
44
|
}
|
|
@@ -72,13 +71,13 @@ class OnemrvaMatStepperComponent extends MatStepper {
|
|
|
72
71
|
this.destroyNotifier$.next();
|
|
73
72
|
this.destroyNotifier$.complete();
|
|
74
73
|
}
|
|
75
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
76
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
74
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatStepperComponent, deps: [{ token: i1.Directionality, optional: true }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
75
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatStepperComponent, isStandalone: true, selector: "onemrva-mat-stepper, onemrva-mat-vertical-stepper, [onemrvaMatStepper]", inputs: { selectedIndex: "selectedIndex", orientation: "orientation" }, host: { properties: { "class.mat-stepper-vertical": "this.matStepperVertical", "attr.aria-orientation": "this.ariaOrientation", "role": "this.role" } }, providers: [
|
|
77
76
|
{ provide: MatStepper, useExisting: OnemrvaMatStepperComponent },
|
|
78
77
|
{ provide: CdkStepper, useExisting: MatStepper },
|
|
79
78
|
], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<!-- Vertical summary-stepper -->\n<ng-container>\n <div\n class=\"mat-step\"\n *ngFor=\"let step of steps; let i = index; let isLast = last\"\n >\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step: step, i: i}\"\n ></ng-container>\n <div\n class=\"mat-vertical-content-container\"\n [class.mat-stepper-vertical-line]=\"!isLast\"\n >\n <div\n class=\"mat-vertical-stepper-content\"\n role=\"tabpanel\"\n [@verticalStepTransition]=\"{\n 'value': _getAnimationDirection(i),\n 'params': {'animationDuration': _getAnimationDuration()}\n }\"\n (@verticalStepTransition.done)=\"_animationDone.next($event)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\"\n >\n <div class=\"mat-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n </div>\n</ng-container>\n\n<!-- Common step templating -->\n<ng-template let-step=\"step\" let-i=\"i\" #stepTemplate>\n <mat-step-header\n [class.mat-horizontal-stepper-header]=\"orientation === 'horizontal'\"\n [class.mat-vertical-stepper-header]=\"orientation === 'vertical'\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"steps.length\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [attr.aria-label]=\"step.ariaLabel || null\"\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\n [attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\n [index]=\"i\"\n [state]=\"_getIndicatorType(i, step.state)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"_stepIsNavigable(i, step)\"\n [optional]=\"step.optional\"\n [errorMessage]=\"step.errorMessage\"\n [iconOverrides]=\"_iconOverrides\"\n [disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\n ></mat-step-header>\n</ng-template>\n", styles: [".mat-stepper-vertical{display:block}.mat-vertical-stepper-header{display:flex;align-items:center;height:24px}.mat-vertical-stepper-header .mat-step-icon{margin-right:12px}[dir=rtl] .mat-vertical-stepper-header .mat-step-icon{margin-right:0;margin-left:12px}.mat-vertical-content-container{margin-left:36px;border:0;position:relative}[dir=rtl] .mat-vertical-content-container{margin-left:0;margin-right:36px}.mat-stepper-vertical-line:before{content:\"\";position:absolute;left:0;border-left-width:1px;border-left-style:solid}[dir=rtl] .mat-stepper-vertical-line:before{left:auto;right:0}.mat-vertical-stepper-content{overflow:hidden;outline:0}.mat-vertical-content{padding:0 24px 24px}.mat-step:last-child .mat-vertical-content-container{border:none}onemrva-mat-vertical-stepper .mat-vertical-stepper-content .mat-step-summary{height:auto;opacity:1;overflow:inherit;transition:height 0s 1s,opacity 1s linear}onemrva-mat-vertical-stepper .mat-vertical-stepper-content .mat-step-form{height:0;opacity:0;overflow:hidden;transition:none}onemrva-mat-vertical-stepper .mat-vertical-stepper-content .mat-step-form mat-form-field{opacity:0}onemrva-mat-vertical-stepper .mat-vertical-stepper-content[aria-expanded=true] .mat-step-summary{height:0;opacity:0;overflow:hidden;transition:none}onemrva-mat-vertical-stepper .mat-vertical-stepper-content[aria-expanded=true] .mat-step-form{height:auto;opacity:1;transition:height 0s 1s,opacity 1s linear;overflow:inherit}onemrva-mat-vertical-stepper .mat-vertical-stepper-content[aria-expanded=true] .mat-step-form mat-form-field{opacity:1}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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, encapsulation: i0.ViewEncapsulation.None }); }
|
|
80
79
|
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatStepperComponent, decorators: [{
|
|
82
81
|
type: Component,
|
|
83
82
|
args: [{ selector: 'onemrva-mat-stepper, onemrva-mat-vertical-stepper, [onemrvaMatStepper]', exportAs: 'matStepper, matVerticalStepper, matHorizontalStepper', inputs: ['selectedIndex'], animations: [onemrvaMatStepperAnimations.verticalStepTransition], providers: [
|
|
84
83
|
{ provide: MatStepper, useExisting: OnemrvaMatStepperComponent },
|
|
@@ -100,11 +99,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
100
99
|
}] } });
|
|
101
100
|
|
|
102
101
|
class OnemrvaMatStepperModule {
|
|
103
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
104
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
105
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
102
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
103
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent], exports: [MatStepperModule, OnemrvaMatStepperComponent] }); }
|
|
104
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent, MatStepperModule] }); }
|
|
106
105
|
}
|
|
107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatStepperModule, decorators: [{
|
|
108
107
|
type: NgModule,
|
|
109
108
|
args: [{
|
|
110
109
|
imports: [OnemrvaMatStepperComponent],
|
|
@@ -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 HostBinding,\n Input,\n OnDestroy,\n Optional,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { onemrvaMatStepperAnimations } from './onemrva-stepper-animations';\nimport { MatStepHeader, MatStepper } from '@angular/material/stepper';\nimport { Subject, takeUntil } from 'rxjs';\nimport { NgForOf, NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector:\n 'onemrva-mat-stepper, onemrva-mat-vertical-stepper, [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 encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [NgForOf, NgTemplateOutlet, MatStepHeader],\n})\nexport class OnemrvaMatStepperComponent\n extends MatStepper\n implements AfterContentInit, OnDestroy\n{\n destroyNotifier$: Subject<void> = new Subject<void>();\n\n /** Orientation of the summary-stepper. */\n @Input()\n override get orientation(): StepperOrientation {\n return 'vertical';\n }\n\n @HostBinding('class.mat-stepper-vertical') matStepperVertical = true;\n @HostBinding('attr.aria-orientation') ariaOrientation = 'vertical';\n @HostBinding('role') role = 'tablist';\n\n // eslint-disable-next-line @typescript-eslint/adjacent-overload-signatures\n override set orientation(value: StepperOrientation) {\n this.matStepperVertical = true;\n }\n\n scrollToElement(elementId: string): void {\n const element = document.getElementById(elementId);\n if (element) {\n const yOffset = -100; // Optional: offset from the top for better positioning\n const y =\n element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n window.scrollTo({ top: y, behavior: 'smooth' });\n }\n }\n\n constructor(\n @Optional() dir: Directionality,\n changeDetectorRef: ChangeDetectorRef,\n elementRef: ElementRef<HTMLElement>,\n ) {\n super(dir, changeDetectorRef, elementRef);\n\n this.selectionChange\n .pipe(takeUntil(this.destroyNotifier$))\n .subscribe(value => {\n const timeBeforeScroll = parseInt(this.animationDuration || '0') + 400;\n setTimeout(() => {\n const el = `cdk-step-label-${this._getStepLabelId(value.selectedIndex)}`; // TODO check ??\n this.scrollToElement(el);\n }, timeBeforeScroll);\n });\n }\n\n override ngOnDestroy(): void {\n super.ngOnDestroy();\n this.destroyNotifier$.next();\n this.destroyNotifier$.complete();\n }\n}\n","<!-- Vertical summary-stepper -->\n<ng-container>\n <div\n class=\"mat-step\"\n *ngFor=\"let step of steps; let i = index; let isLast = last\"\n >\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step: step, i: i}\"\n ></ng-container>\n <div\n class=\"mat-vertical-content-container\"\n [class.mat-stepper-vertical-line]=\"!isLast\"\n >\n <div\n class=\"mat-vertical-stepper-content\"\n role=\"tabpanel\"\n [@verticalStepTransition]=\"{\n 'value': _getAnimationDirection(i),\n 'params': {'animationDuration': _getAnimationDuration()}\n }\"\n (@verticalStepTransition.done)=\"_animationDone.next($event)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\"\n >\n <div class=\"mat-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n </div>\n</ng-container>\n\n<!-- Common step templating -->\n<ng-template let-step=\"step\" let-i=\"i\" #stepTemplate>\n <mat-step-header\n [class.mat-horizontal-stepper-header]=\"orientation === 'horizontal'\"\n [class.mat-vertical-stepper-header]=\"orientation === 'vertical'\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"steps.length\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [attr.aria-label]=\"step.ariaLabel || null\"\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\n [attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\n [index]=\"i\"\n [state]=\"_getIndicatorType(i, step.state)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"_stepIsNavigable(i, step)\"\n [optional]=\"step.optional\"\n [errorMessage]=\"step.errorMessage\"\n [iconOverrides]=\"_iconOverrides\"\n [disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\n ></mat-step-header>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatStepperComponent } from './onemrva-mat-stepper.component';\nimport { CommonModule } from '@angular/common';\nimport { MatCommonModule, MatRippleModule } from '@angular/material/core';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CdkStepperModule } from '@angular/cdk/stepper';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatStepperModule } from '@angular/material/stepper';\n\n@NgModule({\n imports: [OnemrvaMatStepperComponent],\n exports: [MatStepperModule, OnemrvaMatStepperComponent],\n declarations: [],\n providers: [],\n})\nexport class OnemrvaMatStepperModule {}\n","/*\n * Public API Surface of mat-summary-stepper\n */\n\nexport * from './src/onemrva-mat-stepper.component';\nexport * from './src/onemrva-mat-stepper.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"onemrvapublic-design-system-mat-stepper.mjs","sources":["../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-stepper-animations.ts","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.component.ts","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.html","../../../../projects/onemrva/design-system/mat-stepper/src/onemrva-mat-stepper.module.ts","../../../../projects/onemrva/design-system/mat-stepper/index.ts","../../../../projects/onemrva/design-system/mat-stepper/onemrvapublic-design-system-mat-stepper.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.io/license\n */\nimport {\n animate,\n state,\n style,\n transition,\n trigger,\n AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const DEFAULT_VERTICAL_ANIMATION_DURATION = '225ms';\n\n/**\n * Animations used by the Material steppers.\n * @docs-private\n */\nexport const onemrvaMatStepperAnimations: {\n readonly verticalStepTransition: AnimationTriggerMetadata;\n} = {\n /** Animation that transitions the step along the Y axis in a vertical summary-stepper. */\n verticalStepTransition: trigger('verticalStepTransition', [\n state('previous', style({ height: '*', visibility: 'inherit' })),\n state('next', style({ height: '0px', visibility: 'hidden' })),\n // Transition to `inherit`, rather than `visible`,\n // because visibility on a child element the one from the parent,\n // making this element focusable inside of a `hidden` element.\n state('current', style({ height: '*', visibility: 'inherit' })),\n transition(\n '* <=> current',\n animate('{{animationDuration}} cubic-bezier(0.4, 0.0, 0.2, 1)'),\n {\n params: { animationDuration: DEFAULT_VERTICAL_ANIMATION_DURATION },\n },\n ),\n ]),\n};\n","import { Directionality } from '@angular/cdk/bidi';\nimport { CdkStepper, StepperOrientation } from '@angular/cdk/stepper';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n HostBinding,\n Input,\n OnDestroy,\n Optional,\n ViewEncapsulation,\n} from '@angular/core';\n\nimport { onemrvaMatStepperAnimations } from './onemrva-stepper-animations';\nimport { MatStepHeader, MatStepper } from '@angular/material/stepper';\nimport { Subject, takeUntil } from 'rxjs';\nimport { NgForOf, NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector:\n 'onemrva-mat-stepper, onemrva-mat-vertical-stepper, [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 encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [NgForOf, NgTemplateOutlet, MatStepHeader],\n})\nexport class OnemrvaMatStepperComponent\n extends MatStepper\n implements AfterContentInit, OnDestroy\n{\n destroyNotifier$: Subject<void> = new Subject<void>();\n\n /** Orientation of the summary-stepper. */\n @Input()\n override get orientation(): StepperOrientation {\n return 'vertical';\n }\n override set orientation(value: StepperOrientation) {\n this.matStepperVertical = true;\n }\n\n @HostBinding('class.mat-stepper-vertical') matStepperVertical = true;\n @HostBinding('attr.aria-orientation') ariaOrientation = 'vertical';\n @HostBinding('role') role = 'tablist';\n\n \n _animationDone: any;\n\n scrollToElement(elementId: string): void {\n const element = document.getElementById(elementId);\n if (element) {\n const yOffset = -100; // Optional: offset from the top for better positioning\n const y =\n element.getBoundingClientRect().top + window.pageYOffset + yOffset;\n window.scrollTo({ top: y, behavior: 'smooth' });\n }\n }\n\n constructor(\n @Optional() dir: Directionality,\n changeDetectorRef: ChangeDetectorRef,\n elementRef: ElementRef<HTMLElement>,\n ) {\n super(dir, changeDetectorRef, elementRef);\n\n this.selectionChange\n .pipe(takeUntil(this.destroyNotifier$))\n .subscribe(value => {\n const timeBeforeScroll = parseInt(this.animationDuration || '0') + 400;\n setTimeout(() => {\n const el = `cdk-step-label-${this._getStepLabelId(value.selectedIndex)}`; // TODO check ??\n this.scrollToElement(el);\n }, timeBeforeScroll);\n });\n }\n\n override ngOnDestroy(): void {\n super.ngOnDestroy();\n this.destroyNotifier$.next();\n this.destroyNotifier$.complete();\n }\n}\n","<!-- Vertical summary-stepper -->\n<ng-container>\n <div\n class=\"mat-step\"\n *ngFor=\"let step of steps; let i = index; let isLast = last\"\n >\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step: step, i: i}\"\n ></ng-container>\n <div\n class=\"mat-vertical-content-container\"\n [class.mat-stepper-vertical-line]=\"!isLast\"\n >\n <div\n class=\"mat-vertical-stepper-content\"\n role=\"tabpanel\"\n [@verticalStepTransition]=\"{\n 'value': _getAnimationDirection(i),\n 'params': {'animationDuration': _getAnimationDuration()}\n }\"\n (@verticalStepTransition.done)=\"_animationDone.next($event)\"\n [id]=\"_getStepContentId(i)\"\n [attr.aria-labelledby]=\"_getStepLabelId(i)\"\n [attr.aria-expanded]=\"selectedIndex === i\"\n >\n <div class=\"mat-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"></ng-container>\n </div>\n </div>\n </div>\n </div>\n</ng-container>\n\n<!-- Common step templating -->\n<ng-template let-step=\"step\" let-i=\"i\" #stepTemplate>\n <mat-step-header\n [class.mat-horizontal-stepper-header]=\"orientation === 'horizontal'\"\n [class.mat-vertical-stepper-header]=\"orientation === 'vertical'\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === i ? 0 : -1\"\n [id]=\"_getStepLabelId(i)\"\n [attr.aria-posinset]=\"i + 1\"\n [attr.aria-setsize]=\"steps.length\"\n [attr.aria-controls]=\"_getStepContentId(i)\"\n [attr.aria-selected]=\"selectedIndex === i\"\n [attr.aria-label]=\"step.ariaLabel || null\"\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\n [attr.aria-disabled]=\"_stepIsNavigable(i, step) ? null : true\"\n [index]=\"i\"\n [state]=\"_getIndicatorType(i, step.state)\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"selectedIndex === i\"\n [active]=\"_stepIsNavigable(i, step)\"\n [optional]=\"step.optional\"\n [errorMessage]=\"step.errorMessage\"\n [iconOverrides]=\"_iconOverrides\"\n [disableRipple]=\"disableRipple || !_stepIsNavigable(i, step)\"\n ></mat-step-header>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatStepperComponent } from './onemrva-mat-stepper.component';\nimport { CommonModule } from '@angular/common';\nimport { MatCommonModule, MatRippleModule } from '@angular/material/core';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CdkStepperModule } from '@angular/cdk/stepper';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatStepperModule } from '@angular/material/stepper';\n\n@NgModule({\n imports: [OnemrvaMatStepperComponent],\n exports: [MatStepperModule, OnemrvaMatStepperComponent],\n declarations: [],\n providers: [],\n})\nexport class OnemrvaMatStepperModule {}\n","/*\n * Public API Surface of mat-summary-stepper\n */\n\nexport * from './src/onemrva-mat-stepper.component';\nexport * from './src/onemrva-mat-stepper.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { HostBinding, Input, Component, NgModule } from '@angular/core';
|
|
3
3
|
import { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
|
|
4
4
|
|
|
5
5
|
class OnemrvaMatStickerComponent {
|
|
@@ -34,10 +34,10 @@ class OnemrvaMatStickerComponent {
|
|
|
34
34
|
get _isGrayscale() {
|
|
35
35
|
return this.color === OnemrvaMatColor.GRAYSCALE;
|
|
36
36
|
}
|
|
37
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatStickerComponent, isStandalone: true, selector: "onemrva-mat-sticker", inputs: { color: "color" }, host: { properties: { "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo", "class.mat-grayscale": "this._isGrayscale" } }, ngImport: i0, template: ` <ng-content></ng-content>`, isInline: true }); }
|
|
39
39
|
}
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
42
|
args: [{
|
|
43
43
|
selector: 'onemrva-mat-sticker',
|
|
@@ -70,11 +70,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
70
70
|
}] } });
|
|
71
71
|
|
|
72
72
|
class OnemrvaMatStickerModule {
|
|
73
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
74
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
75
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
73
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
74
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatStickerModule, imports: [OnemrvaMatStickerComponent], exports: [OnemrvaMatStickerComponent] }); }
|
|
75
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatStickerModule }); }
|
|
76
76
|
}
|
|
77
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
77
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatStickerModule, decorators: [{
|
|
78
78
|
type: NgModule,
|
|
79
79
|
args: [{
|
|
80
80
|
declarations: [],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable,
|
|
2
|
+
import { Injectable, HostListener, Input, HostBinding, Component, Directive } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/material/list';
|
|
4
4
|
import { MatListModule } from '@angular/material/list';
|
|
5
5
|
import * as i2$1 from '@ngx-translate/core';
|
|
@@ -56,10 +56,10 @@ class OnemrvaMatTableOfContentService {
|
|
|
56
56
|
this._toc = {};
|
|
57
57
|
this._toc$.next(this._toc);
|
|
58
58
|
}
|
|
59
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
60
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.
|
|
59
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTableOfContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
60
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTableOfContentService }); }
|
|
61
61
|
}
|
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTableOfContentService, decorators: [{
|
|
63
63
|
type: Injectable
|
|
64
64
|
}] });
|
|
65
65
|
|
|
@@ -127,10 +127,10 @@ class OnemrvaMatTableOfContentComponent {
|
|
|
127
127
|
}
|
|
128
128
|
});
|
|
129
129
|
}
|
|
130
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
131
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
130
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTableOfContentComponent, deps: [{ token: OnemrvaMatTableOfContentService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
131
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatTableOfContentComponent, isStandalone: true, selector: "onemrva-mat-table-of-content", inputs: { titleKey: "titleKey", tocName: "tocName", dataCy: "dataCy", tableOfContentName: "tableOfContentName", scrollShift: "scrollShift" }, host: { listeners: { "window:scroll": "onScrollEvent($event)", "window:resize": "onResizeEvent($event)" }, properties: { "attr.data-cy": "this.dataCy" } }, ngImport: i0, template: "<div class=\"onemrva-mat-toc\">\n <h3 class=\"onemrva-mat-toc-title\">{{ titleKey | translate }}</h3>\n\n <mat-list>\n <mat-list-item\n *ngFor=\"let anchor of toc$ | async\"\n (click)=\"goTo(anchor)\"\n [ngClass]=\"{\n 'active-anchor': anchor.path === activePath,\n 'onemrva-anchor-for-subsection': anchor.level === level.SUBSECTION,\n 'onemrva-mat-hidden-toc-anchor': anchor.directive.hiddenInToc,\n }\"\n >\n {{ anchor.titleKey | translate }}\n <mat-icon *ngIf=\"anchor.status === status.CHECKMARK\" class=\"anchor-check\"\n >check</mat-icon\n >\n <mat-icon *ngIf=\"anchor.status === status.WARNING\" class=\"anchor-warning\"\n >priority_high</mat-icon\n >\n </mat-list-item>\n </mat-list>\n</div>\n", dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i2.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i2.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
|
|
132
132
|
}
|
|
133
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTableOfContentComponent, decorators: [{
|
|
134
134
|
type: Component,
|
|
135
135
|
args: [{ selector: 'onemrva-mat-table-of-content', standalone: true, imports: [MatListModule, TranslateModule, CommonModule, MatIconModule], template: "<div class=\"onemrva-mat-toc\">\n <h3 class=\"onemrva-mat-toc-title\">{{ titleKey | translate }}</h3>\n\n <mat-list>\n <mat-list-item\n *ngFor=\"let anchor of toc$ | async\"\n (click)=\"goTo(anchor)\"\n [ngClass]=\"{\n 'active-anchor': anchor.path === activePath,\n 'onemrva-anchor-for-subsection': anchor.level === level.SUBSECTION,\n 'onemrva-mat-hidden-toc-anchor': anchor.directive.hiddenInToc,\n }\"\n >\n {{ anchor.titleKey | translate }}\n <mat-icon *ngIf=\"anchor.status === status.CHECKMARK\" class=\"anchor-check\"\n >check</mat-icon\n >\n <mat-icon *ngIf=\"anchor.status === status.WARNING\" class=\"anchor-warning\"\n >priority_high</mat-icon\n >\n </mat-list-item>\n </mat-list>\n</div>\n" }]
|
|
136
136
|
}], ctorParameters: () => [{ type: OnemrvaMatTableOfContentService }], propDecorators: { titleKey: [{
|
|
@@ -183,10 +183,10 @@ class OnemrvaMatTableOfContentDirective {
|
|
|
183
183
|
ngAfterViewInit() {
|
|
184
184
|
this.cd.detectChanges();
|
|
185
185
|
}
|
|
186
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
187
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
186
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTableOfContentDirective, deps: [{ token: OnemrvaMatTableOfContentService }, { token: i0.ChangeDetectorRef }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
187
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatTableOfContentDirective, isStandalone: true, selector: "[onemrvaMatToc]", inputs: { onemrvaMatToc: "onemrvaMatToc", hiddenInToc: "hiddenInToc" }, host: { properties: { "attr.role": "this.role", "attr.class": "this.clazz", "attr.aria-label": "this.ariaLabel", "attr.rvaonem-toc-anchor": "this.ariaToc" } }, ngImport: i0 }); }
|
|
188
188
|
}
|
|
189
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTableOfContentDirective, decorators: [{
|
|
190
190
|
type: Directive,
|
|
191
191
|
args: [{
|
|
192
192
|
selector: '[onemrvaMatToc]',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { TemplateRef,
|
|
2
|
+
import { TemplateRef, ViewChild, Input, Component, HostBinding, ContentChild, ContentChildren, ChangeDetectionStrategy, NgModule } from '@angular/core';
|
|
3
3
|
import { NgClass, NgTemplateOutlet, NgIf } from '@angular/common';
|
|
4
4
|
import { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
|
|
5
5
|
import * as i1 from '@angular/forms';
|
|
@@ -14,10 +14,10 @@ class OnemrvaMatTaskTitleComponent {
|
|
|
14
14
|
ngAfterViewInit() {
|
|
15
15
|
this.cd.detectChanges();
|
|
16
16
|
}
|
|
17
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTaskTitleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatTaskTitleComponent, isStandalone: true, selector: "onemrva-mat-task-title", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-task-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
19
19
|
}
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTaskTitleComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
22
|
args: [{ selector: 'onemrva-mat-task-title', standalone: true, imports: [NgClass], template: "<ng-template>\n <div class=\"onemrva-mat-task-title\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n" }]
|
|
23
23
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { customNgClass: [{
|
|
@@ -28,10 +28,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
28
28
|
}] } });
|
|
29
29
|
|
|
30
30
|
class OnemrvaMatTaskContentComponent {
|
|
31
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
32
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
31
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTaskContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
32
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatTaskContentComponent, isStandalone: true, selector: "onemrva-mat-task-content", inputs: { customNgClass: "customNgClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<ng-template>\n <div class=\"onemrva-mat-task-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
33
33
|
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTaskContentComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
36
|
args: [{ selector: 'onemrva-mat-task-content', standalone: true, imports: [NgClass], template: "<ng-template>\n <div class=\"onemrva-mat-task-content\" [ngClass]=\"customNgClass\">\n <ng-content></ng-content>\n </div>\n</ng-template>\n" }]
|
|
37
37
|
}], propDecorators: { customNgClass: [{
|
|
@@ -111,10 +111,10 @@ class OnemrvaMatTaskComponent {
|
|
|
111
111
|
return '';
|
|
112
112
|
return `mat-${this.color}`;
|
|
113
113
|
}
|
|
114
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
115
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
114
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTaskComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
115
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatTaskComponent, isStandalone: true, selector: "onemrva-mat-task", inputs: { customNgClass: "customNgClass", icon: "icon", form: "form", bubble: "bubble", arialLabel: "arialLabel", disabled: "disabled", color: "color" }, host: { properties: { "class.mat-disabled": "this.disabled", "attr.aria-disabled": "this.showAriaDisabled", "class.mat-accent": "this._isAccent", "class.mat-primary": "this._isPrimary", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo", "class.mat-grayscale": "this._isGrayscale" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatTaskTitleComponent, descendants: true }, { propertyName: "content", first: true, predicate: OnemrvaMatTaskContentComponent, descendants: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<div class=\"onemrva-mat-task-icon\">\n <ng-container *ngIf=\"icon !== undefined\">\n <span class=\"bubble\"\n ><mat-icon>{{ icon }}</mat-icon></span\n >\n </ng-container>\n <ng-container *ngIf=\"form !== undefined\">\n <mat-checkbox\n [disabled]=\"true\"\n [formControl]=\"form\"\n [aria-label]=\"arialLabel\"\n ></mat-checkbox>\n </ng-container>\n <ng-container *ngIf=\"bubble !== undefined\">\n <span class=\"bubble\">{{ bubble }}</span>\n </ng-container>\n</div>\n<ng-container *ngIf=\"title?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"content?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
116
116
|
}
|
|
117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTaskComponent, decorators: [{
|
|
118
118
|
type: Component,
|
|
119
119
|
args: [{ selector: 'onemrva-mat-task', standalone: true, imports: [MatCheckbox, MatIcon, ReactiveFormsModule, NgTemplateOutlet, NgIf], template: "<div class=\"onemrva-mat-task-icon\">\n <ng-container *ngIf=\"icon !== undefined\">\n <span class=\"bubble\"\n ><mat-icon>{{ icon }}</mat-icon></span\n >\n </ng-container>\n <ng-container *ngIf=\"form !== undefined\">\n <mat-checkbox\n [disabled]=\"true\"\n [formControl]=\"form\"\n [aria-label]=\"arialLabel\"\n ></mat-checkbox>\n </ng-container>\n <ng-container *ngIf=\"bubble !== undefined\">\n <span class=\"bubble\">{{ bubble }}</span>\n </ng-container>\n</div>\n<ng-container *ngIf=\"title?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"content?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n</ng-container>\n" }]
|
|
120
120
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { customNgClass: [{
|
|
@@ -182,10 +182,10 @@ class OnemrvaMatTaskListComponent {
|
|
|
182
182
|
ngAfterViewInit() {
|
|
183
183
|
this.cd.detectChanges();
|
|
184
184
|
}
|
|
185
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
186
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
185
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTaskListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
186
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatTaskListComponent, isStandalone: true, selector: "onemrva-mat-task-list", inputs: { id: "id", data_cy: "data_cy" }, host: { properties: { "attr.id": "this.id", "attr.data-cy": "this.data_cy" } }, queries: [{ propertyName: "_tasks", predicate: OnemrvaMatTaskComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
187
187
|
}
|
|
188
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTaskListComponent, decorators: [{
|
|
189
189
|
type: Component,
|
|
190
190
|
args: [{ selector: 'onemrva-mat-task-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
|
|
191
191
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { id: [{
|
|
@@ -206,17 +206,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
206
206
|
}] } });
|
|
207
207
|
|
|
208
208
|
class OnemrvaMatTaskListModule {
|
|
209
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
210
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
209
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTaskListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
210
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskListComponent,
|
|
211
211
|
OnemrvaMatTaskTitleComponent,
|
|
212
212
|
OnemrvaMatTaskContentComponent,
|
|
213
213
|
OnemrvaMatTaskComponent], exports: [OnemrvaMatTaskListComponent,
|
|
214
214
|
OnemrvaMatTaskTitleComponent,
|
|
215
215
|
OnemrvaMatTaskContentComponent,
|
|
216
216
|
OnemrvaMatTaskComponent] }); }
|
|
217
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
217
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskComponent] }); }
|
|
218
218
|
}
|
|
219
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
219
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTaskListModule, decorators: [{
|
|
220
220
|
type: NgModule,
|
|
221
221
|
args: [{
|
|
222
222
|
imports: [
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter,
|
|
2
|
+
import { EventEmitter, Input, Output, ChangeDetectionStrategy, Component, Inject, HostBinding, Directive, Attribute, ViewEncapsulation, HostListener, Optional, Self, NgModule } from '@angular/core';
|
|
3
3
|
import { OnemrvaMatSize, OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
|
|
4
4
|
import * as i1 from '@angular/material/dialog';
|
|
5
5
|
import { MAT_DIALOG_DATA, MatDialogContent, MatDialogActions } from '@angular/material/dialog';
|
|
@@ -297,10 +297,10 @@ class ClockComponent {
|
|
|
297
297
|
value = Math.round(60 - (60 * angle) / 360);
|
|
298
298
|
return value === 60 ? 0 : value;
|
|
299
299
|
}
|
|
300
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
301
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
300
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ClockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
301
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: ClockComponent, isStandalone: true, selector: "mat-clock", inputs: { viewType: "viewType", color: "color", formattedValue: "formattedValue", minDate: "minDate", maxDate: "maxDate", formattedHours: "formattedHours", minutes: "minutes", allowed24HourMap: "allowed24HourMap" }, outputs: { changeEvent: "changeEvent", unavailableSelection: "unavailableSelection", invalidSelection: "invalidSelection" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"root\">\n <div\n class=\"circle\"\n tabindex=\"1\"\n (touchmove)=\"handleTouchMove($event)\"\n (mousemove)=\"handleMouseMove($event)\"\n (touchstart)=\"disableAnimatedPointer()\"\n (mousedown)=\"disableAnimatedPointer()\"\n (touchend)=\"handleTouchEnd($event)\"\n (mouseup)=\"enableAnimatedPointer()\"\n (click)=\"handleClick($event)\"\n >\n <div\n class=\"pointer-container\"\n [ngClass]=\"{\n 'small-pointer':\n viewType === 'hours' && (formattedValue === 0 || formattedValue > 12),\n 'animated-pointer': !touching,\n }\"\n [style.transform]=\"'rotate(' + angle + 'deg)'\"\n >\n <button\n aria-disabled=\"true\"\n mat-mini-fab\n [color]=\"color\"\n class=\"inner-dot\"\n aria-label=\"Inner Dot\"\n ></button>\n <mat-toolbar [color]=\"color\" class=\"pointer\">\n <button\n mat-mini-fab\n [color]=\"color\"\n class=\"outer-dot\"\n aria-label=\"Outer dot\"\n [ngClass]=\"{\n 'outer-dot-odd': viewType === 'minutes' && formattedValue % 5 !== 0,\n }\"\n >\n <ng-container\n *ngIf=\"viewType === 'minutes' && formattedValue % 5 !== 0\"\n >\u00B7</ng-container\n >\n </button>\n </mat-toolbar>\n </div>\n <ng-container *ngFor=\"let digit of minuteDots\">\n <button\n mat-mini-fab\n class=\"number minute-dot\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 0 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n <ng-container *ngIf=\"digit.display % 5 !== 0\">\u00B7</ng-container>\n </button>\n </ng-container>\n <ng-container *ngFor=\"let digit of numbers\">\n <button\n mat-mini-fab\n [color]=\"color\"\n class=\"number\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 60 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n <ng-template #hoursTemplate>{{ digit.display }}</ng-template>\n <ng-template #minutesTemplate>{{\n digit.display === 60 ? '00' : digit.display\n }}</ng-template>\n <ng-container\n *ngIf=\"\n viewType === 'minutes';\n then minutesTemplate;\n else hoursTemplate\n \"\n ></ng-container>\n </button>\n </ng-container>\n <ng-container *ngFor=\"let digit of secondaryNumbers\">\n <button\n mat-mini-fab\n [color]=\"color\"\n class=\"number small-number\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 24 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 24 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n {{ digit.display === 24 ? '00' : digit.display }}\n </button>\n </ng-container>\n </div>\n</div>\n", styles: [".root{width:256px;height:256px;cursor:default}.circle{width:256px;height:256px;border-radius:50%;position:relative;background:#ededed;cursor:pointer}.mat-mdc-mini-fab.number{width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px);position:absolute;text-align:center;line-height:32px;cursor:pointer;font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:transparent;box-shadow:none}.mat-mdc-mini-fab.number.disabled{color:#0101011a}.mat-mdc-mini-fab.number:not(.selected):not(.disabled){color:#000000de}.mat-mdc-mini-fab.number:not(.disabled).minute-dot{color:#010101b3}.mat-mdc-mini-fab.number:not(.disabled).minute-dot.selected{color:transparent}.small-number{font-size:12px}.small-number:not(.selected):not(.disabled){color:#000000ab}.pointer-container{width:calc(50% - 20px);height:2;position:absolute;left:50%;top:calc(50% - 1px);transform-origin:left center;pointer-events:none}.pointer-container.disabled *{background-color:transparent}.pointer{height:1px}.animated-pointer{transition:all .2s ease-out}.pointer-container.small-pointer{width:calc(50% - 52px)}.pointer-container.small-pointer mat-toolbar{padding:0 16px}.pointer-container mat-toolbar{padding:0 54px}.inner-dot{position:absolute;top:-3px;left:-4px;width:8px;height:8px;border-radius:50%;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.outer-dot{width:32px;height:32px;position:absolute;right:-16px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;border-radius:50%;box-sizing:content-box}.outer-dot-odd{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MatMiniFabButton, selector: "button[mat-mini-fab]", exportAs: ["matButton"] }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
302
302
|
}
|
|
303
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: ClockComponent, decorators: [{
|
|
304
304
|
type: Component,
|
|
305
305
|
args: [{ selector: 'mat-clock', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, MatMiniFabButton, MatToolbar, NgIf, NgForOf], template: "<div class=\"root\">\n <div\n class=\"circle\"\n tabindex=\"1\"\n (touchmove)=\"handleTouchMove($event)\"\n (mousemove)=\"handleMouseMove($event)\"\n (touchstart)=\"disableAnimatedPointer()\"\n (mousedown)=\"disableAnimatedPointer()\"\n (touchend)=\"handleTouchEnd($event)\"\n (mouseup)=\"enableAnimatedPointer()\"\n (click)=\"handleClick($event)\"\n >\n <div\n class=\"pointer-container\"\n [ngClass]=\"{\n 'small-pointer':\n viewType === 'hours' && (formattedValue === 0 || formattedValue > 12),\n 'animated-pointer': !touching,\n }\"\n [style.transform]=\"'rotate(' + angle + 'deg)'\"\n >\n <button\n aria-disabled=\"true\"\n mat-mini-fab\n [color]=\"color\"\n class=\"inner-dot\"\n aria-label=\"Inner Dot\"\n ></button>\n <mat-toolbar [color]=\"color\" class=\"pointer\">\n <button\n mat-mini-fab\n [color]=\"color\"\n class=\"outer-dot\"\n aria-label=\"Outer dot\"\n [ngClass]=\"{\n 'outer-dot-odd': viewType === 'minutes' && formattedValue % 5 !== 0,\n }\"\n >\n <ng-container\n *ngIf=\"viewType === 'minutes' && formattedValue % 5 !== 0\"\n >\u00B7</ng-container\n >\n </button>\n </mat-toolbar>\n </div>\n <ng-container *ngFor=\"let digit of minuteDots\">\n <button\n mat-mini-fab\n class=\"number minute-dot\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 0 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n <ng-container *ngIf=\"digit.display % 5 !== 0\">\u00B7</ng-container>\n </button>\n </ng-container>\n <ng-container *ngFor=\"let digit of numbers\">\n <button\n mat-mini-fab\n [color]=\"color\"\n class=\"number\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 60 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 60 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n <ng-template #hoursTemplate>{{ digit.display }}</ng-template>\n <ng-template #minutesTemplate>{{\n digit.display === 60 ? '00' : digit.display\n }}</ng-template>\n <ng-container\n *ngIf=\"\n viewType === 'minutes';\n then minutesTemplate;\n else hoursTemplate\n \"\n ></ng-container>\n </button>\n </ng-container>\n <ng-container *ngFor=\"let digit of secondaryNumbers\">\n <button\n mat-mini-fab\n [color]=\"color\"\n class=\"number small-number\"\n [ngClass]=\"{\n selected:\n formattedValue === digit.display ||\n (digit.display === 24 && formattedValue === 0),\n disabled: !isAvailable(digit.display === 24 ? 0 : digit.display),\n }\"\n [style.transform]=\"\n 'translate(' + digit.translateX + 'px, ' + digit.translateY + 'px)'\n \"\n >\n {{ digit.display === 24 ? '00' : digit.display }}\n </button>\n </ng-container>\n </div>\n</div>\n", styles: [".root{width:256px;height:256px;cursor:default}.circle{width:256px;height:256px;border-radius:50%;position:relative;background:#ededed;cursor:pointer}.mat-mdc-mini-fab.number{width:32px;height:32px;left:calc(50% - 16px);top:calc(50% - 16px);position:absolute;text-align:center;line-height:32px;cursor:pointer;font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:transparent;box-shadow:none}.mat-mdc-mini-fab.number.disabled{color:#0101011a}.mat-mdc-mini-fab.number:not(.selected):not(.disabled){color:#000000de}.mat-mdc-mini-fab.number:not(.disabled).minute-dot{color:#010101b3}.mat-mdc-mini-fab.number:not(.disabled).minute-dot.selected{color:transparent}.small-number{font-size:12px}.small-number:not(.selected):not(.disabled){color:#000000ab}.pointer-container{width:calc(50% - 20px);height:2;position:absolute;left:50%;top:calc(50% - 1px);transform-origin:left center;pointer-events:none}.pointer-container.disabled *{background-color:transparent}.pointer{height:1px}.animated-pointer{transition:all .2s ease-out}.pointer-container.small-pointer{width:calc(50% - 52px)}.pointer-container.small-pointer mat-toolbar{padding:0 16px}.pointer-container mat-toolbar{padding:0 54px}.inner-dot{position:absolute;top:-3px;left:-4px;width:8px;height:8px;border-radius:50%;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.outer-dot{width:32px;height:32px;position:absolute;right:-16px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;border-radius:50%;box-sizing:content-box}.outer-dot-odd{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-direction:column}\n"] }]
|
|
306
306
|
}], propDecorators: { viewType: [{
|
|
@@ -430,10 +430,10 @@ class MatTimepickerComponentDialogComponent {
|
|
|
430
430
|
cancelClickHandler() {
|
|
431
431
|
this.cancelClickEvent.emit();
|
|
432
432
|
}
|
|
433
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
434
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
433
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatTimepickerComponentDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
434
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: MatTimepickerComponentDialogComponent, isStandalone: true, selector: "mat-timepicker-dialog", outputs: { changeEvent: "changeEvent", okClickEvent: "okClickEvent", cancelClickEvent: "cancelClickEvent" }, ngImport: i0, template: "<mat-dialog-content>\n <div class=\"root\">\n <mat-toolbar [color]=\"color\" class=\"header\">\n <div class=\"time-frame\">\n <span\n class=\"time fixed-font-size\"\n [ngClass]=\"{ select: this.viewType === 'hours' && 'active' }\"\n (click)=\"editHours()\"\n role=\"button\"\n tabindex=\"0\"\n >\n {{ twoDigits(formattedHours) }}\n </span>\n <span class=\"fixed-font-size\">:</span>\n <span\n class=\"time fixed-font-size\"\n [ngClass]=\"{ select: this.viewType === 'minutes' && 'active' }\"\n (click)=\"editMinutes()\"\n tabindex=\"1\"\n role=\"button\"\n >\n {{ twoDigits(minutes) }}\n </span>\n </div>\n </mat-toolbar>\n <div class=\"body\">\n <mat-clock\n [allowed24HourMap]=\"allowed24HourMap\"\n [minDate]=\"minDate\"\n [maxDate]=\"maxDate\"\n [color]=\"color\"\n [viewType]=\"viewType\"\n [formattedHours]=\"formattedHours\"\n [minutes]=\"minutes\"\n (changeEvent)=\"handleClockChange($event)\"\n (unavailableSelection)=\"handleUnavailableSelection()\"\n [formattedValue]=\"viewType === 'minutes' ? minutes : formattedHours\"\n (mouseup)=\"handleClockChangeDone($event)\"\n (touchend)=\"handleClockChangeDone($event)\"\n (invalidSelection)=\"invalidSelectionHandler($event)\"\n ></mat-clock>\n </div>\n </div>\n</mat-dialog-content>\n<mat-dialog-actions>\n <button mat-button color=\"primary\" (click)=\"cancelClickHandler()\">\n {{ cancelLabel }}\n </button>\n <button\n mat-flat-button\n [disabled]=\"invalidSelection\"\n [color]=\"color\"\n (click)=\"okClickHandler()\"\n >\n {{ okLabel }}\n </button>\n</mat-dialog-actions>\n", styles: [".mdc-dialog__content{min-height:395px;padding:0!important;overflow:hidden}mat-dialog-actions{justify-content:flex-end;margin:0}.root{min-width:282px}.header{border-top-left-radius:2px;border-top-right-radius:2px;padding:20px 0;line-height:58px;font-size:58px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;height:98px}.header .fixed-font-size{font-size:58px}.header .time-frame{height:60px}.time{transition:all .2s ease-out;cursor:pointer}.time:not(.select){opacity:.6}.placeholder{flex:1}.ampm{display:flex;flex-direction:column-reverse;flex:1;font-size:14px;line-height:20px;margin-left:16px;font-weight:700}.select{color:#fff}.body{padding:24px 16px 20px;display:flex;justify-content:center}\n"], dependencies: [{ kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ClockComponent, selector: "mat-clock", inputs: ["viewType", "color", "formattedValue", "minDate", "maxDate", "formattedHours", "minutes", "allowed24HourMap"], outputs: ["changeEvent", "unavailableSelection", "invalidSelection"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
435
435
|
}
|
|
436
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
436
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatTimepickerComponentDialogComponent, decorators: [{
|
|
437
437
|
type: Component,
|
|
438
438
|
args: [{ selector: 'mat-timepicker-dialog', standalone: true, imports: [
|
|
439
439
|
MatDialogContent,
|
|
@@ -681,10 +681,10 @@ class OnemrvaMatTimepickerComponent {
|
|
|
681
681
|
//
|
|
682
682
|
// this.listeners.forEach(l => l());
|
|
683
683
|
}
|
|
684
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
685
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
684
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTimepickerComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
685
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: OnemrvaMatTimepickerComponent, isStandalone: true, selector: "mat-timepicker", inputs: { dialogLabel: "dialogLabel", id: "id", dataCy: "dataCy", color: "color", size: "size" }, outputs: { openedStream: "opened", closedStream: "closed" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "attr.role": "this.role", "class.onemrva-mat-timepicker": "this.cssClass", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent" } }, ngImport: i0, template: "" }); }
|
|
686
686
|
}
|
|
687
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
687
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTimepickerComponent, decorators: [{
|
|
688
688
|
type: Component,
|
|
689
689
|
args: [{ selector: 'mat-timepicker', template: "" }]
|
|
690
690
|
}], ctorParameters: () => [{ type: i1.MatDialog }], propDecorators: { openedStream: [{
|
|
@@ -735,10 +735,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
735
735
|
*/
|
|
736
736
|
/** Can be used to override the icon of a `matDatepickerToggle`. */
|
|
737
737
|
class MatTimepickerToggleIconDirective {
|
|
738
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
739
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
738
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatTimepickerToggleIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
739
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: MatTimepickerToggleIconDirective, isStandalone: true, selector: "[matDatepickerToggleIcon]", ngImport: i0 }); }
|
|
740
740
|
}
|
|
741
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
741
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatTimepickerToggleIconDirective, decorators: [{
|
|
742
742
|
type: Directive,
|
|
743
743
|
args: [{
|
|
744
744
|
selector: '[matDatepickerToggleIcon]',
|
|
@@ -801,10 +801,10 @@ class MatTimePickerToggle {
|
|
|
801
801
|
this._stateChanges.unsubscribe();
|
|
802
802
|
this._stateChanges = merge(datepickerStateChanged, inputStateChanged, datepickerToggled).subscribe(() => this._changeDetectorRef.markForCheck());
|
|
803
803
|
}
|
|
804
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
805
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.
|
|
804
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatTimePickerToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: 'tabindex', attribute: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
805
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: MatTimePickerToggle, isStandalone: true, selector: "mat-timepicker-toggle", inputs: { timepicker: ["for", "timepicker"], tabIndex: "tabIndex", ariaLabel: "ariaLabel", disabled: "disabled", disableRipple: "disableRipple" }, host: { listeners: { "click": "_open($event)" }, properties: { "attr.tabindex": "null", "class.mat-timepicker-toggle-active": "timepicker && timepicker.opened", "class.mat-accent": "timepicker && timepicker.color === \"accent\"", "class.mat-warn": "timepicker && timepicker.color === \"warn\"", "attr.data-mat-calendar": "timepicker ? timepicker.id : null" }, classAttribute: "mat-timepicker-toggle" }, exportAs: ["matDatepickerToggle"], usesOnChanges: true, ngImport: i0, template: "<button\n #button\n mat-icon-button\n type=\"button\"\n [attr.aria-haspopup]=\"timepicker ? 'dialog' : null\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"disabled ? -1 : tabIndex\"\n [disabled]=\"disabled\"\n [disableRipple]=\"disableRipple\"\n>\n <mat-icon>schedule</mat-icon>\n\n <ng-content select=\"[mattimepickerToggleIcon]\"></ng-content>\n</button>\n", styles: [".mat-form-field-appearance-legacy .mat-form-field-prefix .mat-datepicker-toggle-default-icon,.mat-form-field-appearance-legacy .mat-form-field-suffix .mat-datepicker-toggle-default-icon{width:1em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-datepicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-datepicker-toggle-default-icon{display:block;width:1.5em;height:1.5em}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-datepicker-toggle-default-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-datepicker-toggle-default-icon{margin:auto}\n"], dependencies: [{ kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
806
806
|
}
|
|
807
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
807
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatTimePickerToggle, decorators: [{
|
|
808
808
|
type: Component,
|
|
809
809
|
args: [{ selector: 'mat-timepicker-toggle', host: {
|
|
810
810
|
class: 'mat-timepicker-toggle',
|
|
@@ -1240,13 +1240,14 @@ class MatTimepickerDirective {
|
|
|
1240
1240
|
}
|
|
1241
1241
|
setDisabledState(isDisabled) {
|
|
1242
1242
|
this.disabled = isDisabled;
|
|
1243
|
+
this.stateChanges.next();
|
|
1243
1244
|
}
|
|
1244
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1245
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.
|
|
1245
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatTimepickerDirective, deps: [{ token: i1$1.NgControl, optional: true, self: true }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i2.FocusMonitor }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.Platform }, { token: i1$1.NgForm, optional: true }, { token: i4.MatFormField, optional: true }, { token: i1$1.FormGroupDirective, optional: true }, { token: i5.ErrorStateMatcher }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1246
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.0", type: MatTimepickerDirective, isStandalone: true, selector: "input[matTimepicker]", inputs: { matTimepicker: "matTimepicker", disabled: "disabled", id: "id", readonly: "readonly", errorStateMatcher: "errorStateMatcher", required: "required", placeholder: "placeholder", okLabel: "okLabel", cancelLabel: "cancelLabel", color: "color", disableDialogOpenOnClick: "disableDialogOpenOnClick", strict: "strict", minDate: "minDate", maxDate: "maxDate", value: "value" }, outputs: { timeChange: "timeChange", invalidInput: "invalidInput" }, host: { listeners: { "input": "inputHandler()", "keydown": "keydownHandler($event)", "keyup": "keyupHandler($event)", "focus": "focusHandler()", "focusout": "focusoutHandler()" }, properties: { "class.mat-input-server": "_isServer", "attr.id": "id", "attr.placeholder": "placeholder", "disabled": "disabled", "required": "required", "attr.readonly": "readonly || null", "attr.aria-invalid": "errorState", "attr.aria-required": "required.toString()", "class.floating": "this.shouldLabelFloat", "attr.aria-describedby": "this.describedBy" }, classAttribute: "mat-input-element mat-form-field-autofill-control" }, providers: [
|
|
1246
1247
|
{ provide: MatFormFieldControl, useExisting: MatTimepickerDirective },
|
|
1247
1248
|
], exportAs: ["matTimepicker"], usesOnChanges: true, ngImport: i0 }); }
|
|
1248
1249
|
}
|
|
1249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1250
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: MatTimepickerDirective, decorators: [{
|
|
1250
1251
|
type: Directive,
|
|
1251
1252
|
args: [{
|
|
1252
1253
|
selector: 'input[matTimepicker]',
|
|
@@ -1337,8 +1338,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.3", ngImpor
|
|
|
1337
1338
|
}] } });
|
|
1338
1339
|
|
|
1339
1340
|
class OnemrvaMatTimepickerModule {
|
|
1340
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.
|
|
1341
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.
|
|
1341
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1342
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTimepickerModule, imports: [ClockComponent,
|
|
1342
1343
|
MatTimepickerDirective,
|
|
1343
1344
|
MatTimepickerComponentDialogComponent,
|
|
1344
1345
|
MatTimepickerToggleIconDirective,
|
|
@@ -1346,11 +1347,11 @@ class OnemrvaMatTimepickerModule {
|
|
|
1346
1347
|
OnemrvaMatTimepickerComponent], exports: [MatTimepickerDirective,
|
|
1347
1348
|
MatTimePickerToggle,
|
|
1348
1349
|
OnemrvaMatTimepickerComponent] }); }
|
|
1349
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.
|
|
1350
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTimepickerModule, imports: [ClockComponent,
|
|
1350
1351
|
MatTimepickerComponentDialogComponent,
|
|
1351
1352
|
MatTimePickerToggle] }); }
|
|
1352
1353
|
}
|
|
1353
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.
|
|
1354
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaMatTimepickerModule, decorators: [{
|
|
1354
1355
|
type: NgModule,
|
|
1355
1356
|
args: [{
|
|
1356
1357
|
imports: [
|