@onemrvapublic/design-system 1.0.0-beta.4 → 1.0.0-develop.1

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

@@ -0,0 +1,211 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, ViewChild, Component, inject, ChangeDetectorRef, ContentChild, ContentChildren, 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 { TranslatePipe } from '@ngx-translate/core';
+
+class PageNotFoundActionComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundActionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'page-not-found-action',
+                    template: '<ng-template><ng-content></ng-content></ng-template>',
+                    standalone: true,
+                }]
+        }], propDecorators: { template: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
+
+class PageNotFoundExtraComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundExtraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundExtraComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'page-not-found-extra',
+                    template: '<ng-template><ng-content></ng-content></ng-template>',
+                    standalone: true,
+                }]
+        }], propDecorators: { template: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }] } });
+
+class PageNotFoundInvaderComponent {
+    constructor() {
+        this.cd = inject(ChangeDetectorRef);
+        this.level = 0;
+        this.start = new Date();
+        this.score = 0;
+        this.gameOver = false;
+        this.score$ = new Subject();
+        this.top = 0;
+        this.left = 0;
+    }
+    ngAfterViewInit() {
+        this.size$ = this.score$.pipe(startWith(0), switchMap(score => {
+            this.level++;
+            if (this.gameOver) {
+                this.sub?.unsubscribe();
+                return of(10);
+            }
+            const width = window.innerWidth;
+            const height = window.innerHeight;
+            this.left = (Math.random() * width) / 2 + width / 3;
+            this.top = Math.random() * height * 0.8 + height / 10;
+            const lvl = score < 39 ? score : 39.5;
+            return timer(0, 10).pipe(map(i => i / (40 - lvl)));
+        }));
+        this.sub = this.size$.subscribe(s => {
+            if (s > 20) {
+                this.gameOver = true;
+                this.score$.next(this.score);
+            }
+        });
+        this.cd.detectChanges();
+    }
+    ngOnDestroy() {
+        this.sub?.unsubscribe();
+    }
+    getScore() {
+        if (this.gameOver) {
+            this.score$.next(this.score);
+            this.sub?.unsubscribe();
+            return;
+        }
+        this.score++;
+        this.score$.next(this.score);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundInvaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", 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]="{
+        width: (size$ | async) + 'px',
+        height: (size$ | async) + 'px',
+        left: left + 'px',
+        top: top + 'px',
+      }"
+      (click)="getScore()"
+    />
+    <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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundInvaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'page-not-found-invader', 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]="{
+        width: (size$ | async) + 'px',
+        height: (size$ | async) + 'px',
+        left: left + 'px',
+        top: top + 'px',
+      }"
+      (click)="getScore()"
+    />
+    <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"] }]
+        }] });
+
+const konamiPattern = [
+    'ArrowUp',
+    'ArrowUp',
+    'ArrowDown',
+    'ArrowDown',
+    'ArrowLeft',
+    'ArrowRight',
+    'ArrowLeft',
+    'ArrowRight',
+    'b',
+    'a',
+];
+class PageNotFoundComponent {
+    constructor() {
+        this.sequence = ['', '', '', '', '', '', '', '', '', ''];
+        this.konamiMatch = false;
+        this.cd = inject(ChangeDetectorRef);
+    }
+    ngAfterViewInit() {
+        this.cd.detectChanges();
+        window.addEventListener('keydown', this.konami.bind(this));
+    }
+    ngOnDestroy() {
+        window.removeEventListener('keydown', this.konami.bind(this));
+    }
+    konami($event) {
+        this.sequence.shift();
+        this.sequence = [...this.sequence, $event.key];
+        if (this.sequence.length === konamiPattern.length &&
+            !this.sequence.map((s, idx) => s === konamiPattern[idx]).includes(false)) {
+            this.konamiMatch = true;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PageNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", 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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", 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]
+            }] } });
+
+class OnemrvaPageNotFoundModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaPageNotFoundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", 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.1.7", ngImport: i0, type: OnemrvaPageNotFoundModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaPageNotFoundModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        PageNotFoundComponent,
+                        PageNotFoundInvaderComponent,
+                        PageNotFoundActionComponent,
+                        PageNotFoundExtraComponent,
+                    ],
+                    exports: [
+                        PageNotFoundComponent,
+                        PageNotFoundInvaderComponent,
+                        PageNotFoundActionComponent,
+                        PageNotFoundExtraComponent,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaPageNotFoundModule, PageNotFoundActionComponent, PageNotFoundComponent, PageNotFoundExtraComponent, PageNotFoundInvaderComponent };
+//# sourceMappingURL=onemrvapublic-design-system-page-not-found.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-page-not-found.mjs","sources":["../../../../projects/onemrva/design-system/page-not-found/src/page-not-found-action.component.ts","../../../../projects/onemrva/design-system/page-not-found/src/page-not-found-extra.component.ts","../../../../projects/onemrva/design-system/page-not-found/src/page-not-found-invader.component.ts","../../../../projects/onemrva/design-system/page-not-found/src/page-not-found.component.ts","../../../../projects/onemrva/design-system/page-not-found/src/page-not-found.component.html","../../../../projects/onemrva/design-system/page-not-found/src/page-not-found.module.ts","../../../../projects/onemrva/design-system/page-not-found/onemrvapublic-design-system-page-not-found.ts"],"sourcesContent":["import { Component, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'page-not-found-action',\n  template: '<ng-template><ng-content></ng-content></ng-template>',\n  standalone: true,\n})\nexport class PageNotFoundActionComponent {\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","import { Component, TemplateRef, ViewChild } from '@angular/core';\n\n@Component({\n  selector: 'page-not-found-extra',\n  template: '<ng-template><ng-content></ng-content></ng-template>',\n  standalone: true,\n})\nexport class PageNotFoundExtraComponent {\n  @ViewChild(TemplateRef) template?: TemplateRef<any>;\n}\n","import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  OnDestroy,\n  inject,\n} from '@angular/core';\nimport { Observable, of, Subject, Subscription, timer } from 'rxjs';\nimport { map, startWith, switchMap } from 'rxjs/operators';\nimport { AsyncPipe, NgClass, NgStyle } from '@angular/common';\n\n@Component({\n  selector: 'page-not-found-invader',\n  styleUrls: ['page-not-found-invader.component.scss'],\n  template: `\n    <img\n      role=\"button\"\n      tabindex=\"1\"\n      src=\"https://cdn.services.rvaonem.fgov.be/assets/404/saucer.svg\"\n      class=\"invader\"\n      alt=\"invader\"\n      [ngClass]=\"{ 'game-over': gameOver }\"\n      [ngStyle]=\"{\n        width: (size$ | async) + 'px',\n        height: (size$ | async) + 'px',\n        left: left + 'px',\n        top: top + 'px',\n      }\"\n      (click)=\"getScore()\"\n    />\n    <div class=\"score\">Score: {{ score }}</div>\n    <!--div class=\"laser\"></div-->\n  `,\n  standalone: true,\n  imports: [AsyncPipe, NgStyle, NgClass],\n})\nexport class PageNotFoundInvaderComponent implements AfterViewInit, OnDestroy {\n  private cd = inject(ChangeDetectorRef);\n\n  level = 0;\n  size$?: Observable<number>;\n\n  start: Date = new Date();\n  score = 0;\n  gameOver = false;\n  sub?: Subscription;\n\n  score$ = new Subject<number>();\n  top = 0;\n  left = 0;\n\n  ngAfterViewInit() {\n    this.size$ = this.score$.pipe(\n      startWith(0),\n      switchMap(score => {\n        this.level++;\n        if (this.gameOver) {\n          this.sub?.unsubscribe();\n          return of(10);\n        }\n\n        const width = window.innerWidth;\n        const height = window.innerHeight;\n\n        this.left = (Math.random() * width) / 2 + width / 3;\n        this.top = Math.random() * height * 0.8 + height / 10;\n\n        const lvl = score < 39 ? score : 39.5;\n        return timer(0, 10).pipe(map(i => i / (40 - lvl)));\n      }),\n    );\n\n    this.sub = this.size$.subscribe(s => {\n      if (s > 20) {\n        this.gameOver = true;\n        this.score$.next(this.score);\n      }\n    });\n\n    this.cd.detectChanges();\n  }\n\n  ngOnDestroy(): void {\n    this.sub?.unsubscribe();\n  }\n\n  getScore() {\n    if (this.gameOver) {\n      this.score$.next(this.score);\n      this.sub?.unsubscribe();\n      return;\n    }\n    this.score++;\n    this.score$.next(this.score);\n  }\n}\n","import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ContentChildren,\n  OnDestroy,\n  QueryList,\n  inject,\n} from '@angular/core';\nimport { PageNotFoundActionComponent } from './page-not-found-action.component';\nimport { PageNotFoundExtraComponent } from './page-not-found-extra.component';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TranslatePipe } from '@ngx-translate/core';\nimport { PageNotFoundInvaderComponent } from './page-not-found-invader.component';\n\nconst konamiPattern = [\n  'ArrowUp',\n  'ArrowUp',\n  'ArrowDown',\n  'ArrowDown',\n  'ArrowLeft',\n  'ArrowRight',\n  'ArrowLeft',\n  'ArrowRight',\n  'b',\n  'a',\n];\n@Component({\n  selector: 'page-not-found',\n  styleUrls: ['./page-not-found.component.scss'],\n  templateUrl: 'page-not-found.component.html',\n  standalone: true,\n  imports: [TranslatePipe, NgTemplateOutlet, PageNotFoundInvaderComponent],\n})\nexport class PageNotFoundComponent implements AfterViewInit, OnDestroy {\n  @ContentChildren(PageNotFoundActionComponent)\n  actions?: QueryList<PageNotFoundActionComponent>;\n  @ContentChild(PageNotFoundExtraComponent)\n  extra?: PageNotFoundExtraComponent;\n\n  sequence: string[] = ['', '', '', '', '', '', '', '', '', ''];\n  konamiMatch = false;\n\n  cd = inject(ChangeDetectorRef);\n\n  ngAfterViewInit() {\n    this.cd.detectChanges();\n    window.addEventListener('keydown', this.konami.bind(this));\n  }\n\n  ngOnDestroy() {\n    window.removeEventListener('keydown', this.konami.bind(this));\n  }\n\n  konami($event: any) {\n    this.sequence.shift();\n    this.sequence = [...this.sequence, $event.key];\n\n    if (\n      this.sequence.length === konamiPattern.length &&\n      !this.sequence.map((s, idx) => s === konamiPattern[idx]).includes(false)\n    ) {\n      this.konamiMatch = true;\n    }\n  }\n}\n","<div class=\"page-not-found\">\n  <!--img src=\"https://cdn.services.rvaonem.fgov.be/img/404/Arrière-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","import { NgModule } from '@angular/core';\nimport { PageNotFoundComponent } from './page-not-found.component';\nimport { PageNotFoundInvaderComponent } from './page-not-found-invader.component';\nimport { PageNotFoundActionComponent } from './page-not-found-action.component';\nimport { PageNotFoundExtraComponent } from './page-not-found-extra.component';\n\n@NgModule({\n  declarations: [],\n  imports: [\n    PageNotFoundComponent,\n    PageNotFoundInvaderComponent,\n    PageNotFoundActionComponent,\n    PageNotFoundExtraComponent,\n  ],\n  exports: [\n    PageNotFoundComponent,\n    PageNotFoundInvaderComponent,\n    PageNotFoundActionComponent,\n    PageNotFoundExtraComponent,\n  ],\n})\nexport class OnemrvaPageNotFoundModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}