@onemrvapublic/design-system 20.11.3 → 21.0.0-develop.2

package/README.md

@@ -29,20 +29,16 @@ This is where we will implement bugfixes
 For support questions, you can create jira tickets now.
 If you need access to our design system board, send us a message.
 
-@Thibaut Colson (FR/EN)
-@Bram Decuypere (NL/EN)
+@Walid Haouriqui (NL / FR / EN) <br/>
+@Bram Decuypere (NL / EN)
 ## Changelog
 
-### 20.11.3
+### 21.0.0-develop.2
 
-## [20.11.3](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/compare/v20.11.2...v20.11.3) (2025-12-19)
+# [21.0.0-develop.2](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/compare/v21.0.0-develop.1...v21.0.0-develop.2) (2026-01-27)
 
 
 ### Bug Fixes
 
-* **tooltip:** add default value after again ([90f0747](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/90f0747a1c47d0b0cb391a22bb2039e9cb45136d))
-* **layout:** add spacing between title and logo ([461a8cd](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/461a8cd8972808d32379ccdcfafff8836eb9e3dd))
-* **theme:** adjust padding for expansion panel headers to fix misalignment ([a62b279](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/a62b27930886147a470b9dad70bfda9577c25383))
-* **build:** trigger build for release notes ([6b0f539](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/6b0f5396bbe6b80048c991938049b98d2d4d81d7))
-* **deps:** update @ngx-translate/core to v17.0.0 for compatibility and improvements ([d4fc99d](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/d4fc99d61c89f88abae7a7cadbec043987ab8436))
+* **design-system:** update @ngrx/component-store version constraint ([7394435](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/73944355f4dface1bdb12db0f600546d1e9adff2))
 

package/fesm2022/onemrvapublic-design-system-flag-icon.mjs

@@ -1,25 +1,25 @@
 import * as i0 from '@angular/core';
