@onemrvapublic/design-system 19.1.5-develop.1 → 19.2.0-develop.10

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 (62) hide show
  1. package/assets/i18n/de.json +3 -1
  2. package/assets/i18n/en.json +3 -1
  3. package/assets/i18n/fr.json +3 -1
  4. package/assets/i18n/nl.json +3 -1
  5. package/fesm2022/onemrvapublic-design-system-flag-icon.mjs +3 -3
  6. package/fesm2022/onemrvapublic-design-system-layout.mjs +52 -52
  7. package/fesm2022/onemrvapublic-design-system-mat-avatar.mjs +7 -7
  8. package/fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs +10 -10
  9. package/fesm2022/onemrvapublic-design-system-mat-carousel.mjs +6 -6
  10. package/fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs +3 -3
  11. package/fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs +3 -3
  12. package/fesm2022/onemrvapublic-design-system-mat-empty-row.mjs +3 -3
  13. package/fesm2022/onemrvapublic-design-system-mat-file-upload.mjs +19 -19
  14. package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs +108 -0
  15. package/fesm2022/onemrvapublic-design-system-mat-input-address.mjs.map +1 -0
  16. package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs +9 -10
  17. package/fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs.map +1 -1
  18. package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs +7 -8
  19. package/fesm2022/onemrvapublic-design-system-mat-input-country.mjs.map +1 -1
  20. package/fesm2022/onemrvapublic-design-system-mat-input-enterprise-number.mjs +7 -9
  21. package/fesm2022/onemrvapublic-design-system-mat-input-enterprise-number.mjs.map +1 -1
  22. package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs +8 -9
  23. package/fesm2022/onemrvapublic-design-system-mat-input-iban.mjs.map +1 -1
  24. package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs +15 -14
  25. package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs.map +1 -1
  26. package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs +7 -7
  27. package/fesm2022/onemrvapublic-design-system-mat-multi-select.mjs +7 -7
  28. package/fesm2022/onemrvapublic-design-system-mat-notification.mjs +3 -3
  29. package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs +18 -8
  30. package/fesm2022/onemrvapublic-design-system-mat-paginator.mjs.map +1 -1
  31. package/fesm2022/onemrvapublic-design-system-mat-panel.mjs +19 -19
  32. package/fesm2022/onemrvapublic-design-system-mat-pop-over.mjs +13 -13
  33. package/fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs +3 -3
  34. package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs +15 -16
  35. package/fesm2022/onemrvapublic-design-system-mat-select-search.mjs.map +1 -1
  36. package/fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs +7 -7
  37. package/fesm2022/onemrvapublic-design-system-mat-side-menu.mjs +7 -7
  38. package/fesm2022/onemrvapublic-design-system-mat-skeleton.mjs +7 -7
  39. package/fesm2022/onemrvapublic-design-system-mat-spinner.mjs +10 -10
  40. package/fesm2022/onemrvapublic-design-system-mat-stepper.mjs +7 -7
  41. package/fesm2022/onemrvapublic-design-system-mat-sticker.mjs +7 -7
  42. package/fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs +9 -9
  43. package/fesm2022/onemrvapublic-design-system-mat-task-list.mjs +16 -16
  44. package/fesm2022/onemrvapublic-design-system-mat-timepicker.mjs +22 -22
  45. package/fesm2022/onemrvapublic-design-system-mat-toast.mjs +7 -7
  46. package/fesm2022/onemrvapublic-design-system-mat-tooltip.mjs +10 -10
  47. package/fesm2022/onemrvapublic-design-system-page-error.mjs +6 -6
  48. package/fesm2022/onemrvapublic-design-system-page-not-found.mjs +16 -16
  49. package/fesm2022/onemrvapublic-design-system-shared.mjs +334 -62
  50. package/fesm2022/onemrvapublic-design-system-shared.mjs.map +1 -1
  51. package/mat-input-address/index.d.ts +1 -0
  52. package/mat-input-address/src/onemrva-mat-input-address.component.d.ts +28 -0
  53. package/mat-input-address/src/onemrva-mat-input-address.component.scss +14 -0
  54. package/mat-input-phone/src/onemrva-mat-input-phone.component.d.ts +2 -1
  55. package/mat-select-search/src/mat-select-search.component.scss +1 -0
  56. package/package.json +5 -1
  57. package/shared/src/lib/directives/date-format.directive.d.ts +19 -0
  58. package/shared/src/lib/directives/index.d.ts +1 -0
  59. package/shared/src/lib/directives/mat-row-clickable.directive.d.ts +2 -0
  60. package/shared/src/lib/services/index.d.ts +1 -0
  61. package/shared/src/lib/services/osm.service.d.ts +45 -0
  62. package/shared/src/lib/shared.module.d.ts +2 -1
