npm - @onemrvapublic/design-system - Versions diffs - 20.11.3 → 21.0.0-develop.2 - Mend

@onemrvapublic/design-system 20.11.3 → 21.0.0-develop.2

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.

Files changed (205) hide show

package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs CHANGED Viewed

@@ -1,45 +1,43 @@
 import * as i0 from '@angular/core';
-import { Input, Component, inject, ElementRef, input, effect, HostListener, Directive, NgModule } from '@angular/core';
+import { input, Component, inject, ElementRef, effect, Directive, NgModule } from '@angular/core';
+import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
 import { NgTemplateOutlet } from '@angular/common';
 import { ComponentPortal } from '@angular/cdk/portal';
-import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
 class OnemrvaMatTooltipComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: OnemrvaMatTooltipComponent, isStandalone: true, selector: "onemrva-mat-tooltip", inputs: { text: "text", contentTemplate: "contentTemplate" }, ngImport: i0, template: `
+    constructor() {
+        this.text = input.required(...(ngDevMode ? [{ debugName: "text" }] : []));
+        this.contentTemplate = input.required(...(ngDevMode ? [{ debugName: "contentTemplate" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", 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: `
     <div>
       <div class="tooltip-container">
         <ng-template #simpleText>
-          {{ text }}
+          {{ text() }}
         </ng-template>
-        <ng-container *ngTemplateOutlet="contentTemplate || simpleText">
-        </ng-container>
+        <ng-container *ngTemplateOutlet="contentTemplate() || simpleText" />
       </div>
     </div>
   `, 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}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatTooltipComponent, decorators: [{
             type: Component,
             args: [{ selector: 'onemrva-mat-tooltip', template: `
     <div>
       <div class="tooltip-container">
         <ng-template #simpleText>
-          {{ text }}
+          {{ text() }}
         </ng-template>
