@onemrvapublic/design-system 18.2.19 → 18.2.20-develop.2

package/layout/src/components/layout/_layout-mixin.component.scss

@@ -12,6 +12,13 @@
   .mat-drawer-content {
     min-height: 100vh;
   }
+  .bkg {
+    .mat-drawer-content {
+      background-image: url('https://cdn.services.rvaonem.fgov.be/img/404/background.svg');
+      background-size: cover;
+      background-repeat: no-repeat;
+    }
+  }
 
   .mobile-menu-sidebar {
     min-width: 250px;

package/mat-multi-select/src/onemrva-mat-multi-select.component.d.ts

@@ -27,7 +27,7 @@ export declare class OnemrvaMatMultiSelectComponent extends MatFormFieldControl<
     constructor(translate: TranslateService, cd: ChangeDetectorRef);
     onChange: (_values: any[]) => void;
     onTouched: () => void;
-    writeValue(values: any[]): void;
+    writeValue(values: any[] | any | undefined | null): void;
     registerOnChange(fn: (value: any[]) => void): void;
     registerOnTouched(fn: () => void): void;
     isAllSelected(): boolean;

package/mat-paginator/src/_onemrva-mat-paginator.component.scss

@@ -19,8 +19,9 @@
     $field-divider: utils.palette($theme, 'grayscale', 700);
     $divider: utils.palette($theme, 'grayscale', 900, 0.12);
 
-    .mat-mdc-form-field-infix {
-      padding: 4px 0 8px 0 !important;
+    .mat-mdc-text-field-wrapper.mdc-text-field--outlined
+      .mat-mdc-form-field-infix {
+      padding: 2px 0 8px 0;
       display: flex;
       align-items: center;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onemrvapublic/design-system",
-  "version": "18.2.19",
+  "version": "18.2.20-develop.2",
   "description": "Design System Onem/Rva without theme included",
   "publishConfig": {
     "access": "public"
@@ -256,6 +256,12 @@
       "esm": "./esm2022/mat-tooltip/onemrvapublic-design-system-mat-tooltip.mjs",
       "default": "./fesm2022/onemrvapublic-design-system-mat-tooltip.mjs"
     },
+    "./page-error": {
+      "types": "./page-error/index.d.ts",
+      "esm2022": "./esm2022/page-error/onemrvapublic-design-system-page-error.mjs",
+      "esm": "./esm2022/page-error/onemrvapublic-design-system-page-error.mjs",
+      "default": "./fesm2022/onemrvapublic-design-system-page-error.mjs"
+    },
     "./page-not-found": {
       "types": "./page-not-found/index.d.ts",
       "esm2022": "./esm2022/page-not-found/onemrvapublic-design-system-page-not-found.mjs",

package/page-error/index.d.ts

@@ -0,0 +1 @@
+export * from './src/page-error.component';

package/page-error/src/page-error.component.d.ts

@@ -0,0 +1,20 @@
+import { AfterViewInit, OnDestroy, Renderer2 } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';
+import * as i0 from "@angular/core";
+export declare class PageErrorComponent implements OnDestroy, AfterViewInit {
+    private cdn;
+    private renderer;
+    translate: TranslateService;
+    ori: any;
+    mdc: HTMLElement | null;
+    h1: string;
+    h2: string;
+    p: string;
+    code: number;
+    constructor(cdn: OnemRvaCDNService, renderer: Renderer2, translate: TranslateService);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageErrorComponent, "page-error", never, { "code": { "alias": "code"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,40 @@
+.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-size: 70px;
+          font-style: normal;
+          font-weight: 700;
+          line-height: 105px; /* 150% */
+        }
+        h2 {
+          font-size: 23px;
+          font-style: normal;
+          font-weight: 600;
+          line-height: 40px;
+        }
+        p {
+          font-size: 16px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 26px; /* 162.5% */
+        }
+      }
+    }
+  }
+}

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('https://cdn.services.rvaonem.fgov.be/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;