@onemrvapublic/design-system 20.11.2 → 21.0.0-develop.1

package/README.md

@@ -29,16 +29,59 @@ 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.2
+### 21.0.0-develop.1
 
-## [20.11.2](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/compare/v20.11.1...v20.11.2) (2025-12-18)
+# [21.0.0-develop.1](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/compare/v20.11.1-develop.12...v21.0.0-develop.1) (2026-01-27)
 
 
 ### Bug Fixes
 
-* **theme:** update z-index for overlay to ensure proper layering ([ac5167b](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/ac5167b1ce98dc43af61041f705d0ec804be600e))
+* **file-panel:** a11y compatability for warn ([6bafc55](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/6bafc559ed18a0ae6e90a701d0da8da158178c1d))
+* **layout:** a11y ([f114cb8](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/f114cb8be52a6beee054e5a27fab29ba31f01fc6))
+* accessibility ([8b440b7](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/8b440b7b763889fcaa19ce4a7a0043a9ef1ee6cd))
+* **datepicker:** adjust background color ([aa1d5ea](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/aa1d5eaf4efa2f7f222e4321fba9d4561bc01139))
+* **autocomplete:** align background color ([3cf9a29](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/3cf9a29d69a96cc45a6f9317fbcd5e11c306b16c))
+* **prettier:** align code styling to prettier ([f0d991a](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/f0d991a4c19535aeea2b213f0618764062c4ec89))
+* cypress test ([88adced](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/88adced330e4ca378832b6bee540f20f87d9873c))
+* demo error ([1ed3d49](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/1ed3d49e462192df57121546e810003f1d03abf9))
+* **eslint:** fix codestyling ([d36748b](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/d36748b1c41aa8ffcf36028c032e562b5f9767f8))
+* **chips-input:** fix demo for chips a11y ([255c8b4](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/255c8b4fa100ba50add977a6e45a1b6b96e36b4c))
+* **selectable-box:** fix isChecked function ([2f93ae7](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/2f93ae7dd4a02cc11fcb96d6a133d10b159f1a46))
+* **choice-chip:** fix padding ([b10149a](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/b10149a549350f0f1c096ed77dee9aa87301f621))
+* **upgrade:** fix properties and bundler format ([2853cec](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/2853cec1c4d24d7b813d271dc77b2553b2082642))
+* **demos:** fix the demo paths ([6deae66](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/6deae6669e9011cc3fcd5e47a6b74a8c3719b8a6))
+* **demos:** fix the demo paths ([4d3cb2c](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/4d3cb2c720168376e11ee195a6610425a652926d))
+* **theme:** fix the styles index in the app + cleanup styles publishing ([87bb1ad](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/87bb1add82f7a8133a1b8d84b734d2ec31650afa))
+* **toc:** fix the toc colors and hiddenInToc classes ([b37ff73](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/b37ff7355512f07235f14f9c635ecd6d512f932a))
+* **demo:** improve signal reactivity and update config ([3545c97](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/3545c97e29aa62f304cebb2c8fe32ba65743189c))
+* **layout-sidenav:** improve signals routerlink check ([e01a225](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/e01a225cde9f97df65e5518c8811c9714872e540))
+* minor changes on signals ([27dbcbb](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/27dbcbb0a12f3715aa29ca8c98b472b62a18ee06))
+* **select:** overlay of select got class rename ([6ce98c4](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/6ce98c47beae5a4d92987c5242b6cdb0284d5e99))
+* **layout:** properly set signals ([c785eb0](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/c785eb093671ee5a53cb245b45617cc014c973cc))
+* **theme:** remove build script ([6fee794](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/6fee79433d56577dbd29991da3319b8ab68bdbb4))
+* update angular dependencies ([0b44123](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/0b441235f4d7df59c2839917dc48dd4e9367bcaf))
+* upgrade to 21 wip ([6b9ef9a](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/6b9ef9a3a7a10f550c7c888cddc062edaec6d07d))
+* upgrade to 21 wip ([e27be97](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/e27be976033898f3d3184a5f8dd1bf2afd6ed103))
+* upgrade to 21 wip ([a02964e](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/a02964ed0b79608758d449f116f3310ceccc9efa))
+* **phone-input:** use correct color for country code dropdown ([aaf4ec6](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/aaf4ec68f696ae04f982bb77f61c0f9176d079e4))
+* **ngxMask:** use provider to create config ([5c39aa0](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/5c39aa0ce92c5bf77b23aec7633c9ba7c23b07f2))
+* **tooltip:** use signals correctly to show html ([40a459c](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/40a459c27502654a85615509ae2211b53a65ccca))
+* **mat-task:** wrong inversion of using form ([6e32af5](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/6e32af5e84e19efd970427def5f539f25fa16e66))
+
+
+### Features
+
+* **theme:** move theme package into main package ([fd2df4f](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/fd2df4f2f503aabcd6cc93d54ba88323a4e7c516))
+* **timepicker:** update example of timepicker to use ([840c7e1](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/840c7e14c0e2b2735bb6766e56ba18d8af8c5ff3))
+* **angular21:** upgrade to angular 21 add package lock ([b0739b8](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/b0739b84156211fbf6145ba99693a81aa13770aa))
+
+
+### BREAKING CHANGES
+
+* **theme:** We are merging the design system and the theme package
+* **angular21:** final commit for angular 21 upgrade
 

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;;;;"}