-        <ng-container *ngTemplateOutlet="contentTemplate || simpleText">
-        </ng-container>
+        <ng-container *ngTemplateOutlet="contentTemplate() || simpleText" />
       </div>
     </div>
   `, standalone: true, imports: [NgTemplateOutlet], 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}\n"] }]
-        }], propDecorators: { text: [{
-                type: Input
-            }], contentTemplate: [{
-                type: Input
-            }] } });
+        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }], contentTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "contentTemplate", required: true }] }] } });
 class OnemrvaMatTooltipDirective {
     ngOnInit() {
-        if (!this.showToolTip) {
+        if (!this.showToolTip()) {
             return;
         }
     }
@@ -47,9 +45,11 @@ class OnemrvaMatTooltipDirective {
         this._overlay = inject(Overlay);
         this._overlayPositionBuilder = inject(OverlayPositionBuilder);
         this._elementRef = inject(ElementRef);
-        this.showToolTip = true;
+        this.showToolTip = input(true, ...(ngDevMode ? [{ debugName: "showToolTip" }] : []));
+        this.customToolTip = input(...(ngDevMode ? [undefined, { debugName: "customToolTip" }] : []));
+        this.contentTemplate = input(...(ngDevMode ? [undefined, { debugName: "contentTemplate" }] : []));
         this.position = input('after', ...(ngDevMode ? [{ debugName: "position" }] : []));
-        this.positionOffset = 5;
+        this.positionOffset = input(5, ...(ngDevMode ? [{ debugName: "positionOffset" }] : []));
         effect(() => {
             const positionStrategy = this._overlayPositionBuilder
                 .flexibleConnectedTo(this._elementRef)
@@ -111,8 +111,8 @@ class OnemrvaMatTooltipDirective {
     show() {
         if (this._overlayRef && !this._overlayRef.hasAttached()) {
             const tooltipRef = this._overlayRef.attach(new ComponentPortal(OnemrvaMatTooltipComponent));
-            tooltipRef.instance.text = this.customToolTip;
-            tooltipRef.instance.contentTemplate = this.contentTemplate;
+            tooltipRef.setInput('text', this.customToolTip());
+            tooltipRef.setInput('contentTemplate', this.contentTemplate());
         }
     }
     hide() {
@@ -126,37 +126,27 @@ class OnemrvaMatTooltipDirective {
             this._overlayRef.detach();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: OnemrvaMatTooltipDirective, isStandalone: true, selector: "[OnemrvaMatTooltip]", inputs: { showToolTip: { classPropertyName: "showToolTip", publicName: "showToolTip", isSignal: false, isRequired: false, transformFunction: null }, customToolTip: { classPropertyName: "customToolTip", publicName: "customToolTip", isSignal: false, isRequired: false, transformFunction: null }, contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: false, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, positionOffset: { classPropertyName: "positionOffset", publicName: "positionOffset", isSignal: false, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatTooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[OnemrvaMatTooltip]',
                     standalone: true,
+                    host: {
+                        '(mouseenter)': 'show()',
+                        '(mouseleave)': 'hide()',
+                    },
                 }]
-        }], ctorParameters: () => [], propDecorators: { showToolTip: [{
-                type: Input
-            }], customToolTip: [{
-                type: Input
-            }], contentTemplate: [{
-                type: Input
-            }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], positionOffset: [{
-                type: Input
-            }], show: [{
-                type: HostListener,
-                args: ['mouseenter']
-            }], hide: [{
-                type: HostListener,
-                args: ['mouseleave']
-            }] } });
+        }], 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 }] }] } });
 class OnemrvaMatTooltipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatTooltipModule, imports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent], exports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatTooltipModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatTooltipModule, imports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent], exports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatTooltipModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaMatTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaMatTooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"onemrvapublic-design-system-mat-tooltip.mjs","sources":["../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.component.ts","../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.directive.ts","../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.module.ts","../../../../projects/onemrva/design-system/mat-tooltip/onemrvapublic-design-system-mat-tooltip.ts"],"sourcesContent":["import { Component, Input, TemplateRef } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-tooltip',\n styleUrls: ['./onemrva-mat-tooltip.component.scss'],\n template: `\n <div>\n <div class=\"tooltip-container\">\n <ng-template #simpleText>\n {{ text }}\n </ng-template>\n <ng-container ngTemplateOutlet=\"contentTemplate \|\| simpleText\">\n </ng-container>\n </div>\n </div>\n `,\n standalone: true,\n imports: [NgTemplateOutlet],\n})\nexport class OnemrvaMatTooltipComponent {\n @Input() text!: string;\n @Input() contentTemplate!: TemplateRef<any>;\n}\n","import {\n ComponentRef,\n Directive,\n ElementRef,\n HostListener,\n Input,\n OnDestroy,\n OnInit,\n TemplateRef,\n inject,\n input,\n effect,\n} from '@angular/core';\nimport { OnemrvaMatTooltipComponent } from './onemrva-mat-tooltip.component';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport {\n ConnectedPosition,\n Overlay,\n OverlayPositionBuilder,\n OverlayRef,\n} from '@angular/cdk/overlay';\nimport { TooltipPosition } from '@angular/material/tooltip';\n\n@Directive({\n selector: '[OnemrvaMatTooltip]',\n standalone: true,\n})\nexport class OnemrvaMatTooltipDirective implements OnInit, OnDestroy {\n private _overlay = inject(Overlay);\n private _overlayPositionBuilder = inject(OverlayPositionBuilder);\n private _elementRef = inject(ElementRef);\n\n @Input() showToolTip = true;\n\n @Input() customToolTip!: string;\n\n @Input() contentTemplate!: TemplateRef<any>;\n\n position = input<TooltipPosition>('after');\n\n @Input() positionOffset = 5;\n\n private _overlayRef!: OverlayRef;\n\n ngOnInit() {\n if (!this.showToolTip) {\n return;\n }\n }\n\n constructor() {\n effect(() => {\n const positionStrategy = this._overlayPositionBuilder\n .flexibleConnectedTo(this._elementRef)\n .withPositions(this.defineStrategy());\n this._overlayRef = this._overlay.create({ positionStrategy });\n });\n }\n\n defineStrategy(): ConnectedPosition[] {\n switch (this.position()) {\n case 'above':\n return [\n {\n originX: 'start',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'bottom',\n },\n ];\n\n case 'below':\n return [\n {\n originX: 'start',\n originY: 'bottom',\n overlayX: 'start',\n overlayY: 'top',\n },\n ];\n\n case 'after':\n case 'right':\n return [\n {\n originX: 'end',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'top',\n },\n ];\n\n case 'before':\n case 'left':\n return [\n {\n originX: 'start',\n originY: 'top',\n overlayX: 'end',\n overlayY: 'top',\n },\n ];\n default:\n return [\n {\n originX: 'end',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'top',\n },\n ];\n }\n }\n\n @HostListener('mouseenter')\n show() {\n if (this._overlayRef && !this._overlayRef.hasAttached()) {\n const tooltipRef: ComponentRef<OnemrvaMatTooltipComponent> =\n this._overlayRef.attach(\n new ComponentPortal(OnemrvaMatTooltipComponent),\n );\n tooltipRef.instance.text = this.customToolTip;\n tooltipRef.instance.contentTemplate = this.contentTemplate;\n }\n }\n\n @HostListener('mouseleave')\n hide() {\n this.closeToolTip();\n }\n\n ngOnDestroy() {\n this.closeToolTip();\n }\n\n private closeToolTip() {\n if (this._overlayRef) {\n this._overlayRef.detach();\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatTooltipComponent } from './onemrva-mat-tooltip.component';\nimport { OnemrvaMatTooltipDirective } from './onemrva-mat-tooltip.directive';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent],\n exports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent],\n})\nexport class OnemrvaMatTooltipModule {}\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-tooltip.mjs","sources":["../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.component.ts","../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.directive.ts","../../../../projects/onemrva/design-system/mat-tooltip/src/onemrva-mat-tooltip.module.ts","../../../../projects/onemrva/design-system/mat-tooltip/onemrvapublic-design-system-mat-tooltip.ts"],"sourcesContent":["import { Component, TemplateRef, input } from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\n\n@Component({\n selector: 'onemrva-mat-tooltip',\n styleUrls: ['./onemrva-mat-tooltip.component.scss'],\n template: `\n <div>\n <div class=\"tooltip-container\">\n <ng-template #simpleText>\n {{ text() }}\n </ng-template>\n <ng-container ngTemplateOutlet=\"contentTemplate() \|\| simpleText\" />\n </div>\n </div>\n `,\n standalone: true,\n imports: [NgTemplateOutlet],\n})\nexport class OnemrvaMatTooltipComponent {\n readonly text = input.required<string>();\n readonly contentTemplate = input.required<TemplateRef<any>>();\n}\n","import {\n // ComponentRef,\n Directive,\n ElementRef,\n OnDestroy,\n OnInit,\n TemplateRef,\n inject,\n input,\n effect,\n ComponentRef,\n} from '@angular/core';\n// import { OnemrvaMatTooltipComponent } from './onemrva-mat-tooltip.component';\n// import { ComponentPortal } from '@angular/cdk/portal';\nimport {\n ConnectedPosition,\n Overlay,\n OverlayPositionBuilder,\n OverlayRef,\n} from '@angular/cdk/overlay';\nimport { TooltipPosition } from '@angular/material/tooltip';\nimport { OnemrvaMatTooltipComponent } from './onemrva-mat-tooltip.component';\nimport { ComponentPortal } from '@angular/cdk/portal';\n\n@Directive({\n selector: '[OnemrvaMatTooltip]',\n standalone: true,\n host: {\n '(mouseenter)': 'show()',\n '(mouseleave)': 'hide()',\n },\n})\nexport class OnemrvaMatTooltipDirective implements OnInit, OnDestroy {\n private _overlay = inject(Overlay);\n private _overlayPositionBuilder = inject(OverlayPositionBuilder);\n private _elementRef = inject(ElementRef);\n\n readonly showToolTip = input(true);\n\n readonly customToolTip = input<string>();\n\n readonly contentTemplate = input<TemplateRef<any>>();\n\n position = input<TooltipPosition>('after');\n\n readonly positionOffset = input(5);\n\n private _overlayRef!: OverlayRef;\n\n ngOnInit() {\n if (!this.showToolTip()) {\n return;\n }\n }\n\n constructor() {\n effect(() => {\n const positionStrategy = this._overlayPositionBuilder\n .flexibleConnectedTo(this._elementRef)\n .withPositions(this.defineStrategy());\n this._overlayRef = this._overlay.create({ positionStrategy });\n });\n }\n\n defineStrategy(): ConnectedPosition[] {\n switch (this.position()) {\n case 'above':\n return [\n {\n originX: 'start',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'bottom',\n },\n ];\n\n case 'below':\n return [\n {\n originX: 'start',\n originY: 'bottom',\n overlayX: 'start',\n overlayY: 'top',\n },\n ];\n\n case 'after':\n case 'right':\n return [\n {\n originX: 'end',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'top',\n },\n ];\n\n case 'before':\n case 'left':\n return [\n {\n originX: 'start',\n originY: 'top',\n overlayX: 'end',\n overlayY: 'top',\n },\n ];\n default:\n return [\n {\n originX: 'end',\n originY: 'top',\n overlayX: 'start',\n overlayY: 'top',\n },\n ];\n }\n }\n\n show() {\n if (this._overlayRef && !this._overlayRef.hasAttached()) {\n const tooltipRef: ComponentRef<OnemrvaMatTooltipComponent> =\n this._overlayRef.attach(\n new ComponentPortal(OnemrvaMatTooltipComponent),\n );\n\n tooltipRef.setInput('text', this.customToolTip());\n tooltipRef.setInput('contentTemplate', this.contentTemplate());\n }\n }\n\n hide() {\n this.closeToolTip();\n }\n\n ngOnDestroy() {\n this.closeToolTip();\n }\n\n private closeToolTip() {\n if (this._overlayRef) {\n this._overlayRef.detach();\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatTooltipComponent } from './onemrva-mat-tooltip.component';\nimport { OnemrvaMatTooltipDirective } from './onemrva-mat-tooltip.directive';\n\n@NgModule({\n declarations: [],\n imports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent],\n exports: [OnemrvaMatTooltipDirective, OnemrvaMatTooltipComponent],\n})\nexport class OnemrvaMatTooltipModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-page-error.mjs CHANGED Viewed

@@ -1,76 +1,70 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewChild, Component, inject, Renderer2, ChangeDetectorRef, Input, ContentChildren } from '@angular/core';
+import { viewChild, TemplateRef, Component, contentChildren, input, computed, inject, Renderer2, ChangeDetectorRef, effect } from '@angular/core';
 import * as i1 from '@ngx-translate/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