-import { inject, Input, Component } from '@angular/core';
+import { input, inject, Component } from '@angular/core';
 import { NgOptimizedImage } from '@angular/common';
 import { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';
 
 class FlagIconComponent {
     constructor() {
-        this.countryCode = 'xx';
-        this.mode = 'rectangle';
-        this.width = 26;
-        this.height = this.width;
+        this.countryCode = input('xx', ...(ngDevMode ? [{ debugName: "countryCode" }] : []));
+        this.mode = input('rectangle', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+        this.width = input(26, ...(ngDevMode ? [{ debugName: "width" }] : []));
+        this.height = this.width();
         this.cdn = inject(OnemRvaCDNService);
         this.cdnUrl = this.cdn.getUrl();
-        if (this.mode === 'rectangle') {
-            this.height = this.width / 1.33;
+        if (this.mode() === 'rectangle') {
+            this.height = this.width() / 1.33;
         }
     }
     get normalizedCountryCode() {
-        return (this.countryCode?.trim() || 'xx').toLowerCase();
+        return (this.countryCode()?.trim() || 'xx').toLowerCase();
     }
     get modeValue() {
-        if (this.mode === 'rectangle') {
+        if (this.mode() === 'rectangle') {
             return '4x3';
         }
         return '1x1';
@@ -27,19 +27,13 @@ class FlagIconComponent {
     get url() {
         return `${this.cdnUrl}/img/flags/${this.modeValue}/${this.normalizedCountryCode}.svg`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FlagIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: FlagIconComponent, isStandalone: true, selector: "flag-icon", inputs: { countryCode: "countryCode", mode: "mode", width: "width" }, ngImport: i0, template: "<span\n  [class]=\"{\n    fi: true,\n    fis: mode === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width\"\n    [height]=\"height\"\n  />\n</span>\n", styles: [":host .fi{position:relative;display:inline-flex;margin-right:6px;vertical-align:middle}:host .fi.fis{width:1em}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: FlagIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: FlagIconComponent, isStandalone: true, selector: "flag-icon", inputs: { countryCode: { classPropertyName: "countryCode", publicName: "countryCode", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n  [class]=\"{\n    fi: true,\n    fis: mode() === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width()\"\n    [height]=\"height\"\n  />\n</span>\n", styles: [":host .fi{position:relative;display:inline-flex;margin-right:6px;vertical-align:middle}:host .fi.fis{width:1em}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FlagIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: FlagIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'flag-icon', standalone: true, imports: [NgOptimizedImage], template: "<span\n  [class]=\"{\n    fi: true,\n    fis: mode === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width\"\n    [height]=\"height\"\n  />\n</span>\n", styles: [":host .fi{position:relative;display:inline-flex;margin-right:6px;vertical-align:middle}:host .fi.fis{width:1em}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { countryCode: [{
-                type: Input
-            }], mode: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'flag-icon', standalone: true, imports: [NgOptimizedImage], template: "<span\n  [class]=\"{\n    fi: true,\n    fis: mode() === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width()\"\n    [height]=\"height\"\n  />\n</span>\n", styles: [":host .fi{position:relative;display:inline-flex;margin-right:6px;vertical-align:middle}:host .fi.fis{width:1em}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { countryCode: [{ type: i0.Input, args: [{ isSignal: true, alias: "countryCode", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/onemrvapublic-design-system-flag-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-flag-icon.mjs","sources":["../../../../projects/onemrva/design-system/flag-icon/src/flag-icon.component.ts","../../../../projects/onemrva/design-system/flag-icon/src/flag-icon.component.html","../../../../projects/onemrva/design-system/flag-icon/onemrvapublic-design-system-flag-icon.ts"],"sourcesContent":["import { Component, inject, Input } from '@angular/core';\nimport { NgOptimizedImage } from '@angular/common';\nimport { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';\n\n@Component({\n  selector: 'flag-icon',\n  standalone: true,\n  imports: [NgOptimizedImage],\n  templateUrl: './flag-icon.component.html',\n  styleUrl: './flag-icon.component.scss',\n})\nexport class FlagIconComponent {\n  @Input() countryCode?: string | null | undefined = 'xx';\n\n  @Input() mode: 'square' | 'rectangle' = 'rectangle';\n\n  @Input() width = 26;\n  height: number = this.width;\n\n  private readonly cdnUrl: string;\n  private cdn = inject(OnemRvaCDNService);\n\n  constructor() {\n    this.cdnUrl = this.cdn.getUrl();\n    if (this.mode === 'rectangle') {\n      this.height = this.width / 1.33;\n    }\n  }\n\n  get normalizedCountryCode() {\n    return (this.countryCode?.trim() || 'xx').toLowerCase();\n  }\n\n  get modeValue() {\n    if (this.mode === 'rectangle') {\n      return '4x3';\n    }\n    return '1x1';\n  }\n\n  get url() {\n    return `${this.cdnUrl}/img/flags/${this.modeValue}/${this.normalizedCountryCode}.svg`;\n  }\n}\n","<span\n  [class]=\"{\n    fi: true,\n    fis: mode === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width\"\n    [height]=\"height\"\n  />\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAWa,iBAAiB,CAAA;AAW5B,IAAA,WAAA,GAAA;QAVS,IAAA,CAAA,WAAW,GAA+B,IAAI;QAE9C,IAAA,CAAA,IAAI,GAA2B,WAAW;QAE1C,IAAA,CAAA,KAAK,GAAG,EAAE;AACnB,QAAA,IAAA,CAAA,MAAM,GAAW,IAAI,CAAC,KAAK;AAGnB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAGrC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;AAC/B,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;YAC7B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI;QACjC;IACF;AAEA,IAAA,IAAI,qBAAqB,GAAA;AACvB,QAAA,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,WAAW,EAAE;IACzD;AAEA,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;AAC7B,YAAA,OAAO,KAAK;QACd;AACA,QAAA,OAAO,KAAK;IACd;AAEA,IAAA,IAAI,GAAG,GAAA;AACL,QAAA,OAAO,CAAA,EAAG,IAAI,CAAC,MAAM,CAAA,WAAA,EAAc,IAAI,CAAC,SAAS,CAAA,CAAA,EAAI,IAAI,CAAC,qBAAqB,MAAM;IACvF;+GA/BW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX9B,qOAcA,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDPY,gBAAgB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIf,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,qOAAA,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA;;sBAK1B;;sBAEA;;sBAEA;;;AEhBH;;AAEG;;;;"}
+{"version":3,"file":"onemrvapublic-design-system-flag-icon.mjs","sources":["../../../../projects/onemrva/design-system/flag-icon/src/flag-icon.component.ts","../../../../projects/onemrva/design-system/flag-icon/src/flag-icon.component.html","../../../../projects/onemrva/design-system/flag-icon/onemrvapublic-design-system-flag-icon.ts"],"sourcesContent":["import { Component, inject, input } from '@angular/core';\nimport { NgOptimizedImage } from '@angular/common';\nimport { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';\n\n@Component({\n  selector: 'flag-icon',\n  standalone: true,\n  imports: [NgOptimizedImage],\n  templateUrl: './flag-icon.component.html',\n  styleUrl: './flag-icon.component.scss',\n})\nexport class FlagIconComponent {\n  readonly countryCode = input<string | null | undefined>('xx');\n\n  readonly mode = input<'square' | 'rectangle'>('rectangle');\n\n  readonly width = input(26);\n  height: number = this.width();\n\n  private readonly cdnUrl: string;\n  private cdn = inject(OnemRvaCDNService);\n\n  constructor() {\n    this.cdnUrl = this.cdn.getUrl();\n    if (this.mode() === 'rectangle') {\n      this.height = this.width() / 1.33;\n    }\n  }\n\n  get normalizedCountryCode() {\n    return (this.countryCode()?.trim() || 'xx').toLowerCase();\n  }\n\n  get modeValue() {\n    if (this.mode() === 'rectangle') {\n      return '4x3';\n    }\n    return '1x1';\n  }\n\n  get url() {\n    return `${this.cdnUrl}/img/flags/${this.modeValue}/${this.normalizedCountryCode}.svg`;\n  }\n}\n","<span\n  [class]=\"{\n    fi: true,\n    fis: mode() === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width()\"\n    [height]=\"height\"\n  />\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAWa,iBAAiB,CAAA;AAW5B,IAAA,WAAA,GAAA;AAVS,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAA4B,IAAI,uDAAC;AAEpD,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAyB,WAAW,gDAAC;AAEjD,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,EAAE,iDAAC;AAC1B,QAAA,IAAA,CAAA,MAAM,GAAW,IAAI,CAAC,KAAK,EAAE;AAGrB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAGrC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;AAC/B,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,WAAW,EAAE;YAC/B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI;QACnC;IACF;AAEA,IAAA,IAAI,qBAAqB,GAAA;AACvB,QAAA,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,WAAW,EAAE;IAC3D;AAEA,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,WAAW,EAAE;AAC/B,YAAA,OAAO,KAAK;QACd;AACA,QAAA,OAAO,KAAK;IACd;AAEA,IAAA,IAAI,GAAG,GAAA;AACL,QAAA,OAAO,CAAA,EAAG,IAAI,CAAC,MAAM,CAAA,WAAA,EAAc,IAAI,CAAC,SAAS,CAAA,CAAA,EAAI,IAAI,CAAC,qBAAqB,MAAM;IACvF;8GA/BW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX9B,yOAcA,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDPY,gBAAgB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIf,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,yOAAA,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA;;;AEP7B;;AAEG;;;;"}