npm - @onemrvapublic/design-system - Versions diffs - 18.2.20-develop.4 → 18.2.21-develop.1 - Mend

@onemrvapublic/design-system 18.2.20-develop.4 → 18.2.21-develop.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (165) hide show

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

@@ -6,10 +6,10 @@ import { NgForOf, NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i1 from '@onemrvapublic/design-system/shared';
 class PageErrorActionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: PageErrorActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageErrorActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: PageErrorActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageErrorActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'page-error-action',
@@ -63,10 +63,10 @@ class PageErrorComponent {
         this.h2 = this.translate.instant('error.' + code + '.h2');
         this.p = this.translate.instant('error.' + code + '.p');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: PageErrorComponent, deps: [{ token: i1.OnemRvaCDNService }, { token: i0.Renderer2 }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", 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>{{ h1 }}</h1>\n        <h2>{{ h2 }}</h2>\n        <p>{{ p }}</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 alt=\"\" [src]=\"ori\" class=\"ori\" />\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: "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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageErrorComponent, deps: [{ token: i1.OnemRvaCDNService }, { token: i0.Renderer2 }, { token: i2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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>{{ h1 }}</h1>\n        <h2>{{ h2 }}</h2>\n        <p>{{ p }}</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 alt=\"\" [src]=\"ori\" class=\"ori\" />\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: "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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: PageErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageErrorComponent, decorators: [{
             type: Component,
             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>{{ h1 }}</h1>\n        <h2>{{ h2 }}</h2>\n        <p>{{ p }}</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 alt=\"\" [src]=\"ori\" class=\"ori\" />\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"] }]
         }], ctorParameters: () => [{ type: i1.OnemRvaCDNService }, { type: i0.Renderer2 }, { type: i2.TranslateService }, { type: i0.ChangeDetectorRef }], propDecorators: { actions: [{

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

@@ -8,10 +8,10 @@ import * as i3 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 class PageNotFoundActionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: PageNotFoundActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: PageNotFoundActionComponent, 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageNotFoundActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PageNotFoundActionComponent, 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: "18.2.12", ngImport: i0, type: PageNotFoundActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageNotFoundActionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'page-not-found-action',
@@ -23,10 +23,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
             }] } });
 class PageNotFoundExtraComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: PageNotFoundExtraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: PageNotFoundExtraComponent, 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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageNotFoundExtraComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PageNotFoundExtraComponent, 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: "18.2.12", ngImport: i0, type: PageNotFoundExtraComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageNotFoundExtraComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'page-not-found-extra',