-import { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';
 import { NgTemplateOutlet } from '@angular/common';
+import { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';
 class PageErrorActionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageErrorActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: PageErrorActionComponent, isStandalone: true, selector: "page-error-action", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    constructor() {
+        this.template = viewChild(TemplateRef, ...(ngDevMode ? [{ debugName: "template" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PageErrorActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.1", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageErrorActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PageErrorActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'page-error-action',
-                    template: '<ng-template><ng-content></ng-content></ng-template>',
+                    template: '<ng-template><ng-content /></ng-template>',
                     standalone: true,
                 }]
-        }], propDecorators: { template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
+        }], propDecorators: { template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
 class PageErrorComponent {
+    // optional: react to language changes (so ori updates)
     constructor() {
         this.defaultCode = 500;
+        this.supportedCodes = new Set([
+            500, 404, 403, 401, 400, 503, 502, 408, 429,
+        ]);
         this.mdc = null;
-        this.code = this.defaultCode;
+        this.actions = contentChildren(PageErrorActionComponent, ...(ngDevMode ? [{ debugName: "actions" }] : []));
+        this.code = input(this.defaultCode, ...(ngDevMode ? [{ debugName: "code" }] : []));
+        this.safeCode = computed(() => {
+            const c = this.code();
+            return this.supportedCodes.has(c) ? c : this.defaultCode;
+        }, ...(ngDevMode ? [{ debugName: "safeCode" }] : []));
         this.cdn = inject(OnemRvaCDNService);
         this.renderer = inject(Renderer2);
         this.translate = inject(TranslateService);
         this.cd = inject(ChangeDetectorRef);
+        effect(() => {
+            // track both: safeCode + current language from ngx-translate
+            // `instant` won’t trigger by itself when language changes, so use onLangChange if needed
+            this.safeCode();
+        });
     }
     ngAfterViewInit() {
         this.cd.detectChanges();
         this.mdc = document.querySelector('#onemrva-drawer-container');
-        if (this.mdc !== null) {
+        if (this.mdc)
             this.renderer.addClass(this.mdc, 'bkg');
-        }
     }
     ngOnDestroy() {
-        if (this.mdc !== null) {
+        if (this.mdc)
             this.renderer.removeClass(this.mdc, 'bkg');
-        }
-    }
-    ngOnChanges(changes) {
-        this.updateTexts();
     }
     get ori() {
-        return this.cdn.getOri(this.translate.instant('error.' + this.code + '.ori'));
-    }
-    /**
-     *
-     * @private
-     */
-    updateTexts() {
-        const suppoertedCodes = [500, 404, 403, 401, 400, 503, 502, 408, 429];
-        this.code = suppoertedCodes.includes(this.code)
-            ? this.code
-            : this.defaultCode;
+        return this.cdn.getOri(this.translate.instant(`error.${this.safeCode()}.ori`));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: PageErrorComponent, isStandalone: true, selector: "page-error", inputs: { code: "code" }, queries: [{ propertyName: "actions", predicate: PageErrorActionComponent }], usesOnChanges: 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?.toArray(); track action.template) {\n              @if (action.template) {\n                <ng-container\n                  *ngTemplateOutlet=\"action.template\"\n                ></ng-container>\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: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PageErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: PageErrorComponent, isStandalone: true, selector: "page-error", inputs: { code: { classPropertyName: "code", publicName: "code", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "actions", predicate: PageErrorActionComponent, isSignal: true }], ngImport: i0, template: "<div class=\"bkg\">\n  <!-- do not copy -->\n  <div>\n    <!-- do not copy -->\n    <main class=\"page-error\">\n      <section class=\"row\">\n        <div class=\"col-6-large col-12 col-left\">\n          <div class=\"error-content\">\n            <h1>{{ 'error.' + code() + '.h1' | translate }}</h1>\n            <h2>{{ 'error.' + code() + '.h2' | translate }}</h2>\n            <p>{{ 'error.' + code() + '.p' | translate }}</p>\n            @for (action of actions(); track action.template()) {\n              @if (action.template()) {\n                <ng-container *ngTemplateOutlet=\"action.template()\" />\n              }\n            }\n          </div>\n        </div>\n        <div class=\"col-6-large col-12 col-right\">\n          <img\n            alt=\"{{ 'error.' + code() + '.h2' | translate }}\"\n            [src]=\"ori\"\n            class=\"ori\"\n          />\n        </div>\n      </section>\n    </main>\n  </div>\n  <!-- do not copy -->\n</div>\n<!-- do not copy -->\n", styles: [".page-error section.row{min-height:calc(100vh - 200px)}.page-error section.row .col-right{display:grid!important;place-items:center}.page-error section.row .col-right img.ori{height:428px}.page-error section.row .col-left{display:flex!important;align-items:center;justify-content:flex-start;text-align:left}.page-error section.row .col-left .error-content{display:block;height:auto}.page-error section.row .col-left .error-content h1{font:var(--mat-sys-display-medium)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PageErrorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'page-error', standalone: true, imports: [TranslateModule, 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?.toArray(); track action.template) {\n              @if (action.template) {\n                <ng-container\n                  *ngTemplateOutlet=\"action.template\"\n                ></ng-container>\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"] }]
-        }], propDecorators: { actions: [{
-                type: ContentChildren,
-                args: [PageErrorActionComponent]
-            }], code: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'page-error', standalone: true, imports: [TranslateModule, 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"] }]
+        }], ctorParameters: () => [], propDecorators: { actions: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => PageErrorActionComponent), { isSignal: true }] }], code: [{ type: i0.Input, args: [{ isSignal: true, alias: "code", required: false }] }] } });
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/onemrvapublic-design-system-page-error.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"onemrvapublic-design-system-page-error.mjs","sources":["../../../../projects/onemrva/design-system/page-error/src/page-error-action.component.ts","../../../../projects/onemrva/design-system/page-error/src/page-error.component.ts","../../../../projects/onemrva/design-system/page-error/src/page-error.component.html","../../../../projects/onemrva/design-system/page-error/onemrvapublic-design-system-page-error.ts"],"sourcesContent":["import { Component, TemplateRef, ~~ViewChild~~ } from '@angular/core';\n\n@Component({\n selector: 'page-error-action',\n template: '<ng-template><ng-content~~></~~ng-~~content></ng-~~template>',\n standalone: true,\n})\nexport class PageErrorActionComponent {\n ~~@ViewChild(TemplateRef)~~ template?: TemplateRef~~<any>;\~~n}\n","import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n ~~ContentChildren~~,\n ~~Input~~,\n ~~OnChanges~~,\n ~~OnDestroy~~,\n ~~QueryList~~,\n ~~Renderer2~~,\n ~~SimpleChanges~~,\n ~~inject,\n~~} from '@angular/core';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { ~~OnemRvaCDNService~~ } from '@~~onemrvapublic~~/~~design-system/shared~~';\nimport { ~~NgTemplateOutlet~~ } from '@~~angular~~/~~common~~';\nimport { PageErrorActionComponent } from './page-error-action.component';\n\n@Component({\n selector: 'page-error',\n styleUrls: ['./page-error.component.scss'],\n templateUrl: 'page-error.component.html',\n standalone: true,\n imports: [TranslateModule, NgTemplateOutlet],\n})\nexport class PageErrorComponent implements ~~OnDestroy,~~ AfterViewInit, ~~OnChanges~~ {\n defaultCode = 500;\n\n mdc: HTMLElement \| null = null;\n\n ~~@ContentChildren~~(PageErrorActionComponent)\n ~~actions?:~~ ~~QueryList~~<~~PageErrorActionComponent>;\~~n\n ~~@Input~~()\n ~~code~~ = this.defaultCode;\n\n cdn = inject(OnemRvaCDNService);\n renderer = inject(Renderer2);\n translate = inject(TranslateService);\n cd = inject(ChangeDetectorRef);\n\n ngAfterViewInit(): void {\n this.cd.detectChanges();\n this.mdc = document.querySelector('#onemrva-drawer-container');\n if (this.mdc ~~!== null~~) ~~{\n~~ this.renderer.addClass(this.mdc, 'bkg');\n ~~}\n~~ }\n\n ngOnDestroy(): void {\n if (this.mdc ~~!== null~~) ~~{\n~~ this.renderer.removeClass(this.mdc, 'bkg');\n ~~}\n~~ }\n\n ~~ngOnChanges(changes: SimpleChanges): void {\n this.updateTexts();\n }\n\n~~ get ori() {\n return this.cdn.getOri(\n this.translate.instant('error~~.' +~~ this.~~code + '~~.ori'),\n );\n }\n /*\n \n * @private\n /\n private updateTexts() {\n const suppoertedCodes = [500, 404, 403, 401, 400, 503, 502, 408, 429];\n this.code = suppoertedCodes.includes(this.code)\n ? this.code\n : this.defaultCode;\n }\n~~}\n~~","<div class=\"bkg\">\n <!-- do not copy -->\n <div>\n <!-- do not copy -->\n <main class=\"page-error\">\n <section class=\"row\">\n <div class=\"col-6-large col-12 col-left\">\n <div class=\"error-content\">\n <h1>{{ 'error.' + code + '.h1' \| translate }}</h1>\n <h2>{{ 'error.' + code + '.h2' \| translate }}</h2>\n <p>{{ 'error.' + code + '.p' \| translate }}</p>\n @for (action of actions~~?.toArray~~(); track action.template) {\n @if (action.template) {\n <ng-container\n ngTemplateOutlet=\"action.template\"\n ~~></ng-container>\n~~ }\n }\n </div>\n </div>\n <div class=\"col-6-large col-12 col-right\">\n <img\n alt=\"{{ 'error.' + code + '.h2' \| translate }}\"\n [src]=\"ori\"\n class=\"ori\"\n />\n </div>\n </section>\n </main>\n </div>\n <!-- do not copy -->\n</div>\n<!-- do not copy -->\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;MAOa,wBAAwB,CAAA~~;+GAAxB~~,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;~~mGAAxB~~,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,~~EACxB~~,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EAJZ~~,~~sDAAsD~~,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;~~4FAGrD~~,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,QAAQ,EAAE,~~sDAAsD~~;~~AAChE~~,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA~~;;sBAEE,SAAS~~;~~uBAAC~~,WAAW~~;;;MCiBX~~,kBAAkB,CAAA~~;AAP/B~~,IAAA,WAAA,GAAA;~~QAQE~~,IAAA,CAAA,WAAW,GAAG,GAAG;~~QAEjB~~,IAAA,CAAA,GAAG,GAAuB,IAAI;~~AAM9B~~,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,CAAC,WAAW;~~AAEvB~~,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAC/B,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAC5B,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACpC,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAC,iBAAiB,CAAC;~~AAmC/B~~,~~IAAA~~;~~IAjCC~~,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE;QACvB,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,2BAA2B,CAAC;~~AAC9D~~,~~QAAA,~~IAAI,IAAI,CAAC,GAAG~~,KAAK,IAAI,EAAE~~;~~YACrB~~,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC;~~QACzC~~;~~IACF;~~IAEA,WAAW,GAAA;~~AACT~~,~~QAAA,~~IAAI,IAAI,CAAC,GAAG~~,KAAK,IAAI,EAAE~~;~~YACrB~~,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC;~~QAC5C~~;~~IACF;~~AAEA,IAAA,~~WAAW,CAAC,OAAsB,EAAA;QAChC,~~IAAI,~~CAAC,WAAW,EAAE;IACpB;AAEA,IAAA,IAAI,~~GAAG,GAAA;QACL,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,CACpB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,~~QAAQ~~,~~GAAG~~,~~IAAI~~,~~CAAC,~~IAAI,~~GAAG,MAAM,~~CAAC,~~CACtD;IACH;AACA;;;AAGG;IACK~~,~~WAAW,GAAA;QACjB,MAAM,eAAe,GAAG,CAAC,GAAG,~~EAAE,~~GAAG~~,~~EAAE~~,~~GAAG~~,~~EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,~~CAAC~~;QACrE~~,~~IAAI,CAAC,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI~~;~~cAC1C,IAAI,CAAC~~;~~AACP~~,~~cAAE,IAAI,CAAC,WAAW;IACtB;+GAhDW,~~kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,~~SAAA~~,EAAA,IAAA,EAAA,kBAAkB,~~wHAKZ,~~wBAAwB,EAAA,~~CAAA~~,EAAA,~~aAAA~~,EAAA,~~IAAA~~,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EC9B3C~~,~~khCAiCA~~,EAAA,MAAA,EAAA,CAAA,ydAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,~~EDVY~~,eAAe,+BAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;~~4FAEhC~~,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,cAGV,IAAI,EAAA,OAAA,EACP,CAAC,eAAe,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,~~khCAAA~~,EAAA,MAAA,EAAA,CAAA,ydAAA,CAAA,EAAA~~;;sBAO3C,eAAe~~;~~uBAAC~~,wBAAwB;;~~sBAGxC;;;AEjCH~~;;AAEG;;;;"}
1	+ {"version":3,"file":"onemrvapublic-design-system-page-error.mjs","sources":["../../../../projects/onemrva/design-system/page-error/src/page-error-action.component.ts","../../../../projects/onemrva/design-system/page-error/src/page-error.component.ts","../../../../projects/onemrva/design-system/page-error/src/page-error.component.html","../../../../projects/onemrva/design-system/page-error/onemrvapublic-design-system-page-error.ts"],"sourcesContent":["import { Component, TemplateRef, viewChild } from '@angular/core';\n\n@Component({\n selector: 'page-error-action',\n template: '<ng-template><ng-content /></ng-template>',\n standalone: true,\n})\nexport class PageErrorActionComponent {\n readonly template = viewChild(TemplateRef);\n}\n","import {\n AfterViewInit,\n ChangeDetectorRef,\n Component,\n OnDestroy,\n Renderer2,\n computed,\n effect,\n inject,\n input,\n contentChildren,\n} from '@angular/core';\nimport { TranslateModule, TranslateService } from '@ngx-translate/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';\nimport { PageErrorActionComponent } from './page-error-action.component';\n\n@Component({\n selector: 'page-error',\n styleUrls: ['./page-error.component.scss'],\n templateUrl: 'page-error.component.html',\n standalone: true,\n imports: [TranslateModule, NgTemplateOutlet],\n})\nexport class PageErrorComponent implements AfterViewInit, OnDestroy {\n private readonly defaultCode = 500;\n private readonly supportedCodes = new Set([\n 500, 404, 403, 401, 400, 503, 502, 408, 429,\n ]);\n\n mdc: HTMLElement \| null = null;\n\n readonly actions = contentChildren(PageErrorActionComponent);\n\n readonly code = input<number>(this.defaultCode);\n\n readonly safeCode = computed(() => {\n const c = this.code();\n return this.supportedCodes.has(c) ? c : this.defaultCode;\n });\n\n private cdn = inject(OnemRvaCDNService);\n private renderer = inject(Renderer2);\n private translate = inject(TranslateService);\n private cd = inject(ChangeDetectorRef);\n\n // optional: react to language changes (so ori updates)\n constructor() {\n effect(() => {\n // track both: safeCode + current language from ngx-translate\n // `instant` won’t trigger by itself when language changes, so use onLangChange if needed\n this.safeCode();\n });\n }\n\n ngAfterViewInit(): void {\n this.cd.detectChanges();\n this.mdc = document.querySelector('#onemrva-drawer-container');\n if (this.mdc) this.renderer.addClass(this.mdc, 'bkg');\n }\n\n ngOnDestroy(): void {\n if (this.mdc) this.renderer.removeClass(this.mdc, 'bkg');\n }\n\n get ori() {\n return this.cdn.getOri(\n this.translate.instant(`error.${this.safeCode()}.ori`),\n );\n }\n}\n","<div class=\"bkg\">\n <!-- do not copy -->\n <div>\n <!-- do not copy -->\n <main class=\"page-error\">\n <section class=\"row\">\n <div class=\"col-6-large col-12 col-left\">\n <div class=\"error-content\">\n <h1>{{ 'error.' + code() + '.h1' \| translate }}</h1>\n <h2>{{ 'error.' + code() + '.h2' \| translate }}</h2>\n <p>{{ 'error.' + code() + '.p' \| translate }}</p>\n @for (action of actions(); track action.template()) {\n @if (action.template()) {\n <ng-container ngTemplateOutlet=\"action.template()\" />\n }\n }\n </div>\n </div>\n <div class=\"col-6-large col-12 col-right\">\n <img\n alt=\"{{ 'error.' + code() + '.h2' \| translate }}\"\n [src]=\"ori\"\n class=\"ori\"\n />\n </div>\n </section>\n </main>\n </div>\n <!-- do not copy -->\n</div>\n<!-- do not copy -->\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-page-not-found.mjs CHANGED Viewed

@@ -1,41 +1,41 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewChild, Component, inject, ChangeDetectorRef, ContentChild, ContentChildren, NgModule } from '@angular/core';
+import { viewChild, TemplateRef, Component, inject, ChangeDetectorRef, contentChildren, contentChild, NgModule } from '@angular/core';
 import { Subject, of, timer } from 'rxjs';
 import { startWith, switchMap, map } from 'rxjs/operators';
-import { NgStyle, NgClass, AsyncPipe, NgTemplateOutlet } from '@angular/common';
+import { AsyncPipe, NgTemplateOutlet } from '@angular/common';
 import { TranslatePipe } from '@ngx-translate/core';
 class PageNotFoundActionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageNotFoundActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: PageNotFoundActionComponent, isStandalone: true, selector: "page-not-found-action", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    constructor() {
+        this.template = viewChild(TemplateRef, ...(ngDevMode ? [{ debugName: "template" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PageNotFoundActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.1", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageNotFoundActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PageNotFoundActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'page-not-found-action',
-                    template: '<ng-template><ng-content></ng-content></ng-template>',
+                    template: '<ng-template><ng-content /></ng-template>',
                     standalone: true,
                 }]
-        }], propDecorators: { template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
+        }], propDecorators: { template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
 class PageNotFoundExtraComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageNotFoundExtraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: PageNotFoundExtraComponent, isStandalone: true, selector: "page-not-found-extra", viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: '<ng-template><ng-content></ng-content></ng-template>', isInline: true }); }
