@sumaris-net/ngx-components 2.8.13 → 2.9.0-alpha1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "2.8.13",
+  "version": "2.9.0-alpha1",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",
@@ -67,7 +67,7 @@
     "url": "https://gitlab.ifremer.fr/sih-public/sumaris/ngx-sumaris-components/-/issues"
   },
   "engines": {
-    "node": ">= 18.18.2",
+    "node": ">= 18.19.0",
     "npm": ">= 9.9.1",
     "yarn": ">= 1.22.19"
   },

package/src/app/shared/material/autocomplete/material.autocomplete.d.ts

@@ -5,7 +5,7 @@ import { SuggestFn } from '../../services/entity-service.class';
 import { InputElement } from '../../inputs';
 import { AppFloatLabelType, DisplayFn, EqualsFn } from '../../form/field.model';
 import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
-import { MatSelect } from '@angular/material/select';
+import { MatOption, MatSelect } from '@angular/material/select';
 import { MatAutocomplete, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { IonSearchbar, ModalController } from '@ionic/angular';
 import { MatAutocompleteFieldConfig } from './material.autocomplete.config';
@@ -58,7 +58,7 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     config: MatAutocompleteFieldConfig;
     i18nPrefix: string;
     noResultMessage: string;
-    classList: string;
+    panelClass: string;
     panelWidth: string;
     matAutocompletePosition: 'auto' | 'above' | 'below';
     multiple: boolean;
@@ -68,9 +68,11 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
     debug: boolean;
     showSearchBar: boolean;
     stickySearchBar: boolean;
+    disableRipple: boolean;
     applyImplicitValue: boolean | (() => boolean);
     dropButtonTitle: string;
     clearButtonTitle: string;
+    sortComparator: (a: MatOption, b: MatOption, options: MatOption[]) => number;
     clicked: EventEmitter<MouseEvent>;
     blurred: EventEmitter<FocusEvent>;
     focused: EventEmitter<FocusEvent>;
@@ -140,5 +142,19 @@ export declare class MatAutocompleteField implements OnInit, AfterViewInit, OnDe
      */
     private _fixSearchbarOverlay;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatAutocompleteField, [null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatAutocompleteField, "mat-autocomplete-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "class"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "showSearchBar": { "alias": "showSearchBar"; "required": false; }; "stickySearchBar": { "alias": "stickySearchBar"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "applyImplicitValue": { "alias": "applyImplicitValue"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "sortComparator": { "alias": "sortComparator"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_mobile: unknown;
+    static ngAcceptInputType_clearable: unknown;
+    static ngAcceptInputType_debounceTime: unknown;
+    static ngAcceptInputType_highlightAccent: unknown;
+    static ngAcceptInputType_showAllOnFocus: unknown;
+    static ngAcceptInputType_showPanelOnFocus: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+    static ngAcceptInputType_multiple: unknown;
+    static ngAcceptInputType_showLoadingSpinner: unknown;
+    static ngAcceptInputType_debug: unknown;
+    static ngAcceptInputType_showSearchBar: unknown;
+    static ngAcceptInputType_stickySearchBar: unknown;
+    static ngAcceptInputType_disableRipple: unknown;
 }

package/src/app/shared/material/chips/material.chips.d.ts

@@ -14,6 +14,20 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     private formGroupDir;
     private _onChangeCallback;
     private _onTouchedCallback;
+    private _onFetchMoreCallback;
+    private _implicitValue;
+    private _subscription;
+    private _itemsSubscription;
+    private _openedSubscription;
+    private _$filter;
+    private _itemCount;
+    private _reload$;
+    protected _tabindex: number;
+    protected _$inputItems: BehaviorSubject<any[]>;
+    protected _$filteredItems: BehaviorSubject<any[]>;
+    protected _inputControl: UntypedFormControl;
+    protected _moreItemsCount: number;
+    protected _fetchMore$: EventEmitter<Event>;
     equals: EqualsFn;
     logPrefix: string;
     formControl: UntypedFormControl;
@@ -39,7 +53,7 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     config: MatAutocompleteFieldConfig;
     i18nPrefix: string;
     noResultMessage: string;
-    classList: string;
+    panelClass: string;
     panelWidth: string;
     matAutocompletePosition: 'auto' | 'above' | 'below';
     itemSize: string;
@@ -59,20 +73,6 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     matInputText: ElementRef;
     autocomplete: MatAutocomplete;
     autocompleteTrigger: MatAutocompleteTrigger;
-    _tabindex: number;
-    $inputItems: BehaviorSubject<any[]>;
-    $filteredItems: BehaviorSubject<any[]>;
-    inputControl: UntypedFormControl;
-    _moreItemsCount: number;
-    _fetchMore$: EventEmitter<Event>;
-    private _onFetchMoreCallback;
-    private _implicitValue;
-    private _subscription;
-    private _itemsSubscription;
-    private _openedSubscription;
-    private _$filter;
-    private _itemCount;
-    private _reload$;
     constructor(cd: ChangeDetectorRef, formGroupDir: FormGroupDirective);
     get itemCount(): number;
     get canFetchMore(): boolean;
@@ -124,5 +124,16 @@ export declare class MatChipsField implements OnInit, OnDestroy, InputElement, C
     private markForCheck;
     private markAsLoading;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipsField, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipsField, "mat-chips-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "classList": { "alias": "class"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatChipsField, "mat-chips-field", never, { "equals": { "alias": "equals"; "required": false; }; "logPrefix": { "alias": "logPrefix"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "suggestFn": { "alias": "suggestFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; "mobile": { "alias": "mobile"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; "displayWith": { "alias": "displayWith"; "required": false; }; "displayAttributes": { "alias": "displayAttributes"; "required": false; }; "displayColumnSizes": { "alias": "displayColumnSizes"; "required": false; }; "displayColumnNames": { "alias": "displayColumnNames"; "required": false; }; "highlightAccent": { "alias": "highlightAccent"; "required": false; }; "showAllOnFocus": { "alias": "showAllOnFocus"; "required": false; }; "showPanelOnFocus": { "alias": "showPanelOnFocus"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "config": { "alias": "config"; "required": false; }; "i18nPrefix": { "alias": "i18nPrefix"; "required": false; }; "noResultMessage": { "alias": "noResultMessage"; "required": false; }; "panelClass": { "alias": "class"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "matAutocompletePosition": { "alias": "matAutocompletePosition"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "fetchMoreThreshold": { "alias": "fetchMoreThreshold"; "required": false; }; "suggestLengthThreshold": { "alias": "suggestLengthThreshold"; "required": false; }; "showLoadingSpinner": { "alias": "showLoadingSpinner"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, { "clicked": "click"; "blurred": "blur"; "focused": "focus"; "dropButtonClick": "dropButtonClick"; "keydownEscape": "keydown.escape"; "keyupEnter": "keyup.enter"; }, never, ["[matAfter]", "[matPrefix]", "[matSuffix]", "mat-error,[matError]", "mat-hint:not([align='end']),[matHint]", "mat-hint[align='end']"], false, never>;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_mobile: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_clearable: unknown;
+    static ngAcceptInputType_debounceTime: unknown;
+    static ngAcceptInputType_highlightAccent: unknown;
+    static ngAcceptInputType_showAllOnFocus: unknown;
+    static ngAcceptInputType_showPanelOnFocus: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+    static ngAcceptInputType_showLoadingSpinner: unknown;
+    static ngAcceptInputType_debug: unknown;
 }

package/src/assets/i18n/en-US.json

@@ -288,6 +288,8 @@
   "REFERENTIAL": {
     "LABEL": "Code",
     "NAME": "Name",
+    "DESCRIPTION": "Description",
+    "COMMENTS": "",
     "TYPE": "Type",
     "STATUS_ENUM": {
       "ENABLE": "Enable",

package/src/assets/i18n/en.json

@@ -288,6 +288,8 @@
   "REFERENTIAL": {
     "LABEL": "Code",
     "NAME": "Name",
+    "DESCRIPTION": "Description",
+    "COMMENTS": "",
     "TYPE": "Type",
     "STATUS_ENUM": {
       "ENABLE": "Enable",

package/src/assets/i18n/fr.json

@@ -288,6 +288,8 @@
   "REFERENTIAL": {
     "LABEL": "Code",
     "NAME": "Libellé",
+    "DESCRIPTION": "Description",
+    "COMMENTS": "",
     "TYPE": "Type",
     "STATUS_ENUM": {
       "ENABLE": "Actif à la saisie",

package/src/assets/manifest.json

@@ -2,7 +2,7 @@
   "name": "ngx-sumaris-components",
   "short_name": "ngx-sumaris-components",
   "manifest_version": 1,
-  "version": "2.8.13",
+  "version": "2.9.0-alpha1",
   "default_locale": "fr",
   "description": "Angular components for building beautiful and responsive Apps",
   "icons": [{

package/src/theme/_ngx-components.scss

@@ -155,8 +155,23 @@ mat-calendar.mat-date-short-panel {
     }
   }
 }
+// --------------------------------------------------
+// mat-checkbox
+// --------------------------------------------------
+
+mat-checkbox {
+  .mat-checkbox-checkmark {
+    .mat-checkbox-checkmark-path {
+      // TODO: change to accent-contrast
+      stroke: white !important;
+    }
+  }
+}
+
+// --------------------------------------------------
+// mat-autocomplete and mat-select panel
+// --------------------------------------------------
 
-// --- mat-autocomplete and mat-select panel
 // When simple text option, add a padding
 mat-option {
 
@@ -186,11 +201,16 @@ mat-option:not(:last-of-type) {
   border-bottom: 1px solid #{$app-select-option-border-color};
 }
 
-.mat-select-panel, .mat-mdc-select-panel {
+
+.cdk-overlay-pane:has(.mat-mdc-select-panel) {
   --min-width: 200px;
   --max-width: calc(min(100%, 100vw - 64px));
   min-width: var(--min-width) !important;
   max-width: var(--max-width) !important;
+
+  &.left-workaround {
+    left: calc((min(var(--panel-left, 0px) + var(--panel-width, var(--min-width)), 100vw - 32px) - var(--panel-width, var(--min-width))));
+  }
 }
 .mat-mdc-autocomplete-panel {
   --min-width: 200px;
@@ -226,17 +246,31 @@ mat-option:not(:last-of-type) {
   --min-width: 80vw;
 }
 
+
+// FIXME : This is a workaround find at : https://github.com/angular/components/issues/26000#issuecomment-1563107933
+.cdk-overlay-pane:has(.mat-mdc-select-panel.fit-content) {
+  min-width: fit-content;
+
+  .mat-mdc-select-panel.fit-content {
+    left: unset;
+  }
+}
+
+
 .mat-mdc-autocomplete-panel-center .mat-mdc-autocomplete-panel,
 .mat-mdc-autocomplete-panel-center.mat-mdc-autocomplete-panel {
   margin-left: calc(var(--min-width, 200px) / -2 + 50%) !important;
 }
 
 .mat-mdc-autocomplete-panel-full-size .mat-mdc-autocomplete-panel,
-.mat-mdc-autocomplete-panel-full-size.mat-mdc-autocomplete-panel {
+.mat-mdc-autocomplete-panel-full-size.mat-mdc-autocomplete-panel,
+.full-size .mat-mdc-autocomplete-panel,
+.full-size.mat-mdc-autocomplete-panel,
+.cdk-overlay-pane:has(.mat-mdc-select-panel.full-size) {
   --min-width: calc(100vw - 64px);
   --max-width: calc(100vw - 64px);
   position: fixed;
-  left: 32px;
+  left: 32px !important;
 }
 
 .mat-mdc-select-panel,
@@ -256,6 +290,18 @@ ion-list,
   }
 }
 
+// --------------------------------------------------
+// mat-autocomplete-field
+// --------------------------------------------------
+
+// Define useful variable
+html.plt-ios {
+  --ion-searchbar-height: 60px;
+}
+html {
+  --ion-searchbar-height: 58px;
+}
+
 ion-list,
 .mat-mdc-menu-panel,
 .mat-mdc-select-panel,
@@ -276,7 +322,7 @@ ion-list,
   .mat-mdc-option.mat-autocomplete-searchbar
   {
     padding: 0 !important;
-    height: 58px !important;
+    height: var(--ion-searchbar-height, 58px) !important;
     background-color: var(--ion-color-secondary100) !important;
     pointer-events: inherit !important;
 
@@ -328,7 +374,7 @@ ion-list,
       }
       &.mat-select-searchbar-sticky {
         /* offset because of the searchbar height */
-        top: 58px;
+        top: var(--ion-searchbar-height, 58px);
       }
     }
 
@@ -385,6 +431,9 @@ ion-list,
   }
 }
 
+// --------------------------------------------------
+// Table > Filter expansion panel
+// --------------------------------------------------
 
 mat-expansion-panel {
 
@@ -432,15 +481,6 @@ mat-expansion-panel {
   }
 }
 
-mat-checkbox {
-  .mat-checkbox-checkmark {
-    .mat-checkbox-checkmark-path {
-      // TODO: change to accent-contrast
-      stroke: white !important;
-    }
-  }
-}
-
 // --------------------------------------------------
 // Form buttons bar
 // --------------------------------------------------