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

package/package.json

@@ -1,41 +1,211 @@
 {
   "name": "@onemrvapublic/design-system",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-develop.1",
+  "description": "Design System Onem/Rva without theme included",
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "start:beta": "npm version prerelease --preid beta",
-    "release:major": "npm version major",
-    "release:minor": "npm version minor",
-    "release:patch": "npm version patch",
-    "release:prerelease": "npm version prerelease && npm publish --tag beta",
-    "release:start-beta": "npm version prerelease --preid beta"
-  },
   "peerDependencies": {
-    "@angular/common": "^17.1.1",
-    "@angular/animations": "^17.1.1",
-    "@angular/compiler": "^17.1.1",
-    "@angular/core": "^17.1.1",
-    "@angular/material": "^17.1.0",
-    "@angular/platform-browser": "^17.1.1",
-    "@angular/platform-browser-dynamic": "^17.1.1",
-    "@ngx-translate/core": "^15.0.0",
-    "rxjs": "~7.8.1",
-    "mime": "^3.0.0",
-    "mime-wrapper": "^2.0.0",
-    "typescript": "^5.3.3",
-    "rxjs-compat": "^6.6.7"
+    "@angular/animations": "^20.0.0",
+    "@angular/common": "^20.0.0",
+    "@angular/compiler": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/elements": "^20.0.0",
+    "@angular/forms": "^20.0.0",
+    "@angular/material": "^20.0.1",
+    "@angular/material-luxon-adapter": "^20.0.1",
+    "@angular/platform-browser": "^20.0.0",
+    "@angular/platform-browser-dynamic": "^20.0.0",
+    "@angular/router": "^20.0.0",
+    "@ngx-translate/core": "^16.0.4",
+    "@types/luxon": "^3.4.2",
+    "ibantools": "^4.5.1",
+    "libphonenumber-js": "^1.11.15",
+    "luxon": "^3.5.0"
   },
   "dependencies": {
-    "tslib": "^2.6.2"
+    "tslib": "^2.8.1"
   },
   "exports": {
     ".": {
-      "sass": "./_index.scss"
+      "sass": "./_index.scss",
+      "types": "./index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system.mjs"
     },
     "./utils": {
-      "sass": "./_utils.scss"
+      "sass": "./_utils.scss",
+      "types": "./utils/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-utils.mjs"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
+    "./flag-icon": {
+      "types": "./flag-icon/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-flag-icon.mjs"
+    },
+    "./layout": {
+      "types": "./layout/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-layout.mjs"
+    },
+    "./mat-address": {
+      "types": "./mat-address/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-address.mjs"
+    },
+    "./mat-avatar": {
+      "types": "./mat-avatar/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-avatar.mjs"
+    },
+    "./mat-breadcrumb": {
+      "types": "./mat-breadcrumb/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-breadcrumb.mjs"
+    },
+    "./mat-carousel": {
+      "types": "./mat-carousel/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-carousel.mjs"
+    },
+    "./mat-choice-chip": {
+      "types": "./mat-choice-chip/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs"
+    },
+    "./mat-copy-to-clipboard": {
+      "types": "./mat-copy-to-clipboard/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-copy-to-clipboard.mjs"
+    },
+    "./mat-country-item": {
+      "types": "./mat-country-item/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-country-item.mjs"
+    },
+    "./mat-datepicker-header": {
+      "types": "./mat-datepicker-header/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs"
+    },
+    "./mat-empty-row": {
+      "types": "./mat-empty-row/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-empty-row.mjs"
+    },
+    "./mat-file-upload": {
+      "types": "./mat-file-upload/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-file-upload.mjs"
+    },
+    "./mat-input-address": {
+      "types": "./mat-input-address/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-input-address.mjs"
+    },
+    "./mat-input-birthplace": {
+      "types": "./mat-input-birthplace/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-input-birthplace.mjs"
+    },
+    "./mat-input-country": {
+      "types": "./mat-input-country/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-input-country.mjs"
+    },
+    "./mat-input-enterprise-number": {
+      "types": "./mat-input-enterprise-number/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-input-enterprise-number.mjs"
+    },
+    "./mat-input-iban": {
+      "types": "./mat-input-iban/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-input-iban.mjs"
+    },
+    "./mat-input-phone": {
+      "types": "./mat-input-phone/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-input-phone.mjs"
+    },
+    "./mat-message-box": {
+      "types": "./mat-message-box/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-message-box.mjs"
+    },
+    "./mat-multi-select": {
+      "types": "./mat-multi-select/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-multi-select.mjs"
+    },
+    "./mat-navigation": {
+      "types": "./mat-navigation/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-navigation.mjs"
+    },
+    "./mat-paginator": {
+      "types": "./mat-paginator/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-paginator.mjs"
+    },
+    "./mat-notification": {
+      "types": "./mat-notification/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-notification.mjs"
+    },
+    "./mat-panel": {
+      "types": "./mat-panel/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-panel.mjs"
+    },
+    "./mat-pop-over": {
+      "types": "./mat-pop-over/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-pop-over.mjs"
+    },
+    "./mat-progress-bar": {
+      "types": "./mat-progress-bar/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs"
+    },
+    "./mat-select-search": {
+      "types": "./mat-select-search/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-select-search.mjs"
+    },
+    "./mat-selectable-box": {
+      "types": "./mat-selectable-box/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs"
+    },
+    "./mat-side-menu": {
+      "types": "./mat-side-menu/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-side-menu.mjs"
+    },
+    "./mat-skeleton": {
+      "types": "./mat-skeleton/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-skeleton.mjs"
+    },
+    "./mat-spinner": {
+      "types": "./mat-spinner/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-spinner.mjs"
+    },
+    "./mat-stepper": {
+      "types": "./mat-stepper/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-stepper.mjs"
+    },
+    "./mat-sticker": {
+      "types": "./mat-sticker/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-sticker.mjs"
+    },
+    "./mat-table-of-content": {
+      "types": "./mat-table-of-content/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs"
+    },
+    "./mat-task-list": {
+      "types": "./mat-task-list/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-task-list.mjs"
+    },
+    "./mat-timepicker": {
+      "types": "./mat-timepicker/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-timepicker.mjs"
+    },
+    "./mat-toast": {
+      "types": "./mat-toast/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-toast.mjs"
+    },
+    "./mat-tooltip": {
+      "types": "./mat-tooltip/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-tooltip.mjs"
+    },
+    "./page-error": {
+      "types": "./page-error/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-page-error.mjs"
+    },
+    "./page-not-found": {
+      "types": "./page-not-found/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-page-not-found.mjs"
+    },
+    "./shared": {
+      "types": "./shared/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-shared.mjs"
     }
-  }
+  },
+  "module": "fesm2022/onemrvapublic-design-system.mjs",
+  "typings": "index.d.ts",
+  "sideEffects": false
 }