@@ -82,8 +82,8 @@ class PageNotFoundInvaderComponent {
         this.score++;
         this.score$.next(this.score);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: PageNotFoundInvaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: PageNotFoundInvaderComponent, selector: "page-not-found-invader", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageNotFoundInvaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PageNotFoundInvaderComponent, selector: "page-not-found-invader", ngImport: i0, template: `
     <img
       role="button"
       tabindex="1"
@@ -103,7 +103,7 @@ class PageNotFoundInvaderComponent {
     <!--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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: PageNotFoundInvaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageNotFoundInvaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'page-not-found-invader', template: `
     <img
@@ -159,10 +159,10 @@ class PageNotFoundComponent {
             this.konamiMatch = true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: PageNotFoundComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: PageNotFoundComponent, 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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageNotFoundInvaderComponent, selector: "page-not-found-invader" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageNotFoundComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PageNotFoundComponent, 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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageNotFoundInvaderComponent, selector: "page-not-found-invader" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: PageNotFoundComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageNotFoundComponent, decorators: [{
             type: Component,
             args: [{ selector: 'page-not-found', 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"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { actions: [{
@@ -174,17 +174,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
             }] } });
 class OnemrvaPageNotFoundModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaPageNotFoundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaPageNotFoundModule, declarations: [PageNotFoundComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaPageNotFoundModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaPageNotFoundModule, declarations: [PageNotFoundComponent,
             PageNotFoundInvaderComponent,
             PageNotFoundActionComponent,
             PageNotFoundExtraComponent], imports: [CommonModule, TranslateModule], exports: [PageNotFoundComponent,
             PageNotFoundInvaderComponent,
             PageNotFoundActionComponent,
             PageNotFoundExtraComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaPageNotFoundModule, imports: [CommonModule, TranslateModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaPageNotFoundModule, imports: [CommonModule, TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaPageNotFoundModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaPageNotFoundModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/fesm2022/onemrvapublic-design-system-shared.mjs CHANGED Viewed

@@ -25,10 +25,10 @@ class ClipboardIconComponent {
         this._elementRef = _elementRef;
         this.clipboardService = clipboardService;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ClipboardIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: ClipboardIconComponent, isStandalone: true, selector: "lib-clipboard-icon", ngImport: i0, template: "<mat-icon [matTooltip]=\"'TEST'\">content_copy</mat-icon>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ClipboardIconComponent, deps: [{ token: i0.ElementRef }, { token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ClipboardIconComponent, isStandalone: true, selector: "lib-clipboard-icon", ngImport: i0, template: "<mat-icon [matTooltip]=\"'TEST'\">content_copy</mat-icon>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: ClipboardIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ClipboardIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-clipboard-icon', standalone: true, imports: [MatIconModule, MatTooltipModule], template: "<mat-icon [matTooltip]=\"'TEST'\">content_copy</mat-icon>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.Clipboard }] });
@@ -210,10 +210,10 @@ class WebComponentOverlayContainer {
         this._document.body.appendChild(containerwrap);
         this._containerElement = container;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: WebComponentOverlayContainer, deps: [{ token: DOCUMENT }, { token: i1$1.Platform }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: WebComponentOverlayContainer, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WebComponentOverlayContainer, deps: [{ token: DOCUMENT }, { token: i1$1.Platform }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WebComponentOverlayContainer, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: WebComponentOverlayContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WebComponentOverlayContainer, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -380,10 +380,10 @@ class DigitOnlyDirective {
             return;
         e.preventDefault();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DigitOnlyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: DigitOnlyDirective, selector: "[digitOnly]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DigitOnlyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DigitOnlyDirective, selector: "[digitOnly]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DigitOnlyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DigitOnlyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[digitOnly]',
@@ -426,10 +426,10 @@ class MatRowClickableDirective {
     get _isInfo() {
         return this.color === OnemrvaMatColor.INFO;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: MatRowClickableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: MatRowClickableDirective, selector: "tr[matRowClickable]", inputs: { color: "color" }, outputs: { matRowClickable: "matRowClickable" }, host: { listeners: { "click": "click($event)" }, properties: { "class.onemrva-clickable-row": "this.cssClass", "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatRowClickableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: MatRowClickableDirective, selector: "tr[matRowClickable]", inputs: { color: "color" }, outputs: { matRowClickable: "matRowClickable" }, host: { listeners: { "click": "click($event)" }, properties: { "class.onemrva-clickable-row": "this.cssClass", "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: MatRowClickableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatRowClickableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'tr[matRowClickable]',
@@ -483,10 +483,10 @@ class IfWidthIsDirective {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IfWidthIsDirective, deps: [{ token: i1$2.BreakpointObserver }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: IfWidthIsDirective, selector: "[ifWidthIs]", inputs: { ifWidthIs: "ifWidthIs" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IfWidthIsDirective, deps: [{ token: i1$2.BreakpointObserver }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: IfWidthIsDirective, selector: "[ifWidthIs]", inputs: { ifWidthIs: "ifWidthIs" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: IfWidthIsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: IfWidthIsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ifWidthIs]',
@@ -526,10 +526,10 @@ class OnemRvaColorDirective {
     get _isInfo() {
         return this.color === OnemrvaMatColor.INFO;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: OnemRvaColorDirective, selector: "mat-card[color],mat-chip[color]", inputs: { color: "color" }, host: { properties: { "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: OnemRvaColorDirective, selector: "mat-card[color],mat-chip[color]", inputs: { color: "color" }, host: { properties: { "class.mat-primary": "this._isPrimary", "class.mat-accent": "this._isAccent", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-info": "this._isInfo" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaColorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaColorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'mat-card[color],mat-chip[color]',
@@ -708,10 +708,10 @@ class OnemrvaMaskDirective {
         this.stackIdx = 0; // Current index in undo/redo stack
         this.markForDelete = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMaskDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: OnemrvaMaskDirective, selector: "[onemrvamask]", inputs: { onemrvamask: "onemrvamask" }, host: { listeners: { "keydown": "onKeyDown($event)", "input": "onInput($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMaskDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: OnemrvaMaskDirective, selector: "[onemrvamask]", inputs: { onemrvamask: "onemrvamask" }, host: { listeners: { "keydown": "onKeyDown($event)", "input": "onInput($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[onemrvamask]',
@@ -772,10 +772,10 @@ class OnemRvaClipboardDirective {
         this.vcRef.clear();
         this.renderer.appendChild(this.elementRef.nativeElement, this.iconEl);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaClipboardDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: OnemRvaClipboardDirective, selector: "span[clipboard]", inputs: { clipboard: "clipboard" }, host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaClipboardDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: i0.ViewContainerRef }, { token: i1.Clipboard }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: OnemRvaClipboardDirective, selector: "span[clipboard]", inputs: { clipboard: "clipboard" }, host: { properties: { "class": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaClipboardDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaClipboardDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'span[clipboard]',
@@ -794,10 +794,10 @@ class OnemRvaIconRightDirective {
     constructor() {
         this.class = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaIconRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.12", type: OnemRvaIconRightDirective, selector: "button[iconRight]", host: { properties: { "class.onemrva-icon-right": "this.class" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaIconRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: OnemRvaIconRightDirective, selector: "button[iconRight]", host: { properties: { "class.onemrva-icon-right": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaIconRightDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaIconRightDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[iconRight]',
@@ -921,10 +921,10 @@ class OnemrvaBcePipe {
             return '?01?.???.???';
         return `${strOut.substring(0, 4)}.${strOut.substring(4, 7)}.${strOut.substring(7, 10)}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaBcePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaBcePipe, isStandalone: true, name: "onemrvaBce" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaBcePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaBcePipe, isStandalone: true, name: "onemrvaBce" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaBcePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaBcePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'onemrvaBce',
@@ -939,10 +939,10 @@ class OnemrvaNissPipe {
             return '??01??/???-??';
         return `${strOut.substring(0, 6)}/${strOut.substring(6, 9)}-${strOut.substring(9, 11)}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaNissPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaNissPipe, isStandalone: true, name: "onemrvaNiss" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaNissPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaNissPipe, isStandalone: true, name: "onemrvaNiss" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaNissPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaNissPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'onemrvaNiss',
@@ -974,10 +974,10 @@ class CommonCountryLookupService {
             return country || null;
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CommonCountryLookupService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CommonCountryLookupService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CommonCountryLookupService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CommonCountryLookupService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CommonCountryLookupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CommonCountryLookupService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1002,10 +1002,10 @@ class CacheService {
         //console.log("DELETE " + key);
         localStorage.removeItem(key);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CacheService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CacheService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: CacheService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CacheService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1084,8 +1084,8 @@ class OnemRvaCDNService {
             this.renderer.appendChild(document.head, link);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaCDNService, deps: [{ token: i0.RendererFactory2 }, { token: CacheService }, { token: i1$3.HttpClient }, { token: CDN_URL_MODE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaCDNService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaCDNService, deps: [{ token: i0.RendererFactory2 }, { token: CacheService }, { token: i1$3.HttpClient }, { token: CDN_URL_MODE, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaCDNService, providedIn: 'root' }); }
 }
 __decorate([
     HttpRequestCache(cdnService => ({
@@ -1094,7 +1094,7 @@ __decorate([
         ttl: 3600000,
     }))
 ], OnemRvaCDNService.prototype, "fetch", null);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaCDNService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaCDNService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1165,10 +1165,10 @@ class OnemRvaCDNCountryService {
             });
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaCDNCountryService, deps: [{ token: OnemRvaCDNService }, { token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaCDNCountryService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaCDNCountryService, deps: [{ token: OnemRvaCDNService }, { token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaCDNCountryService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaCDNCountryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaCDNCountryService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1206,10 +1206,10 @@ class OnemRvaCDNMimeService {
             });
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaCDNMimeService, deps: [{ token: OnemRvaCDNService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaCDNMimeService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaCDNMimeService, deps: [{ token: OnemRvaCDNService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaCDNMimeService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemRvaCDNMimeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemRvaCDNMimeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1347,11 +1347,11 @@ const bankAccountValidator = () => {
 };
 class OnemrvaSharedModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaSharedModule, declarations: [DigitOnlyDirective, MatRowClickableDirective, OnemRvaClipboardDirective, OnemRvaIconRightDirective, IfWidthIsDirective, OnemRvaColorDirective, OnemrvaMaskDirective], imports: [CommonModule], exports: [DigitOnlyDirective, MatRowClickableDirective, OnemRvaClipboardDirective, OnemRvaIconRightDirective, IfWidthIsDirective, OnemRvaColorDirective, OnemrvaMaskDirective, CommonModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaSharedModule, imports: [CommonModule, CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaSharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaSharedModule, declarations: [DigitOnlyDirective, MatRowClickableDirective, OnemRvaClipboardDirective, OnemRvaIconRightDirective, IfWidthIsDirective, OnemRvaColorDirective, OnemrvaMaskDirective], imports: [CommonModule], exports: [DigitOnlyDirective, MatRowClickableDirective, OnemRvaClipboardDirective, OnemRvaIconRightDirective, IfWidthIsDirective, OnemRvaColorDirective, OnemrvaMaskDirective, CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaSharedModule, imports: [CommonModule, CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaSharedModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaSharedModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...directives],
@@ -1412,10 +1412,10 @@ class OnemrvaNativeDateAdapter extends NativeDateAdapter {
         this.destroyNotifier$.next();
         this.destroyNotifier$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaNativeDateAdapter, deps: [{ token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaNativeDateAdapter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaNativeDateAdapter, deps: [{ token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaNativeDateAdapter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaNativeDateAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaNativeDateAdapter, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$4.TranslateService }] });
@@ -1678,10 +1678,10 @@ class OnemrvaLuxonDateAdapter extends DateAdapter {
             outputCalendar: this._defaultOutputCalendar,
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaLuxonDateAdapter, deps: [{ token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaLuxonDateAdapter }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaLuxonDateAdapter, deps: [{ token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaLuxonDateAdapter }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: OnemrvaLuxonDateAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OnemrvaLuxonDateAdapter, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$4.TranslateService }] });

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@onemrvapublic/design-system",
-  "version": "18.2.20-develop.4",
+  "version": "18.2.21-develop.1",
   "description": "Design System Onem/Rva without theme included",
   "publishConfig": {
     "access": "public"