@onemrvapublic/design-system 22.0.0-develop.13 → 22.0.0-develop.15
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 +4 -3
- package/fesm2022/onemrvapublic-design-system-card.mjs +21 -13
- package/fesm2022/onemrvapublic-design-system-card.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-collapsible-page-divider.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-flag-icon.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-layout.mjs +58 -58
- package/fesm2022/onemrvapublic-design-system-mat-address.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-avatar.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs +10 -10
- package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs +6 -6
- package/fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-country-item.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-empty-row.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs +19 -19
- package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs +6 -6
- package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-input-enterprise-number.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs +6 -6
- package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-navigation.mjs +9 -9
- package/fesm2022/onemrvapublic-design-system-mat-notification.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-panel.mjs +22 -22
- package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs +13 -13
- package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs +3 -3
- package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs +13 -13
- package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-spinner.mjs +10 -10
- package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs +9 -9
- package/fesm2022/onemrvapublic-design-system-mat-task-list.mjs +16 -16
- package/fesm2022/onemrvapublic-design-system-mat-toast.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs +10 -10
- package/fesm2022/onemrvapublic-design-system-page-error.mjs +6 -6
- package/fesm2022/onemrvapublic-design-system-page-not-found.mjs +16 -16
- package/fesm2022/onemrvapublic-design-system-shared.mjs +74 -74
- package/fesm2022/onemrvapublic-design-system-shared.mjs.map +1 -1
- package/fesm2022/onemrvapublic-design-system-timeline.mjs +7 -7
- package/fesm2022/onemrvapublic-design-system.mjs +1 -1
- package/fesm2022/onemrvapublic-design-system.mjs.map +1 -1
- package/package.json +1 -1
- package/types/onemrvapublic-design-system-card.d.ts +8 -9
- package/types/onemrvapublic-design-system.d.ts +1 -1
|
@@ -60,13 +60,13 @@ class OnemrvaMatStepperComponent extends MatStepper {
|
|
|
60
60
|
}
|
|
61
61
|
return 'number';
|
|
62
62
|
}
|
|
63
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
64
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
63
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
64
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaMatStepperComponent, isStandalone: true, selector: "onemrva-mat-stepper, onemrva-mat-vertical-stepper, [onemrvaMatStepper]", inputs: { selectedIndex: "selectedIndex", orientation: "orientation" }, host: { attributes: { "class.mat-stepper-vertical": "true", "class.mat-stepper-animations-enabled": "true" }, properties: { "attr.aria-orientation": "\"vertical\"", "attr.role": "\"tablist\"" } }, providers: [
|
|
65
65
|
{ provide: MatStepper, useExisting: OnemrvaMatStepperComponent },
|
|
66
66
|
{ provide: CdkStepper, useExisting: MatStepper },
|
|
67
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 }); }
|
|
68
68
|
}
|
|
69
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
69
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStepperComponent, decorators: [{
|
|
70
70
|
type: Component,
|
|
71
71
|
args: [{ selector: 'onemrva-mat-stepper, ' +
|
|
72
72
|
'onemrva-mat-vertical-stepper, ' +
|
|
@@ -84,11 +84,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
84
84
|
}] } });
|
|
85
85
|
|
|
86
86
|
class OnemrvaMatStepperModule {
|
|
87
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
88
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.
|
|
89
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.
|
|
87
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
88
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent], exports: [MatStepperModule, OnemrvaMatStepperComponent] }); }
|
|
89
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStepperModule, imports: [OnemrvaMatStepperComponent, MatStepperModule] }); }
|
|
90
90
|
}
|
|
91
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStepperModule, decorators: [{
|
|
92
92
|
type: NgModule,
|
|
93
93
|
args: [{
|
|
94
94
|
imports: [OnemrvaMatStepperComponent],
|
|
@@ -2,20 +2,20 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { ViewEncapsulation, Component, NgModule } from '@angular/core';
|
|
3
3
|
|
|
4
4
|
class OnemrvaMatStickerComponent {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
6
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: OnemrvaMatStickerComponent, isStandalone: true, selector: "onemrva-mat-sticker", ngImport: i0, template: ` <ng-content />`, isInline: true, styles: [":host{--sticker-border-width: 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;flex-shrink:0;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:var(--quarter-spacer) var(--spacer);font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;padding:calc(var(--quarter-spacer) + var(--sticker-border-width)) calc(var(--spacer) + var(--sticker-border-width));color:var(--on-background-gradient)}\n"] }); }
|
|
7
7
|
}
|
|
8
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerComponent, decorators: [{
|
|
9
9
|
type: Component,
|
|
10
10
|
args: [{ selector: 'onemrva-mat-sticker', template: ` <ng-content />`, imports: [], standalone: true, encapsulation: ViewEncapsulation.Emulated, styles: [":host{--sticker-border-width: 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;flex-shrink:0;align-items:center;cursor:default;background:var(--mat-sys-surface);opacity:1;border-radius:var(--small-border-radius);padding:var(--quarter-spacer) var(--spacer);font:var(--mat-sys-label-medium);box-sizing:border-box;border:2px solid var(--mat-sys-primary);color:var(--mat-sys-primary)}:host.mat-accent{background:var(--background-gradient)!important;border:none;padding:calc(var(--quarter-spacer) + var(--sticker-border-width)) calc(var(--spacer) + var(--sticker-border-width));color:var(--on-background-gradient)}\n"] }]
|
|
11
11
|
}] });
|
|
12
12
|
|
|
13
13
|
class OnemrvaMatStickerModule {
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
15
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.
|
|
16
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
15
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule, imports: [OnemrvaMatStickerComponent], exports: [OnemrvaMatStickerComponent] }); }
|
|
16
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule }); }
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatStickerModule, decorators: [{
|
|
19
19
|
type: NgModule,
|
|
20
20
|
args: [{
|
|
21
21
|
declarations: [],
|
|
@@ -55,10 +55,10 @@ class OnemrvaMatTableOfContentService {
|
|
|
55
55
|
this._toc = {};
|
|
56
56
|
this._toc$.next(this._toc);
|
|
57
57
|
}
|
|
58
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
59
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.
|
|
58
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
59
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentService }); }
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentService, decorators: [{
|
|
62
62
|
type: Injectable
|
|
63
63
|
}] });
|
|
64
64
|
|
|
@@ -141,10 +141,10 @@ class OnemrvaMatTableOfContentComponent {
|
|
|
141
141
|
this.observer?.disconnect();
|
|
142
142
|
this.tocService.resetToc();
|
|
143
143
|
}
|
|
144
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
145
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
144
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
145
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaMatTableOfContentComponent, isStandalone: true, selector: "onemrva-mat-table-of-content", inputs: { titleKeyIn: { classPropertyName: "titleKeyIn", publicName: "titleKeyIn", isSignal: true, isRequired: false, transformFunction: null }, tocName: { classPropertyName: "tocName", publicName: "tocName", isSignal: true, isRequired: true, transformFunction: null }, tableOfContentName: { classPropertyName: "tableOfContentName", publicName: "tableOfContentName", isSignal: true, isRequired: false, transformFunction: null }, scrollShift: { classPropertyName: "scrollShift", publicName: "scrollShift", isSignal: true, isRequired: false, transformFunction: null }, dataCy: { classPropertyName: "dataCy", publicName: "dataCy", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-cy": "dataCy()" } }, ngImport: i0, template: "<div class=\"onemrva-mat-toc\">\n <h3 class=\"onemrva-mat-toc-title\">{{ titleKey() | translate }}</h3>\n\n <mat-list>\n @for (anchor of toc$ | async; track anchor.path) {\n <mat-list-item\n [routerLink]=\"[]\"\n [fragment]=\"anchor.path\"\n [class]=\"{\n 'active-anchor': anchor.path === activePath,\n 'onemrva-anchor-for-subsection': anchor.level === level.SUBSECTION,\n 'onemrva-mat-hidden-toc-anchor': anchor.directive?.hiddenInToc(),\n }\"\n >\n {{ anchor.titleKey | translate }}\n @if (anchor.status === status.CHECKMARK) {\n <mat-icon class=\"mat-success\">check</mat-icon>\n }\n @if (anchor.status === status.WARNING) {\n <mat-icon class=\"anchor-warning\">priority_high</mat-icon>\n }\n </mat-list-item>\n }\n </mat-list>\n</div>\n", styles: [":host{position:fixed;width:var(--toc-width, 280px);top:var(--layout-header-height, 82px);left:0;bottom:0;overflow:auto;background-color:var(--mat-sys-surface-container);padding:var(--triple-spacer) var(--spacer) var(--spacer) var(--triple-spacer);box-sizing:border-box}:host .onemrva-mat-toc-title{color:var(--mat-sys-secondary);line-height:1.5rem;margin-bottom:var(--double-spacer)}:host mat-list{padding:0}:host mat-list mat-list-item{--mat-list-list-item-focus-state-layer-color: transparant;padding:var(--half-spacer) 0 var(--half-spacer) var(--spacer);height:2rem!important;border-left:1px solid var(--mat-sys-outline-variant)}:host mat-list mat-list-item.onemrva-mat-hidden-toc-anchor{display:none}:host mat-list mat-list-item .mdc-list-item__primary-text{font-weight:600;color:var(--mat-sys-outline)}:host mat-list mat-list-item.active-anchor{border-left:3px solid var(--mat-sys-on-tertiary-fixed-variant);padding-left:6px}:host mat-list mat-list-item.active-anchor .mdc-list-item__primary-text{color:var(--mat-sys-outline-variant)}:host mat-list mat-list-item:hover{cursor:pointer}:host mat-list mat-list-item mat-icon{vertical-align:bottom!important}:host mat-list mat-list-item mat-icon.anchor-warning{color:var(--mat-sys-on-tertiary-fixed-variant)}\n"], dependencies: [{ kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
|
|
146
146
|
}
|
|
147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentComponent, decorators: [{
|
|
148
148
|
type: Component,
|
|
149
149
|
args: [{ selector: 'onemrva-mat-table-of-content', standalone: true, imports: [
|
|
150
150
|
MatListModule,
|
|
@@ -201,10 +201,10 @@ class OnemrvaMatTableOfContentDirective {
|
|
|
201
201
|
}
|
|
202
202
|
});
|
|
203
203
|
}
|
|
204
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
205
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.
|
|
204
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
205
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: OnemrvaMatTableOfContentDirective, isStandalone: true, selector: "[onemrvaMatToc]", inputs: { onemrvaMatToc: { classPropertyName: "onemrvaMatToc", publicName: "onemrvaMatToc", isSignal: true, isRequired: true, transformFunction: null }, hiddenInToc: { classPropertyName: "hiddenInToc", publicName: "hiddenInToc", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "role()", "attr.class": "clazz()", "attr.id": "id()", "attr.aria-label": "_ariaLabel()", "attr.rvaonem-toc-anchor": "_ariaToc()" } }, ngImport: i0 }); }
|
|
206
206
|
}
|
|
207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
207
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTableOfContentDirective, decorators: [{
|
|
208
208
|
type: Directive,
|
|
209
209
|
args: [{
|
|
210
210
|
selector: '[onemrvaMatToc]',
|
|
@@ -17,10 +17,10 @@ class OnemrvaMatTaskTitleComponent {
|
|
|
17
17
|
ngAfterViewInit() {
|
|
18
18
|
this.cd.detectChanges();
|
|
19
19
|
}
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.4", type: OnemrvaMatTaskTitleComponent, isStandalone: true, selector: "onemrva-mat-task-title", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n <div [ngClass]=\"customNgClass()\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [".onemrva-mat-task-title{font:var(--mat-sys-headline-small);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-title.disabled{color:var(--mat-sys-outline-variant)}.onemrva-mat-task-title.mat-primary,.onemrva-mat-task-title.mat-secondary,.onemrva-mat-task-title.mat-tertiary,.onemrva-mat-task-title.mat-success,.onemrva-mat-task-title.mat-info,.onemrva-mat-task-title.mat-error,.onemrva-mat-task-title.mat-warn{color:var(--mat-sys-primary)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
22
22
|
}
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskTitleComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
25
|
args: [{ selector: 'onemrva-mat-task-title', standalone: true, imports: [NgClass], encapsulation: ViewEncapsulation.Emulated, template: "<ng-template>\n <div [ngClass]=\"customNgClass()\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [".onemrva-mat-task-title{font:var(--mat-sys-headline-small);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-title.disabled{color:var(--mat-sys-outline-variant)}.onemrva-mat-task-title.mat-primary,.onemrva-mat-task-title.mat-secondary,.onemrva-mat-task-title.mat-tertiary,.onemrva-mat-task-title.mat-success,.onemrva-mat-task-title.mat-info,.onemrva-mat-task-title.mat-error,.onemrva-mat-task-title.mat-warn{color:var(--mat-sys-primary)}\n"] }]
|
|
26
26
|
}], propDecorators: { customNgClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customNgClass", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
|
|
@@ -32,10 +32,10 @@ class OnemrvaMatTaskContentComponent {
|
|
|
32
32
|
this.template = viewChild(TemplateRef, /* @ts-ignore */
|
|
33
33
|
...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
|
|
34
34
|
}
|
|
35
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.
|
|
35
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.4", type: OnemrvaMatTaskContentComponent, isStandalone: true, selector: "onemrva-mat-task-content", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template>\n <div [ngClass]=\"customNgClass()\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [".onemrva-mat-task-content{margin-top:var(--double-spacer);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-content p:last-child{margin:0}.onemrva-mat-task-content.disabled{color:var(--mat-sys-outline-variant)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
|
|
37
37
|
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskContentComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
40
|
args: [{ selector: 'onemrva-mat-task-content', standalone: true, imports: [NgClass], template: "<ng-template>\n <div [ngClass]=\"customNgClass()\">\n <ng-content />\n </div>\n</ng-template>\n", styles: [".onemrva-mat-task-content{margin-top:var(--double-spacer);margin-left:calc(var(--spacer) * 10)}.onemrva-mat-task-content p:last-child{margin:0}.onemrva-mat-task-content.disabled{color:var(--mat-sys-outline-variant)}\n"] }]
|
|
41
41
|
}], propDecorators: { customNgClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "customNgClass", required: false }] }], template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
|
|
@@ -83,10 +83,10 @@ class OnemrvaMatTaskComponent {
|
|
|
83
83
|
}
|
|
84
84
|
this.cd.detectChanges();
|
|
85
85
|
}
|
|
86
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
87
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
86
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
87
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: OnemrvaMatTaskComponent, isStandalone: true, selector: "onemrva-mat-task", inputs: { customNgClass: { classPropertyName: "customNgClass", publicName: "customNgClass", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, bubble: { classPropertyName: "bubble", publicName: "bubble", isSignal: true, isRequired: false, transformFunction: null }, arialLabel: { classPropertyName: "arialLabel", publicName: "arialLabel", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.disabled": "disabled()", "attr.aria-disabled": "disabled()" } }, queries: [{ propertyName: "title", first: true, predicate: OnemrvaMatTaskTitleComponent, descendants: true, isSignal: true }, { propertyName: "content", first: true, predicate: OnemrvaMatTaskContentComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"onemrva-mat-task-icon\">\n @if (icon() !== undefined) {\n <span class=\"bubble\"\n ><mat-icon>{{ icon() }}</mat-icon></span\n >\n }\n @if (form()) {\n <mat-checkbox\n [disabled]=\"true\"\n [formControl]=\"form()!\"\n [aria-label]=\"arialLabel()\"\n />\n }\n @if (bubble() !== undefined) {\n <span class=\"bubble\">{{ bubble() }}</span>\n }\n</div>\n\n@if (title()?.template(); as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\" />\n}\n@if (content()?.template(); as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\" />\n}\n", styles: [":host{border-radius:var(--border-radius);border:1px solid var(--mat-sys-outline-variant);padding:var(--triple-spacer);display:block;align-items:center;position:relative;margin-bottom:var(--doube-spacer)}:host[class*=mat-]{background:var(--mat-sys-primary-container);border:none}:host .onemrva-mat-task-icon{position:absolute;float:left;width:3rem;text-align:center;top:50%;transform:translateY(-50%)}:host .onemrva-mat-task-icon .mat-checkbox .mat-checkbox-ripple{left:calc(50% - 10px);top:calc(50% - 10px);height:1.25rem;width:1.25rem}:host .onemrva-mat-task-icon span.bubble{display:block;text-align:center;color:var(--mat-sys-on-primary);font-size:1.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem;border:2px solid var(--mat-sys-on-primary);background:var(--mat-sys-primary);border-radius:50%;outline:1px solid var(--mat-sys-primary)}:host .onemrva-mat-task-icon span.bubble mat-icon{font-size:24px;margin-top:8px;line-height:24px}:host.disabled .onemrva-mat-task-icon mat-icon{color:var(--mat-sys-on-primary)}:host.disabled .onemrva-mat-task-icon span{color:var(--mat-sys-on-primary);background:var(--mat-sys-outline);outline:1px solid var(--mat-sys-outline)}:host.disabled .onemrva-mat-task-icon span mat-icon{color:var(--mat-sys-outline)}\n"], dependencies: [{ kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
88
88
|
}
|
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
89
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskComponent, decorators: [{
|
|
90
90
|
type: Component,
|
|
91
91
|
args: [{ selector: 'onemrva-mat-task', standalone: true, imports: [MatCheckbox, MatIcon, ReactiveFormsModule, NgTemplateOutlet], encapsulation: ViewEncapsulation.Emulated, host: {
|
|
92
92
|
'[class.disabled]': 'disabled()',
|
|
@@ -107,10 +107,10 @@ class OnemrvaMatTaskListComponent {
|
|
|
107
107
|
ngAfterViewInit() {
|
|
108
108
|
this.cd.detectChanges();
|
|
109
109
|
}
|
|
110
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
111
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.
|
|
110
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
111
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.4", type: OnemrvaMatTaskListComponent, isStandalone: true, selector: "onemrva-mat-task-list", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, data_cy: { classPropertyName: "data_cy", publicName: "data_cy", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "attr.data-cy": "data_cy()" } }, queries: [{ propertyName: "_tasks", predicate: OnemrvaMatTaskComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ng-content />\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
112
112
|
}
|
|
113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskListComponent, decorators: [{
|
|
114
114
|
type: Component,
|
|
115
115
|
args: [{ selector: 'onemrva-mat-task-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, host: {
|
|
116
116
|
'[attr.id]': 'id()',
|
|
@@ -121,14 +121,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
121
121
|
}, isSignal: true }] }] } });
|
|
122
122
|
|
|
123
123
|
class OnemrvaMatTaskListModule {
|
|
124
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
125
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.
|
|
124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
125
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskListComponent,
|
|
126
126
|
OnemrvaMatTaskTitleComponent,
|
|
127
127
|
OnemrvaMatTaskContentComponent,
|
|
128
128
|
OnemrvaMatTaskComponent] }); }
|
|
129
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.
|
|
129
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskListModule, imports: [OnemrvaMatTaskComponent] }); }
|
|
130
130
|
}
|
|
131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
131
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTaskListModule, decorators: [{
|
|
132
132
|
type: NgModule,
|
|
133
133
|
args: [{
|
|
134
134
|
imports: [
|
|
@@ -18,8 +18,8 @@ class OnemrvaMatToastComponent {
|
|
|
18
18
|
this.data = inject(MAT_SNACK_BAR_DATA);
|
|
19
19
|
this.dataCy = this.data.dataCy ? this.data.dataCy : 'onemrva-mat-toast';
|
|
20
20
|
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: OnemrvaMatToastComponent, isStandalone: true, selector: "onemrva-mat-toast", ngImport: i0, template: `
|
|
23
23
|
<div
|
|
24
24
|
class="onemrva-mat-toast show-icon"
|
|
25
25
|
[color]="data.type"
|
|
@@ -32,7 +32,7 @@ class OnemrvaMatToastComponent {
|
|
|
32
32
|
</div>
|
|
33
33
|
`, isInline: true, styles: [":host .onemrva-mat-toast{position:relative;padding:var(--double-spacer);margin:-15px -17px;border-radius:4px 4px 0 0;background-color:var(--mat-sys-primary-container);color:var(--mat-sys-primary);border-bottom:1px solid var(--mat-sys-primary)}:host .onemrva-mat-toast span{margin-left:var(--spacer)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: OnemRvaColorDirective, selector: "onemrva-mat-selectable-box[color],onemrva-collapsible-page-divider[color],div[color],onemrva-mat-avatar[color],mat-card[color],mat-toolbar[color],onemrva-mat-spinner[color],onemrva-mat-notification[color],onemrva-mat-task-list[color],onemrva-mat-sticker[color],onemrva-mat-panel[color],onemrva-mat-task[color],onemrva-mat-choice-chip[color],mat-form-field[color],button[color],mat-icon[color],mat-chip[color],mat-chip-option[color]mat-hint[color],", inputs: ["color"] }] }); }
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatToastComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{ selector: 'onemrva-mat-toast', template: `
|
|
38
38
|
<div
|
|
@@ -49,11 +49,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
49
49
|
}], ctorParameters: () => [] });
|
|
50
50
|
|
|
51
51
|
class OnemrvaMatToastModule {
|
|
52
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
53
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.
|
|
54
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.
|
|
52
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
53
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatToastModule, imports: [OnemrvaMatToastComponent], exports: [OnemrvaMatToastComponent, MatSnackBarModule] }); }
|
|
54
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatToastModule, imports: [MatSnackBarModule] }); }
|
|
55
55
|
}
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatToastModule, decorators: [{
|
|
57
57
|
type: NgModule,
|
|
58
58
|
args: [{
|
|
59
59
|
imports: [OnemrvaMatToastComponent],
|
|
@@ -11,8 +11,8 @@ class OnemrvaMatTooltipComponent {
|
|
|
11
11
|
this.contentTemplate = input.required(/* @ts-ignore */
|
|
12
12
|
...(ngDevMode ? [{ debugName: "contentTemplate" }] : /* istanbul ignore next */ []));
|
|
13
13
|
}
|
|
14
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.4", type: OnemrvaMatTooltipComponent, isStandalone: true, selector: "onemrva-mat-tooltip", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
16
16
|
<div>
|
|
17
17
|
<div class="tooltip-container">
|
|
18
18
|
<ng-template #simpleText>
|
|
@@ -23,7 +23,7 @@ class OnemrvaMatTooltipComponent {
|
|
|
23
23
|
</div>
|
|
24
24
|
`, isInline: true, styles: [".tooltip-container{font-family:var(--text-font);background:var(--mat-sys-background);font-size:12px;color:var(--mat-sys-on-background);box-shadow:0 2px 6px #00000052;border-radius:4px;padding:var(--spacer);font-weight:400;font-style:normal;line-height:18px;text-align:left}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTooltipComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
28
|
args: [{ selector: 'onemrva-mat-tooltip', template: `
|
|
29
29
|
<div>
|
|
@@ -133,10 +133,10 @@ class OnemrvaMatTooltipDirective {
|
|
|
133
133
|
this._overlayRef.detach();
|
|
134
134
|
}
|
|
135
135
|
}
|
|
136
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
137
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.
|
|
136
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
137
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: OnemrvaMatTooltipDirective, isStandalone: true, selector: "[OnemrvaMatTooltip]", inputs: { showToolTip: { classPropertyName: "showToolTip", publicName: "showToolTip", isSignal: true, isRequired: false, transformFunction: null }, customToolTip: { classPropertyName: "customToolTip", publicName: "customToolTip", isSignal: true, isRequired: false, transformFunction: null }, contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, positionOffset: { classPropertyName: "positionOffset", publicName: "positionOffset", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, ngImport: i0 }); }
|
|
138
138
|
}
|
|
139
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTooltipDirective, decorators: [{
|
|
140
140
|
type: Directive,
|
|
141
141
|
args: [{
|
|
142
142
|
selector: '[OnemrvaMatTooltip]',
|
|
@@ -149,11 +149,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImpor
|
|
|
149
149
|
}], ctorParameters: () => [], propDecorators: { showToolTip: [{ type: i0.Input, args: [{ isSignal: true, alias: "showToolTip", required: false }] }], customToolTip: [{ type: i0.Input, args: [{ isSignal: true, alias: "customToolTip", required: false }] }], contentTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTemplate", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], positionOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "positionOffset", required: false }] }] } });
|
|
150
150
|
|
|
151
151
|
class OnemrvaMatTooltipModule {
|
|
152
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
153
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.
|
|
154
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.
|
|
152
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
153
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTooltipModule, imports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent], exports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent] }); }
|
|
154
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTooltipModule }); }
|
|
155
155
|
}
|
|
156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaMatTooltipModule, decorators: [{
|
|
157
157
|
type: NgModule,
|
|
158
158
|
args: [{
|
|
159
159
|
declarations: [],
|
|
@@ -9,10 +9,10 @@ class PageErrorActionComponent {
|
|
|
9
9
|
this.template = viewChild(TemplateRef, /* @ts-ignore */
|
|
10
10
|
...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
|
|
11
11
|
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: PageErrorActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.4", type: PageErrorActionComponent, isStandalone: true, selector: "page-error-action", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: '<ng-template><ng-content /></ng-template>', isInline: true }); }
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: PageErrorActionComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{
|
|
18
18
|
selector: 'page-error-action',
|
|
@@ -61,10 +61,10 @@ class PageErrorComponent {
|
|
|
61
61
|
get ori() {
|
|
62
62
|
return this.cdn.getOri(this.translateService.instant(`error.${this.safeCode()}.ori`));
|
|
63
63
|
}
|
|
64
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
65
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
64
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: PageErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
65
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", 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" }] }); }
|
|
66
66
|
}
|
|
67
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: PageErrorComponent, decorators: [{
|
|
68
68
|
type: Component,
|
|
69
69
|
args: [{ selector: 'page-error', standalone: true, imports: [TranslatePipe, NgTemplateOutlet], 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"] }]
|
|
70
70
|
}], ctorParameters: () => [], propDecorators: { actions: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => PageErrorActionComponent), { isSignal: true }] }], code: [{ type: i0.Input, args: [{ isSignal: true, alias: "code", required: false }] }] } });
|
|
@@ -10,10 +10,10 @@ class PageNotFoundActionComponent {
|
|
|
10
10
|
this.template = viewChild(TemplateRef, /* @ts-ignore */
|
|
11
11
|
...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
|
|
12
12
|
}
|
|
13
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.
|
|
13
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: PageNotFoundActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.4", type: PageNotFoundActionComponent, isStandalone: true, selector: "page-not-found-action", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: '<ng-template><ng-content /></ng-template>', isInline: true }); }
|
|
15
15
|
}
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: PageNotFoundActionComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
18
|
args: [{
|
|
19
19
|
selector: 'page-not-found-action',
|
|
@@ -27,10 +27,10 @@ class PageNotFoundExtraComponent {
|
|
|
27
27
|
this.template = viewChild(TemplateRef, /* @ts-ignore */
|
|
28
28
|
...(ngDevMode ? [{ debugName: "template" }] : /* istanbul ignore next */ []));
|
|
29
29
|
}
|
|
30
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
31
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.
|
|
30
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: PageNotFoundExtraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.4", type: PageNotFoundExtraComponent, isStandalone: true, selector: "page-not-found-extra", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: '<ng-template><ng-content /></ng-template>', isInline: true }); }
|
|
32
32
|
}
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: PageNotFoundExtraComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
35
|
args: [{
|
|
36
36
|
selector: 'page-not-found-extra',
|
|
@@ -84,8 +84,8 @@ class PageNotFoundInvaderComponent {
|
|
|
84
84
|
this.score++;
|
|
85
85
|
this.score$.next(this.score);
|
|
86
86
|
}
|
|
87
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
88
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.
|
|
87
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: PageNotFoundInvaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
88
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: PageNotFoundInvaderComponent, isStandalone: true, selector: "page-not-found-invader", ngImport: i0, template: `
|
|
89
89
|
<img
|
|
90
90
|
role="button"
|
|
91
91
|
tabindex="1"
|
|
@@ -106,7 +106,7 @@ class PageNotFoundInvaderComponent {
|
|
|
106
106
|
<!--div class="laser"></div-->
|
|
107
107
|
`, isInline: true, styles: [".invader{max-height:20px;max-width:20px;position:absolute;border-radius:50%;z-index:100}.invader.game-over{padding:10px;border:2px solid red}.invader:hover{cursor:crosshair}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] }); }
|
|
108
108
|
}
|
|
109
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: PageNotFoundInvaderComponent, decorators: [{
|
|
110
110
|
type: Component,
|
|
111
111
|
args: [{ selector: 'page-not-found-invader', template: `
|
|
112
112
|
<img
|
|
@@ -167,26 +167,26 @@ class PageNotFoundComponent {
|
|
|
167
167
|
this.konamiMatch = true;
|
|
168
168
|
}
|
|
169
169
|
}
|
|
170
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
171
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.
|
|
170
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: PageNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
171
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.4", type: PageNotFoundComponent, isStandalone: true, selector: "page-not-found", queries: [{ propertyName: "actions", predicate: PageNotFoundActionComponent, isSignal: true }, { propertyName: "extra", first: true, predicate: PageNotFoundExtraComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"page-not-found\">\n <!--img src=\"https://cdn.services.rvaonem.fgov.be/img/404/Arri\u00E8re-plan.svg\" class=\"ap\" /-->\n <div class=\"not-found-section\">\n <div class=\"heading mat-headline-1\">{{ '404.oops' | translate }}</div>\n <h1>{{ '404.title' | translate }}</h1>\n <p>{{ '404.body' | translate }}</p>\n @if (actions() && actions().length > 0) {\n <h2>{{ '404.actions' | translate }}</h2>\n }\n <div class=\"actions\">\n @for (action of actions(); track action.template()) {\n @if (action.template()) {\n <ng-container *ngTemplateOutlet=\"action.template()\" />\n }\n }\n </div>\n @if (extra()?.template(); as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\" />\n }\n </div>\n <div class=\"not-found-section section-flying-saucer\">\n <div class=\"not-found-section flying-saucer-container\">\n <img\n src=\"https://cdn.services.rvaonem.fgov.be/img/404/saucer.svg\"\n class=\"soucoupe\"\n alt=\"{{ '404.flying.saucer' | translate }}\"\n />\n <img\n src=\"https://cdn.services.rvaonem.fgov.be/img/404/lightbeam.svg\"\n class=\"halo\"\n alt=\"{{ '404.tractor.beam' | translate }}\"\n />\n <div class=\"page-container\">\n <img\n src=\"https://cdn.services.rvaonem.fgov.be/img/404/document.svg\"\n class=\"page\"\n alt=\"{{ '404.scared.page' | translate }}\"\n />\n </div>\n <img\n src=\"https://cdn.services.rvaonem.fgov.be/img/404/shadow.svg\"\n class=\"ombre\"\n alt=\"{{ '404.shadow' | translate }}\"\n />\n </div>\n </div>\n @if (konamiMatch) {\n <page-not-found-invader />\n }\n</div>\n", styles: [".page-not-found{display:flex;flex-flow:row wrap;position:relative;background-image:url(https://cdn.services.rvaonem.fgov.be/img/404/background.svg);background-size:auto 160vh;background-position:40vw -30vh;min-height:100vh;background-repeat:no-repeat}.page-not-found .ap{position:absolute;top:0;right:0}.page-not-found .not-found-section{flex:1 1 300px;padding:48px 146px}.page-not-found .not-found-section .oops{font-size:7vw;line-height:11vw;font-weight:700;margin-bottom:21px}.page-not-found .not-found-section .nf-title{margin-bottom:21px}.page-not-found .not-found-section .nf-body{margin-bottom:40px}.page-not-found .not-found-section .nf-actions{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}.page-not-found .not-found-section .actions{display:flex;gap:8px;margin-bottom:40px}.page-not-found .not-found-section.section-flying-saucer{padding-top:96px}.page-not-found not-found-invader{position:absolute}.flying-saucer-container{position:relative}.flying-saucer-container .soucoupe{position:absolute;top:0;left:0;z-index:10;transform:translateY(0);animation-name:takeOff;animation-duration:10s}.flying-saucer-container .halo{position:absolute;top:143px;left:42px;height:395px;width:273px;border-radius:0 0 130px 130px;opacity:1;animation-name:retractHalo;animation-duration:10s}.flying-saucer-container .page-container{position:absolute;top:147px;left:100px;height:350px;overflow:hidden;animation-direction:normal}.flying-saucer-container .page-container .page{transform:translateY(100px);animation-name:suckPage;animation-duration:10s}.flying-saucer-container .ombre{position:absolute;top:536px;animation-name:shadowFade;animation-duration:10s;opacity:1;width:250px;left:60px}@keyframes suckPage{0%{transform:translateY(100px);opacity:1}35%{transform:translateY(100px);opacity:1}55%{opacity:0}85%{transform:translateY(-300px);opacity:0}to{transform:translateY(100px)}}@keyframes retractHalo{0%{opacity:0}25%{opacity:0}35%{opacity:1}55%{opacity:1}85%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes takeOff{0%{transform:translateY(-300px)}25%{transform:translateY(0)}70%{transform:translateY(0)}90%{transform:translateY(-300px)}96%{transform:translateY(-300px)}to{transform:translateY(0)}}@keyframes shadowFade{0%{opacity:0;width:370px;left:0}25%{opacity:1;width:250px;left:60px}70%{opacity:1;width:250px;left:60px}90%{opacity:0;width:370px;left:0}96%{opacity:0;width:370px;left:0}to{opacity:1;width:250px;left:60px}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageNotFoundInvaderComponent, selector: "page-not-found-invader" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
|
|
172
172
|
}
|
|
173
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
173
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: PageNotFoundComponent, decorators: [{
|
|
174
174
|
type: Component,
|
|
175
175
|
args: [{ selector: 'page-not-found', standalone: true, imports: [TranslatePipe, NgTemplateOutlet, PageNotFoundInvaderComponent], template: "<div class=\"page-not-found\">\n <!--img src=\"https://cdn.services.rvaonem.fgov.be/img/404/Arri\u00E8re-plan.svg\" class=\"ap\" /-->\n <div class=\"not-found-section\">\n <div class=\"heading mat-headline-1\">{{ '404.oops' | translate }}</div>\n <h1>{{ '404.title' | translate }}</h1>\n <p>{{ '404.body' | translate }}</p>\n @if (actions() && actions().length > 0) {\n <h2>{{ '404.actions' | translate }}</h2>\n }\n <div class=\"actions\">\n @for (action of actions(); track action.template()) {\n @if (action.template()) {\n <ng-container *ngTemplateOutlet=\"action.template()\" />\n }\n }\n </div>\n @if (extra()?.template(); as tpl) {\n <ng-container *ngTemplateOutlet=\"tpl\" />\n }\n </div>\n <div class=\"not-found-section section-flying-saucer\">\n <div class=\"not-found-section flying-saucer-container\">\n <img\n src=\"https://cdn.services.rvaonem.fgov.be/img/404/saucer.svg\"\n class=\"soucoupe\"\n alt=\"{{ '404.flying.saucer' | translate }}\"\n />\n <img\n src=\"https://cdn.services.rvaonem.fgov.be/img/404/lightbeam.svg\"\n class=\"halo\"\n alt=\"{{ '404.tractor.beam' | translate }}\"\n />\n <div class=\"page-container\">\n <img\n src=\"https://cdn.services.rvaonem.fgov.be/img/404/document.svg\"\n class=\"page\"\n alt=\"{{ '404.scared.page' | translate }}\"\n />\n </div>\n <img\n src=\"https://cdn.services.rvaonem.fgov.be/img/404/shadow.svg\"\n class=\"ombre\"\n alt=\"{{ '404.shadow' | translate }}\"\n />\n </div>\n </div>\n @if (konamiMatch) {\n <page-not-found-invader />\n }\n</div>\n", styles: [".page-not-found{display:flex;flex-flow:row wrap;position:relative;background-image:url(https://cdn.services.rvaonem.fgov.be/img/404/background.svg);background-size:auto 160vh;background-position:40vw -30vh;min-height:100vh;background-repeat:no-repeat}.page-not-found .ap{position:absolute;top:0;right:0}.page-not-found .not-found-section{flex:1 1 300px;padding:48px 146px}.page-not-found .not-found-section .oops{font-size:7vw;line-height:11vw;font-weight:700;margin-bottom:21px}.page-not-found .not-found-section .nf-title{margin-bottom:21px}.page-not-found .not-found-section .nf-body{margin-bottom:40px}.page-not-found .not-found-section .nf-actions{margin-bottom:32px;font-size:24px;line-height:36px;font-weight:700}.page-not-found .not-found-section .actions{display:flex;gap:8px;margin-bottom:40px}.page-not-found .not-found-section.section-flying-saucer{padding-top:96px}.page-not-found not-found-invader{position:absolute}.flying-saucer-container{position:relative}.flying-saucer-container .soucoupe{position:absolute;top:0;left:0;z-index:10;transform:translateY(0);animation-name:takeOff;animation-duration:10s}.flying-saucer-container .halo{position:absolute;top:143px;left:42px;height:395px;width:273px;border-radius:0 0 130px 130px;opacity:1;animation-name:retractHalo;animation-duration:10s}.flying-saucer-container .page-container{position:absolute;top:147px;left:100px;height:350px;overflow:hidden;animation-direction:normal}.flying-saucer-container .page-container .page{transform:translateY(100px);animation-name:suckPage;animation-duration:10s}.flying-saucer-container .ombre{position:absolute;top:536px;animation-name:shadowFade;animation-duration:10s;opacity:1;width:250px;left:60px}@keyframes suckPage{0%{transform:translateY(100px);opacity:1}35%{transform:translateY(100px);opacity:1}55%{opacity:0}85%{transform:translateY(-300px);opacity:0}to{transform:translateY(100px)}}@keyframes retractHalo{0%{opacity:0}25%{opacity:0}35%{opacity:1}55%{opacity:1}85%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes takeOff{0%{transform:translateY(-300px)}25%{transform:translateY(0)}70%{transform:translateY(0)}90%{transform:translateY(-300px)}96%{transform:translateY(-300px)}to{transform:translateY(0)}}@keyframes shadowFade{0%{opacity:0;width:370px;left:0}25%{opacity:1;width:250px;left:60px}70%{opacity:1;width:250px;left:60px}90%{opacity:0;width:370px;left:0}96%{opacity:0;width:370px;left:0}to{opacity:1;width:250px;left:60px}}\n"] }]
|
|
176
176
|
}], propDecorators: { actions: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => PageNotFoundActionComponent), { isSignal: true }] }], extra: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PageNotFoundExtraComponent), { isSignal: true }] }] } });
|
|
177
177
|
|
|
178
178
|
class OnemrvaPageNotFoundModule {
|
|
179
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.
|
|
180
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.
|
|
179
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaPageNotFoundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
180
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaPageNotFoundModule, imports: [PageNotFoundComponent,
|
|
181
181
|
PageNotFoundInvaderComponent,
|
|
182
182
|
PageNotFoundActionComponent,
|
|
183
183
|
PageNotFoundExtraComponent], exports: [PageNotFoundComponent,
|
|
184
184
|
PageNotFoundInvaderComponent,
|
|
185
185
|
PageNotFoundActionComponent,
|
|
186
186
|
PageNotFoundExtraComponent] }); }
|
|
187
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.
|
|
187
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaPageNotFoundModule }); }
|
|
188
188
|
}
|
|
189
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.
|
|
189
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: OnemrvaPageNotFoundModule, decorators: [{
|
|
190
190
|
type: NgModule,
|
|
191
191
|
args: [{
|
|
192
192
|
declarations: [],
|