+    constructor() {
+        this.template = viewChild(TemplateRef, ...(ngDevMode ? [{ debugName: "template" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PageNotFoundExtraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.1", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageNotFoundExtraComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PageNotFoundExtraComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'page-not-found-extra',
-                    template: '<ng-template><ng-content></ng-content></ng-template>',
+                    template: '<ng-template><ng-content /></ng-template>',
                     standalone: true,
                 }]
-        }], propDecorators: { template: [{
-                type: ViewChild,
-                args: [TemplateRef]
-            }] } });
+        }], propDecorators: { template: [{ type: i0.ViewChild, args: [i0.forwardRef(() => TemplateRef), { isSignal: true }] }] } });
 class PageNotFoundInvaderComponent {
     constructor() {
@@ -82,16 +82,16 @@ class PageNotFoundInvaderComponent {
         this.score++;
         this.score$.next(this.score);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageNotFoundInvaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: PageNotFoundInvaderComponent, isStandalone: true, selector: "page-not-found-invader", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PageNotFoundInvaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: PageNotFoundInvaderComponent, isStandalone: true, selector: "page-not-found-invader", ngImport: i0, template: `
     <img
       role="button"
       tabindex="1"
       src="https://cdn.services.rvaonem.fgov.be/assets/404/saucer.svg"
       class="invader"
       alt="invader"
-      [ngClass]="{ 'game-over': gameOver }"
-      [ngStyle]="{
+      [class.game-over]="gameOver"
+      [style]="{
         width: (size$ | async) + 'px',
         height: (size$ | async) + 'px',
         left: left + 'px',
@@ -101,9 +101,9 @@ class PageNotFoundInvaderComponent {
     />
     <div class="score">Score: {{ score }}</div>
     <!--div class="laser"></div-->
-  `, 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: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+  `, 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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageNotFoundInvaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PageNotFoundInvaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'page-not-found-invader', template: `
     <img
@@ -112,8 +112,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
       src="https://cdn.services.rvaonem.fgov.be/assets/404/saucer.svg"
       class="invader"
       alt="invader"
-      [ngClass]="{ 'game-over': gameOver }"
-      [ngStyle]="{
+      [class.game-over]="gameOver"
+      [style]="{
         width: (size$ | async) + 'px',
         height: (size$ | async) + 'px',
         left: left + 'px',
@@ -123,7 +123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
     />
     <div class="score">Score: {{ score }}</div>
     <!--div class="laser"></div-->
-  `, standalone: true, imports: [AsyncPipe, NgStyle, NgClass], 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"] }]
+  `, standalone: true, imports: [AsyncPipe], 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"] }]
         }] });
 const konamiPattern = [
@@ -140,6 +140,8 @@ const konamiPattern = [
 ];
 class PageNotFoundComponent {
     constructor() {
+        this.actions = contentChildren(PageNotFoundActionComponent, ...(ngDevMode ? [{ debugName: "actions" }] : []));
+        this.extra = contentChild(PageNotFoundExtraComponent, ...(ngDevMode ? [{ debugName: "extra" }] : []));
         this.sequence = ['', '', '', '', '', '', '', '', '', ''];
         this.konamiMatch = false;
         this.cd = inject(ChangeDetectorRef);
@@ -159,32 +161,26 @@ class PageNotFoundComponent {
             this.konamiMatch = true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: PageNotFoundComponent, isStandalone: true, selector: "page-not-found", queries: [{ propertyName: "extra", first: true, predicate: PageNotFoundExtraComponent, descendants: true }, { propertyName: "actions", predicate: PageNotFoundActionComponent }], 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    <h2>{{ '404.actions' | translate }}</h2>\n    <div class=\"actions\">\n      @for (action of actions?.toArray(); track action.template) {\n        @if (action.template) {\n          <ng-container *ngTemplateOutlet=\"action.template\"></ng-container>\n        }\n      }\n    </div>\n    @if (extra?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\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></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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PageNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", 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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: PageNotFoundComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: PageNotFoundComponent, decorators: [{
             type: Component,
-            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    <h2>{{ '404.actions' | translate }}</h2>\n    <div class=\"actions\">\n      @for (action of actions?.toArray(); track action.template) {\n        @if (action.template) {\n          <ng-container *ngTemplateOutlet=\"action.template\"></ng-container>\n        }\n      }\n    </div>\n    @if (extra?.template; as tpl) {\n      <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\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></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"] }]
-        }], propDecorators: { actions: [{
-                type: ContentChildren,
-                args: [PageNotFoundActionComponent]
-            }], extra: [{
-                type: ContentChild,
-                args: [PageNotFoundExtraComponent]
-            }] } });
+            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"] }]
+        }], propDecorators: { actions: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => PageNotFoundActionComponent), { isSignal: true }] }], extra: [{ type: i0.ContentChild, args: [i0.forwardRef(() => PageNotFoundExtraComponent), { isSignal: true }] }] } });
 class OnemrvaPageNotFoundModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaPageNotFoundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaPageNotFoundModule, imports: [PageNotFoundComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaPageNotFoundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaPageNotFoundModule, imports: [PageNotFoundComponent,
             PageNotFoundInvaderComponent,
             PageNotFoundActionComponent,
             PageNotFoundExtraComponent], exports: [PageNotFoundComponent,
             PageNotFoundInvaderComponent,
             PageNotFoundActionComponent,
             PageNotFoundExtraComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaPageNotFoundModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaPageNotFoundModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: OnemrvaPageNotFoundModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: OnemrvaPageNotFoundModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],