@onemrvapublic/design-system 20.6.0 → 20.6.1-develop.2

package/index.d.ts

@@ -26,17 +26,17 @@ import { MatTooltip, TooltipPosition } from '@angular/material/tooltip';
 import * as i27 from '@angular/material/core';
 import { MatOption, ThemePalette, ErrorStateMatcher, MatDateFormats, NativeDateAdapter, DateAdapter } from '@angular/material/core';
 import { AnimationBuilder, AnimationFactory } from '@angular/animations';
-import { MatFormFieldControl, MatFormField } from '@angular/material/form-field';
+import * as i5 from '@angular/forms';
+import { ControlValueAccessor, FormControl, FormGroup, NgControl, ValidationErrors, AbstractControl, ValidatorFn } from '@angular/forms';
 import { MatCalendar } from '@angular/material/datepicker';
 import * as i8 from '@angular/material/dialog';
 import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { OnemRvaCDNMimeService as OnemRvaCDNMimeService$1, OSMResult as OSMResult$1, OnemRvaCommonCountry as OnemRvaCommonCountry$1, OnemrvaMaterialCountry as OnemrvaMaterialCountry$1 } from '@onemrvapublic/design-system/shared';
-import * as i5 from '@angular/forms';
-import { FormControl, FormGroup, ControlValueAccessor, NgControl, ValidationErrors, AbstractControl, ValidatorFn } from '@angular/forms';
 import * as i11 from '@angular/material/input';
 import { ComponentStore } from '@ngrx/component-store';
 import { HttpEvent, HttpClient } from '@angular/common/http';
 import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { MatFormFieldControl, MatFormField } from '@angular/material/form-field';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { MatExpansionPanel } from '@angular/material/expansion';
 import { PageEvent } from '@angular/material/paginator';
@@ -590,20 +590,21 @@ declare class OnemrvaMatCarouselComponent implements AfterViewInit, OnInit, OnDe
     static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatCarouselComponent, "onemrva-mat-carousel", never, { "timing": { "alias": "timing"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "showControls": { "alias": "showControls"; "required": false; }; "autoplay": { "alias": "autoplay"; "required": false; }; "showDots": { "alias": "showDots"; "required": false; }; }, {}, ["items"], ["*"], true, never>;
 }
 
