@sumaris-net/ngx-components 2.12.28 → 2.18.0-alpha10

package/src/app/shared/named-filter/named-filter-selector.component.d.ts

@@ -8,6 +8,7 @@ import { INamedFilter, INamedFilterFilter, NamedFilter } from './named-filter.mo
 import { INamedFilterService, NamedFilterLoadOptions, NamedFilterWatchOptions } from './named-filter.service';
 import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
 import * as i0 from "@angular/core";
+export type NamedFilterSelectorButtonsPosition = 'matSuffix' | 'after';
 export declare class NamedFilterSelector extends AppForm<any> implements OnInit {
     protected injector: Injector;
     protected formBuilder: UntypedFormBuilder;
@@ -16,9 +17,9 @@ export declare class NamedFilterSelector extends AppForm<any> implements OnInit
     protected popoverController: PopoverController;
     protected dataService: INamedFilterService<INamedFilter<any>, INamedFilterFilter<any, any>, NamedFilterWatchOptions, NamedFilterLoadOptions>;
     protected readonly logPrefix = "[named-filter-selector]";
-    protected readonly mobile: boolean;
     private _entityName;
     private _deleteDisabled;
+    mobile: boolean;
     set entityName(entityName: string);
     get entityName(): string;
     appearance: MatFormFieldAppearance;
@@ -32,26 +33,28 @@ export declare class NamedFilterSelector extends AppForm<any> implements OnInit
     dropButtonTitle: string;
     clearButtonTitle: string;
     detectChangeOnSelectFilter: boolean;
+    buttonsPosition: NamedFilterSelectorButtonsPosition;
     set disabled(_disabled: boolean);
     get disabled(): boolean;
+    get isNew(): boolean;
+    get saveDisabled(): boolean;
+    get deleteDisabled(): boolean;
+    get dirty(): boolean;
     filterSelected: EventEmitter<any>;
     filterDeleted: EventEmitter<NamedFilter<NamedFilter<any>>>;
     filterCleared: EventEmitter<void>;
     autocompleteField: MatAutocompleteField;
     constructor(injector: Injector, formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef, toastController: ToastController, popoverController: PopoverController, dataService: INamedFilterService<INamedFilter<any>, INamedFilterFilter<any, any>, NamedFilterWatchOptions, NamedFilterLoadOptions>);
-    get isNew(): boolean;
-    get saveDisabled(): boolean;
-    get deleteDisabled(): boolean;
-    get dirty(): boolean;
     ngOnInit(): void;
     getFilter(): any;
     markForCheck(): void;
     save(event: UIEvent): Promise<void>;
     delete(event?: UIEvent): Promise<void>;
+    onMoreOptionsClick(event: Event): void;
     export(event?: UIEvent): Promise<void>;
     import(event: Event): Promise<void>;
     protected onFilterChanges(value: NamedFilter | string): Promise<void>;
     protected setControlValue(value: NamedFilter): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NamedFilterSelector, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NamedFilterSelector, "app-named-filter-selector", never, { "entityName": { "alias": "entityName"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "filterContentProvider": { "alias": "filterContentProvider"; "required": false; }; "filterImportCallback": { "alias": "filterImportCallback"; "required": false; }; "filterFormDirty": { "alias": "filterFormDirty"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "exportFileNamePrefix": { "alias": "exportFileNamePrefix"; "required": false; }; "autocompleteConfig": { "alias": "autocompleteConfig"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "detectChangeOnSelectFilter": { "alias": "detectChangeOnSelectFilter"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "filterSelected": "filterSelected"; "filterDeleted": "filterDeleted"; "filterCleared": "filterCleared"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NamedFilterSelector, "app-named-filter-selector", never, { "mobile": { "alias": "mobile"; "required": false; }; "entityName": { "alias": "entityName"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "filterContentProvider": { "alias": "filterContentProvider"; "required": false; }; "filterImportCallback": { "alias": "filterImportCallback"; "required": false; }; "filterFormDirty": { "alias": "filterFormDirty"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "exportFileNamePrefix": { "alias": "exportFileNamePrefix"; "required": false; }; "autocompleteConfig": { "alias": "autocompleteConfig"; "required": false; }; "dropButtonTitle": { "alias": "dropButtonTitle"; "required": false; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; }; "detectChangeOnSelectFilter": { "alias": "detectChangeOnSelectFilter"; "required": false; }; "buttonsPosition": { "alias": "buttonsPosition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "filterSelected": "filterSelected"; "filterDeleted": "filterDeleted"; "filterCleared": "filterCleared"; }, never, never, false, never>;
 }

package/src/app/shared/named-filter/testing/named-filter-selector.testing.d.ts

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { MatAutocompleteFieldConfig } from '../../material/autocomplete/material.autocomplete.config';
 import { NamedFilter } from '../named-filter.model';
+import { LocalSettingsService } from '../../../core/services/local-settings.service';
 import * as i0 from "@angular/core";
 declare class DummyFilter {
     filterA: string;
@@ -10,13 +11,15 @@ declare class DummyFilter {
 }
 export declare class NamedFilterSelectorTestingPage implements OnDestroy {
     protected cd: ChangeDetectorRef;
+    protected settings: LocalSettingsService;
     private _subscription;
     protected _filterForm: UntypedFormGroup;
+    protected mobile: boolean;
     protected namedFilterContentProvider: () => object;
     protected namedFilterAutocompleteConfig: MatAutocompleteFieldConfig;
     set filterForm(value: UntypedFormGroup);
     get filterForm(): UntypedFormGroup;
-    constructor(cd: ChangeDetectorRef, formBuilder: UntypedFormBuilder);
+    constructor(cd: ChangeDetectorRef, settings: LocalSettingsService, formBuilder: UntypedFormBuilder);
     ngOnDestroy(): void;
     setFilterForm(filterForm: UntypedFormGroup): void;
     getFilterValue(): any;

package/src/app/shared/pipes/html.pipes.d.ts

@@ -0,0 +1,15 @@
+import { PipeTransform } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class NoHtmlPipe implements PipeTransform {
+    transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NoHtmlPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NoHtmlPipe, "noHtml", false>;
+}
+export declare class SafeHtmlPipe implements PipeTransform {
+    private sanitized;
+    constructor(sanitized: DomSanitizer);
+    transform(value: string): SafeHtml;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SafeHtmlPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SafeHtmlPipe, "safeHtml", false>;
+}

package/src/app/shared/pipes/pipes.module.d.ts

@@ -20,11 +20,12 @@ import * as i18 from "./types.pipes";
 import * as i19 from "./maskito.pipe";
 import * as i20 from "./selection.pipes";
 import * as i21 from "./badge.pipes";
-import * as i22 from "@angular/common";
-import * as i23 from "@ionic/angular";
-import * as i24 from "@ngx-translate/core";
+import * as i22 from "./html.pipes";
+import * as i23 from "@angular/common";
+import * as i24 from "@ionic/angular";
+import * as i25 from "@ngx-translate/core";
 export declare class SharedPipesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SharedPipesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayLastPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i1.BooleanFormatPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorPipe, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe, typeof i18.AsBooleanPipe], [typeof i22.CommonModule, typeof i23.IonicModule, typeof i24.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayLastPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i1.BooleanFormatPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorPipe, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe, typeof i18.AsBooleanPipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedPipesModule, [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayLastPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i1.BooleanFormatPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorPipe, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe, typeof i18.AsBooleanPipe, typeof i22.SafeHtmlPipe, typeof i22.NoHtmlPipe], [typeof i23.CommonModule, typeof i24.IonicModule, typeof i25.TranslateModule], [typeof i1.PropertyGetPipe, typeof i1.PropertyFormatPipe, typeof i1.ValueFormatPipe, typeof i2.DateFormatPipe, typeof i3.DateDiffDurationPipe, typeof i4.DurationPipe, typeof i5.DateFromNowPipe, typeof i6.LatLongFormatPipe, typeof i6.LatitudeFormatPipe, typeof i6.LongitudeFormatPipe, typeof i7.HighlightPipe, typeof i8.NumberFormatPipe, typeof i9.FileSizePipe, typeof i10.MathAbsPipe, typeof i10.OddPipe, typeof i10.EvenPipe, typeof i11.NotEmptyArrayPipe, typeof i11.EmptyArrayPipe, typeof i11.ArrayLengthPipe, typeof i11.ArrayFirstPipe, typeof i11.ArrayLastPipe, typeof i11.ArrayPluckPipe, typeof i11.ArrayIncludesPipe, typeof i11.ArrayFilterPipe, typeof i11.ArrayJoinPipe, typeof i12.MapGetPipe, typeof i12.MapKeysPipe, typeof i12.MapValuesPipe, typeof i13.IsNilOrBlankPipe, typeof i13.IsNotNilOrBlankPipe, typeof i13.IsNilOrNaNPipe, typeof i13.IsNotNilOrNaNPipe, typeof i13.IsNotNilPipe, typeof i13.IsNilPipe, typeof i13.ToStringPipe, typeof i13.CapitalizePipe, typeof i13.StrLengthPipe, typeof i13.StrIncludesPipe, typeof i1.BooleanFormatPipe, typeof i14.TranslateContextPipe, typeof i14.TranslatablePipe, typeof i15.NgInitDirective, typeof i16.FormErrorPipe, typeof i16.FormErrorTranslatePipe, typeof i16.FormGetPipe, typeof i16.FormGetControlPipe, typeof i16.FormGetArrayPipe, typeof i16.FormGetGroupPipe, typeof i16.FormGetValuePipe, typeof i17.MatColorPipe, typeof i18.AsAnyPipe, typeof i18.AsArrayPipe, typeof i18.AsObservablePipe, typeof i18.AsFloatLabelTypePipe, typeof i19.MaskitoPlaceholderPipe, typeof i20.IsSelectedPipe, typeof i20.IsNotEmptySelectionPipe, typeof i20.IsEmptySelectionPipe, typeof i20.SelectionLengthPipe, typeof i20.IsMultipleSelectionPipe, typeof i20.IsSingleSelectionPipe, typeof i21.BadgeNumberPipe, typeof i18.AsBooleanPipe, typeof i22.SafeHtmlPipe, typeof i22.NoHtmlPipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SharedPipesModule>;
 }

package/src/assets/i18n/fr.json

@@ -131,8 +131,8 @@
       "SAVE": "Sauvegarder le filtre",
       "DELETE": "Supprimer le filtre",
       "DELETED": "Filtre supprimé",
-      "EXPORT": "Exporter le filtre",
-      "IMPORT": "Importer un filtre",
+      "EXPORT": "Télécharger le filtre",
+      "IMPORT": "Importer un filtre...",
       "LOAD_FAILED": "Échec du chargement du filtre",
       "IMPORT_FAILED": "Échec de l'import du filtre",
       "NOT_FOUND": "Filtre non trouvé"
@@ -326,6 +326,7 @@
       "DUMMY_3": "a - premier",
       "DUMMY_4": "e - cinquieme",
       "DUMMY_5": "d - quatrieme",
+      "DUMMY_6": "f - sixième",
       "OPTIONS": {
         "TITLE": "Options",
         "DEFINITION": "Option",

package/src/assets/manifest.json

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

package/src/environments/environment.d.ts

@@ -1,3 +1,2 @@
 import { Environment } from './environment.class';
-import 'zone.js/plugins/zone-error';
 export declare const environment: Environment;

package/src/theme/_icons.scss

@@ -7,7 +7,7 @@
 
 $ionicons-font-path: $font-path !default;
 
-//@import '~ionicons/dist/scss/ionicons';
+//@import 'ionicons/dist/scss/ionicons';
 
 // --------------------------------------------------
 // Import material icons

package/src/theme/_ionic.scss

@@ -1,18 +1,18 @@
 /* Core CSS required for Ionic components to work properly */
-@import "~@ionic/angular/css/core.css";
+@import "@ionic/angular/css/core.css";
 
 /* Basic CSS for apps built with Ionic */
-@import "~@ionic/angular/css/normalize.css";
-@import "~@ionic/angular/css/structure.css";
-@import "~@ionic/angular/css/typography.css";
-@import '~@ionic/angular/css/display.css';
+@import "@ionic/angular/css/normalize.css";
+@import "@ionic/angular/css/structure.css";
+@import "@ionic/angular/css/typography.css";
+@import '@ionic/angular/css/display.css';
 
 /* Optional CSS utils that can be commented out */
-@import "~@ionic/angular/css/padding.css";
-@import "~@ionic/angular/css/float-elements.css";
-@import "~@ionic/angular/css/text-alignment.css";
-@import "~@ionic/angular/css/text-transformation.css";
-@import "~@ionic/angular/css/flex-utils.css";
+@import "@ionic/angular/css/padding.css";
+@import "@ionic/angular/css/float-elements.css";
+@import "@ionic/angular/css/text-alignment.css";
+@import "@ionic/angular/css/text-transformation.css";
+@import "@ionic/angular/css/flex-utils.css";
 
 // --------------------------------------------------
 // Override Ionic style

package/src/theme/_material.globals.scss

@@ -41,22 +41,22 @@ $mat-indigo-app: (
 );
 
 // FIXME: Why loader toolbar is so dark ?
-$candy-app-primary: mat.define-palette($mat-indigo-app, 500, 100, 900);
+$candy-app-primary: mat.m2-define-palette($mat-indigo-app, 500, 100, 900);
 
-$candy-app-accent: mat.define-palette($mat-indigo-app, A200, A100, A400);
+$candy-app-accent: mat.m2-define-palette($mat-indigo-app, A200, A100, A400);
 // The warn palette is optional (defaults to red).
-$candy-app-warn: mat.define-palette(mat.$red-palette);
+$candy-app-warn: mat.m2-define-palette(mat.$m2-red-palette);
 // Create the theme object (a Sass map containing all of the palettes).
-$candy-light-theme: mat.define-light-theme((
+$candy-light-theme: mat.m2-define-light-theme((
   color: (
     primary: $candy-app-primary,
     accent: $candy-app-accent,
     warn: $candy-app-warn,
   ),
-  typography: mat.define-typography-config(),
+  typography: mat.m2-define-typography-config(),
   density: 0,
 ));
-$candy-dark-theme: mat.define-dark-theme((
+$candy-dark-theme: mat.m2-define-dark-theme((
   color: (
     primary: $candy-app-primary,
     accent: $candy-app-accent,

package/src/theme/_ngx-components.forms.scss

@@ -36,7 +36,7 @@ form.form-container {
   --mdc-outlined-text-field-focus-label-text-color: var(--ion-color-primary);
   --mdc-outlined-text-field-focus-outline-color: var(--ion-color-primary);
 
-  --mdc-form-field-label-text-color: var(--ion-text-color);
+  --mat-checkbox-label-text-color: var(--ion-text-color);
   --mat-form-field-state-layer-color: var(--app-form-field-focus-background-color);
   --mat-form-field-container-height: 45px;
   --mat-form-field-container-text-size: inherit;
@@ -231,7 +231,7 @@ form.form-container {
 
   // Ckeckbox
   .mat-mdc-checkbox {
-    --mdc-form-field-label-text-color: var(--app-form-color);
+    --mat-checkbox-label-text-color: var(--app-form-color);
     --mdc-checkbox-unselected-icon-color: var(--app-form-color);
     --mdc-checkbox-unselected-focus-icon-color: var(--app-form-color);
     --mdc-checkbox-unselected-hover-icon-color: var(--app-form-color);
@@ -240,7 +240,7 @@ form.form-container {
 
   // Radio
   .mat-mdc-radio-button {
-    --mdc-form-field-label-text-color: var(--app-form-color);
+    --mat-checkbox-label-text-color: var(--app-form-color);
 
     --mdc-radio-disabled-unselected-icon-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1);
     --mdc-radio-disabled-selected-icon-color: rgba(var(--ion-text-color-rgb, 0, 0, 0), 1);

package/src/theme/_ngx-components.scss

@@ -908,7 +908,8 @@ ion-button[expand="full"],
 // Icon multiple
 // --------------------------------------------------
 ion-icon.icon-secondary,
-mat-icon.icon-secondary {
+mat-icon.icon-secondary,
+.mat-mdc-icon-button .mat-icon.icon-secondary {
   position: absolute;
   left: 0;
 }
@@ -976,7 +977,7 @@ ion-refresher.refresher-native {
 
 ion-toolbar app-named-filter-selector,
 mat-toolbar app-named-filter-selector {
-  
+
   // Hide subscript wrapper (will hide hint)
   .mat-mdc-form-field-subscript-wrapper {
     display: none;

package/src/theme/_ngx-components.table.scss

@@ -53,7 +53,7 @@
 
   --mat-select-enabled-trigger-text-color: var(--ion-text-color);
   --mat-select-disabled-trigger-text-color: var(--ion-text-color);
-  --mdc-form-field-label-text-color: var(--ion-text-color);
+  --mat-checkbox-label-text-color: var(--ion-text-color);
 
   .mat-mdc-header-cell {
     color: var(--mat-table-header-color);
@@ -269,7 +269,7 @@
       --mdc-filled-text-field-input-text-color: var(--ion-text-color);
       --mat-select-enabled-trigger-text-color: var(--ion-text-color);
       --mat-select-disabled-trigger-text-color: var(--ion-text-color);
-      --mdc-form-field-label-text-color: var(--ion-text-color);
+      --mat-checkbox-label-text-color: var(--ion-text-color);
 
       background-color: var(--ion-background-color);