@@ -6,10 +6,10 @@ import { NgForOf, NgIf, NgTemplateOutlet } from '@angular/common';
6
6
  import * as i1 from '@onemrvapublic/design-system/shared';
7
7
 
8
8
  class PageErrorActionComponent {
9
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PageErrorActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", 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 }); }
9
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PageErrorActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", 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 }); }
11
11
  }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PageErrorActionComponent, decorators: [{
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PageErrorActionComponent, decorators: [{
13
13
  type: Component,
14
14
  args: [{
15
15
  selector: 'page-error-action',
@@ -59,10 +59,10 @@ class PageErrorComponent {
59
59
  ? this.code
60
60
  : this.defaultCode;
61
61
  }
62
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PageErrorComponent, deps: [{ token: i1.OnemRvaCDNService }, { token: i0.Renderer2 }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
63
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: PageErrorComponent, isStandalone: true, selector: "page-error", inputs: { code: "code" }, queries: [{ propertyName: "actions", predicate: PageErrorActionComponent }], usesOnChanges: true, ngImport: i0, template: "<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 <ng-container *ngFor=\"let action of actions?.toArray(); let i = index\">\n <ng-container *ngIf=\"action.template\">\n <ng-container *ngTemplateOutlet=\"action.template\"></ng-container>\n </ng-container>\n </ng-container>\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", 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-size:70px;font-style:normal;font-weight:700;line-height:105px}.page-error section.row .col-left .error-content h2{font-size:23px;font-style:normal;font-weight:600;line-height:40px}.page-error section.row .col-left .error-content p{font-size:16px;font-style:normal;font-weight:400;line-height:26px}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
62
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PageErrorComponent, deps: [{ token: i1.OnemRvaCDNService }, { token: i0.Renderer2 }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
63
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: PageErrorComponent, isStandalone: true, selector: "page-error", inputs: { code: "code" }, queries: [{ propertyName: "actions", predicate: PageErrorActionComponent }], usesOnChanges: true, ngImport: i0, template: "<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 <ng-container *ngFor=\"let action of actions?.toArray(); let i = index\">\n <ng-container *ngIf=\"action.template\">\n <ng-container *ngTemplateOutlet=\"action.template\"></ng-container>\n </ng-container>\n </ng-container>\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", 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-size:70px;font-style:normal;font-weight:700;line-height:105px}.page-error section.row .col-left .error-content h2{font-size:23px;font-style:normal;font-weight:600;line-height:40px}.page-error section.row .col-left .error-content p{font-size:16px;font-style:normal;font-weight:400;line-height:26px}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
64
64
  }
65
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PageErrorComponent, decorators: [{
65
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PageErrorComponent, decorators: [{
66
66
  type: Component,
67
67
  args: [{ selector: 'page-error', standalone: true, imports: [TranslateModule, NgForOf, NgIf, NgTemplateOutlet], template: "<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 <ng-container *ngFor=\"let action of actions?.toArray(); let i = index\">\n <ng-container *ngIf=\"action.template\">\n <ng-container *ngTemplateOutlet=\"action.template\"></ng-container>\n </ng-container>\n </ng-container>\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", 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-size:70px;font-style:normal;font-weight:700;line-height:105px}.page-error section.row .col-left .error-content h2{font-size:23px;font-style:normal;font-weight:600;line-height:40px}.page-error section.row .col-left .error-content p{font-size:16px;font-style:normal;font-weight:400;line-height:26px}\n"] }]
68
68
  }], ctorParameters: () => [{ type: i1.OnemRvaCDNService }, { type: i0.Renderer2 }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }], propDecorators: { actions: [{
@@ -6,10 +6,10 @@ import { AsyncPipe, NgStyle, NgClass, NgForOf, NgTemplateOutlet, NgIf } from '@a
6
6
  import { TranslatePipe } from '@ngx-translate/core';
7
7
 
8
8
  class PageNotFoundActionComponent {
9
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PageNotFoundActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", 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 }); }
9
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PageNotFoundActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", 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 }); }
11
11
  }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PageNotFoundActionComponent, decorators: [{
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PageNotFoundActionComponent, decorators: [{
13
13
  type: Component,
14
14
  args: [{
15
15
  selector: 'page-not-found-action',
@@ -22,10 +22,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
22
22
  }] } });
23
23
 
24
24
  class PageNotFoundExtraComponent {
25
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PageNotFoundExtraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
26
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", 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 }); }
25
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PageNotFoundExtraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
26
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", 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 }); }
27
27
  }
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PageNotFoundExtraComponent, decorators: [{
28
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PageNotFoundExtraComponent, decorators: [{
29
29
  type: Component,
30
30
  args: [{
31
31
  selector: 'page-not-found-extra',
@@ -82,8 +82,8 @@ class PageNotFoundInvaderComponent {
82
82
  this.score++;
83
83
  this.score$.next(this.score);
84
84
  }
85
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PageNotFoundInvaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
86
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", type: PageNotFoundInvaderComponent, isStandalone: true, selector: "page-not-found-invader", ngImport: i0, template: `
85
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PageNotFoundInvaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
86
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", type: PageNotFoundInvaderComponent, isStandalone: true, selector: "page-not-found-invader", ngImport: i0, template: `
87
87
  <img
88
88
  role="button"
89
89
  tabindex="1"
@@ -103,7 +103,7 @@ class PageNotFoundInvaderComponent {
103
103
  <!--div class="laser"></div-->
104
104
  `, 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" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
105
105
  }
106
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PageNotFoundInvaderComponent, decorators: [{
106
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PageNotFoundInvaderComponent, decorators: [{
107
107
  type: Component,
108
108
  args: [{ selector: 'page-not-found-invader', template: `
109
109
  <img
@@ -159,10 +159,10 @@ class PageNotFoundComponent {
159
159
  this.konamiMatch = true;
160
160
  }
161
161
  }
162
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PageNotFoundComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
163
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.0", 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 <ng-container *ngFor=\"let action of actions?.toArray(); let i = index\">\n <ng-container *ngIf=\"action.template\">\n <ng-container *ngTemplateOutlet=\"action.template\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n <ng-container *ngIf=\"extra?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n </ng-container>\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\n <page-not-found-invader *ngIf=\"konamiMatch\"></page-not-found-invader>\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: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PageNotFoundInvaderComponent, selector: "page-not-found-invader" }] }); }
162
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PageNotFoundComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
163
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.4", 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 <ng-container *ngFor=\"let action of actions?.toArray(); let i = index\">\n <ng-container *ngIf=\"action.template\">\n <ng-container *ngTemplateOutlet=\"action.template\"></ng-container>\n </ng-container>\n </ng-container>\n </div>\n <ng-container *ngIf=\"extra?.template as tpl\">\n <ng-container *ngTemplateOutlet=\"tpl\"></ng-container>\n </ng-container>\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\n <page-not-found-invader *ngIf=\"konamiMatch\"></page-not-found-invader>\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: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PageNotFoundInvaderComponent, selector: "page-not-found-invader" }] }); }
164
164
  }
165
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: PageNotFoundComponent, decorators: [{
165
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: PageNotFoundComponent, decorators: [{
166
166
  type: Component,
167
167
  args: [{ selector: 'page-not-found', standalone: true, imports: [
168
168
  NgForOf,
@@ -180,17 +180,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImpor
180
180
  }] } });
181
181
 
182
182
  class OnemrvaPageNotFoundModule {
183
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaPageNotFoundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
184
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaPageNotFoundModule, imports: [PageNotFoundComponent,
183
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: OnemrvaPageNotFoundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
184
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.4", ngImport: i0, type: OnemrvaPageNotFoundModule, imports: [PageNotFoundComponent,
185
185
  PageNotFoundInvaderComponent,
186
186
  PageNotFoundActionComponent,
187
187
  PageNotFoundExtraComponent], exports: [PageNotFoundComponent,
188
188
  PageNotFoundInvaderComponent,
189
189
  PageNotFoundActionComponent,
190
190
  PageNotFoundExtraComponent] }); }
191
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaPageNotFoundModule }); }
191
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: OnemrvaPageNotFoundModule }); }
192
192
  }
193
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.0", ngImport: i0, type: OnemrvaPageNotFoundModule, decorators: [{
193
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: OnemrvaPageNotFoundModule, decorators: [{
194
194
  type: NgModule,
195
195
  args: [{
196
196
  declarations: [],