-declare class OnemrvaMatChoiceChipComponent extends MatFormFieldControl<any> {
-    checked: boolean;
+declare class OnemrvaMatChoiceChipComponent implements ControlValueAccessor {
+    /** The boolean value your parent form will read/write */
+    value: boolean;
+    /** Standard disabled support */
     disabled: boolean;
-    _value: any;
     get opacity(): 1 | 0.4;
-    onContainerClick(event: MouseEvent): void;
-    setDescribedByIds(ids: string[]): void;
-    onChange: (_values: any[]) => void;
+    private onChange;
     onTouched: () => void;
-    writeValue(value: any): void;
-    registerOnChange(fn: (value: any[]) => void): void;
+    writeValue(val: boolean): void;
+    registerOnChange(fn: (val: boolean) => void): void;
     registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInputChange(checked: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatChoiceChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatChoiceChipComponent, "onemrva-mat-choice-chip", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatChoiceChipComponent, "onemrva-mat-choice-chip", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class OnemrvaCopyToClipboardComponent {
@@ -748,6 +749,7 @@ declare class OnemrvaFilePanelComponent {
     /** @hidden @internal */
     get _isPrimary(): boolean;
     protected readonly formattedSize: typeof formattedSize;
+    ariaLabel: any;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaFilePanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaFilePanelComponent, "file-panel", never, { "id": { "alias": "id"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "file": { "alias": "file"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "showProgress": { "alias": "showProgress"; "required": false; }; "displayDate": { "alias": "displayDate"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
 }

package/mat-choice-chip/index.d.ts

@@ -1,20 +1,21 @@
-import { MatFormFieldControl } from '@angular/material/form-field';
+import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from '@angular/core';
 
-declare class OnemrvaMatChoiceChipComponent extends MatFormFieldControl<any> {
-    checked: boolean;
+declare class OnemrvaMatChoiceChipComponent implements ControlValueAccessor {
+    /** The boolean value your parent form will read/write */
+    value: boolean;
+    /** Standard disabled support */
     disabled: boolean;
-    _value: any;
     get opacity(): 1 | 0.4;
-    onContainerClick(event: MouseEvent): void;
-    setDescribedByIds(ids: string[]): void;
-    onChange: (_values: any[]) => void;
+    private onChange;
     onTouched: () => void;
-    writeValue(value: any): void;
-    registerOnChange(fn: (value: any[]) => void): void;
+    writeValue(val: boolean): void;
+    registerOnChange(fn: (val: boolean) => void): void;
     registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInputChange(checked: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatChoiceChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatChoiceChipComponent, "onemrva-mat-choice-chip", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaMatChoiceChipComponent, "onemrva-mat-choice-chip", never, { "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 export { OnemrvaMatChoiceChipComponent };

package/mat-choice-chip/src/onemrva-mat-choice-chip.component.scss

@@ -7,7 +7,8 @@ onemrva-mat-choice-chip {
     )
   );
 
-  mat-checkbox {
+  mat-checkbox.onemrva-choice-chip {
+    user-select: none;
     border: 1px solid var(--mat-sys-primary);
     border-radius: var(--button-border-radius);
     background: var(--mat-sys-primary-container);

package/mat-file-upload/index.d.ts

@@ -75,6 +75,7 @@ declare class OnemrvaFilePanelComponent {
     /** @hidden @internal */
     get _isPrimary(): boolean;
     protected readonly formattedSize: typeof formattedSize;
+    ariaLabel: any;
     static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaFilePanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaFilePanelComponent, "file-panel", never, { "id": { "alias": "id"; "required": false; }; "dataCy": { "alias": "dataCy"; "required": false; }; "file": { "alias": "file"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "showProgress": { "alias": "showProgress"; "required": false; }; "displayDate": { "alias": "displayDate"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
 }

package/mat-file-upload/src/components/onemrva-mat-file-upload/onemrva-mat-file-upload.component.scss

@@ -79,7 +79,7 @@
 
         .restrictions {
           display: block;
-          color: var(--mat-sys-outline);
+          color: var(--mat-sys-on-surface-variant);
           margin-bottom: 0;
         }
       }

package/mat-navigation/src/onemrva-mat-navigation.component.scss

@@ -1,5 +1,7 @@
 onemrva-mat-navigation {
   min-width: 250px;
+  border-right: 1px solid var(--mat-sys-outline-variant);
+  display: flex;
   .mat-expansion-panel-body {
     padding: 0;
   }
@@ -12,7 +14,7 @@ onemrva-mat-navigation {
     box-shadow: none;
     align-items: center;
     text-align: left;
-    font: var(--mat-sys-body-medium);
+    font: var(--mat-sys-body-large);
     &:active,
     &.active {
       button {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onemrvapublic/design-system",
-  "version": "20.6.0",
+  "version": "20.6.1-develop.2",
   "description": "Design System Onem/Rva without theme included",
   "publishConfig": {
     "access": "public"
@@ -64,22 +64,22 @@
       "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-choice-chip": {
+      "types": "./mat-choice-chip/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-choice-chip.mjs"
     },
     "./mat-datepicker-header": {
       "types": "./mat-datepicker-header/index.d.ts",
       "default": "./fesm2022/onemrvapublic-design-system-mat-datepicker-header.mjs"
     },
+    "./mat-country-item": {
+      "types": "./mat-country-item/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-country-item.mjs"
+    },
     "./mat-empty-row": {
       "types": "./mat-empty-row/index.d.ts",
       "default": "./fesm2022/onemrvapublic-design-system-mat-empty-row.mjs"
@@ -96,10 +96,6 @@
       "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"
@@ -120,9 +116,9 @@
       "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-input-country": {
+      "types": "./mat-input-country/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-input-country.mjs"
     },
     "./mat-notification": {
       "types": "./mat-notification/index.d.ts",
@@ -132,6 +128,10 @@
       "types": "./mat-paginator/index.d.ts",
       "default": "./fesm2022/onemrvapublic-design-system-mat-paginator.mjs"
     },
+    "./mat-navigation": {
+      "types": "./mat-navigation/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-navigation.mjs"
+    },
     "./mat-panel": {
       "types": "./mat-panel/index.d.ts",
       "default": "./fesm2022/onemrvapublic-design-system-mat-panel.mjs"
@@ -140,17 +140,13 @@
       "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-progress-bar": {
+      "types": "./mat-progress-bar/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-progress-bar.mjs"
     },
     "./mat-side-menu": {
       "types": "./mat-side-menu/index.d.ts",
@@ -164,9 +160,9 @@
       "types": "./mat-spinner/index.d.ts",
       "default": "./fesm2022/onemrvapublic-design-system-mat-spinner.mjs"
     },
-    "./mat-table-of-content": {
-      "types": "./mat-table-of-content/index.d.ts",
-      "default": "./fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs"
+    "./mat-selectable-box": {
+      "types": "./mat-selectable-box/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-selectable-box.mjs"
     },
     "./mat-sticker": {
       "types": "./mat-sticker/index.d.ts",
@@ -180,6 +176,10 @@
       "types": "./mat-task-list/index.d.ts",
       "default": "./fesm2022/onemrvapublic-design-system-mat-task-list.mjs"
     },
+    "./mat-table-of-content": {
+      "types": "./mat-table-of-content/index.d.ts",
+      "default": "./fesm2022/onemrvapublic-design-system-mat-table-of-content.mjs"
+    },
     "./mat-timepicker": {
       "types": "./mat-timepicker/index.d.ts",
       "default": "./fesm2022/onemrvapublic-design-system-mat-timepicker.mjs"