package/page-error/index.d.ts

@@ -0,0 +1,34 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, OnDestroy, AfterViewInit, OnChanges, QueryList, Renderer2, ChangeDetectorRef, SimpleChanges } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';
+
+declare class PageErrorActionComponent {
+    template?: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageErrorActionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageErrorActionComponent, "page-error-action", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class PageErrorComponent implements OnDestroy, AfterViewInit, OnChanges {
+    defaultCode: number;
+    mdc: HTMLElement | null;
+    actions?: QueryList<PageErrorActionComponent>;
+    code: number;
+    cdn: OnemRvaCDNService;
+    renderer: Renderer2;
+    translate: TranslateService;
+    cd: ChangeDetectorRef;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    get ori(): string;
+    /**
+     *
+     * @private
+     */
+    private updateTexts;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageErrorComponent, "page-error", never, { "code": { "alias": "code"; "required": false; }; }, {}, ["actions"], never, true, never>;
+}
+
+export { PageErrorActionComponent, PageErrorComponent };

package/page-error/src/page-error.component.scss

@@ -0,0 +1,25 @@
+.page-error {
+  section.row {
+    min-height: calc(100vh - 200px);
+    .col-right {
+      display: grid !important;
+      place-items: center;
+      img.ori {
+        height: 428px;
+      }
+    }
+    .col-left {
+      display: flex !important;
+      align-items: center; /* Centers vertically */
+      justify-content: flex-start; /* Aligns content to the left */
+      text-align: left; /* Ensures text stays aligned left */
+      .error-content {
+        display: block;
+        height: auto;
+        h1 {
+          font: var(--mat-sys-display-medium);
+        }
+      }
+    }
+  }
+}

package/page-not-found/index.d.ts

@@ -0,0 +1,54 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, AfterViewInit, OnDestroy, QueryList, ChangeDetectorRef } from '@angular/core';
+import { Observable, Subscription, Subject } from 'rxjs';
+
+declare class PageNotFoundActionComponent {
+    template?: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageNotFoundActionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageNotFoundActionComponent, "page-not-found-action", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class PageNotFoundExtraComponent {
+    template?: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageNotFoundExtraComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageNotFoundExtraComponent, "page-not-found-extra", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class PageNotFoundInvaderComponent implements AfterViewInit, OnDestroy {
+    private cd;
+    level: number;
+    size$?: Observable<number>;
+    start: Date;
+    score: number;
+    gameOver: boolean;
+    sub?: Subscription;
+    score$: Subject<number>;
+    top: number;
+    left: number;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    getScore(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageNotFoundInvaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageNotFoundInvaderComponent, "page-not-found-invader", never, {}, {}, never, never, true, never>;
+}
+
+declare class PageNotFoundComponent implements AfterViewInit, OnDestroy {
+    actions?: QueryList<PageNotFoundActionComponent>;
+    extra?: PageNotFoundExtraComponent;
+    sequence: string[];
+    konamiMatch: boolean;
+    cd: ChangeDetectorRef;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    konami($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageNotFoundComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageNotFoundComponent, "page-not-found", never, {}, {}, ["extra", "actions"], never, true, never>;
+}
+
+declare class OnemrvaPageNotFoundModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaPageNotFoundModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaPageNotFoundModule, never, [typeof PageNotFoundComponent, typeof PageNotFoundInvaderComponent, typeof PageNotFoundActionComponent, typeof PageNotFoundExtraComponent], [typeof PageNotFoundComponent, typeof PageNotFoundInvaderComponent, typeof PageNotFoundActionComponent, typeof PageNotFoundExtraComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaPageNotFoundModule>;
+}
+
+export { OnemrvaPageNotFoundModule, PageNotFoundActionComponent, PageNotFoundComponent, PageNotFoundExtraComponent, PageNotFoundInvaderComponent };

package/page-not-found/src/page-not-found-mixin.component.scss

@@ -5,7 +5,7 @@
   .page-not-found {
     .not-found-section {
       .oops {
-        color: mat.get-color-from-palette(map-get($theme, 'grayscale'), 800);
+        color: mat.m2-get-color-from-palette(map.get($theme, 'grayscale'), 800);
       }
     }
   }

package/page-not-found/src/page-not-found.component.scss

@@ -2,7 +2,7 @@
   display: flex;
   flex-flow: row wrap;
   position: relative;
-  background-image: url('../assets/404/shape.svg');
+  background-image: url('https://cdn.services.rvaonem.fgov.be/img/404/background.svg');
   background-size: auto 160vh;
   background-position: 40vw -30vh;
   min-height: 100vh;
@@ -19,7 +19,7 @@
     padding: 48px 146px;
 
     .oops {
-      font-size: 8vw;
+      font-size: 7vw;
       line-height: 11vw;
       font-weight: 700;
       margin-bottom: 21px;