@sumaris-net/ngx-components 18.25.20 → 18.26.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sumaris-net/ngx-components",
   "description": "SUMARiS Angular components",
-  "version": "18.25.20",
+  "version": "18.26.1",
   "author": "contact@e-is.pro",
   "license": "AGPL-3.0",
   "readmeFilename": "README.md",

package/public_api.d.ts

@@ -35,6 +35,10 @@ export * from './src/app/shared/material/badge/badge.module';
 export * from './src/app/shared/material/badge/badge.directive';
 export * from './src/app/core/form/text/text-form.component';
 export * from './src/app/core/form/text/text-form.module';
+export * from './src/app/core/icon/icon-selector.field';
+export * from './src/app/core/icon/icon-selector.modal';
+export * from './src/app/core/icon/icon-selector.module';
+export * from './src/app/core/icon/icon-selector.service';
 export * from './src/app/shared/inputs';
 export { AppFormField } from './src/app/shared/form/field.component';
 export * from './src/app/shared/form/loading-spinner';
@@ -339,6 +343,8 @@ export * from './src/app/shared/audio/audio.testing';
 export * from './src/app/shared/audio/audio.testing.module';
 export * from './src/app/shared/markdown/testing/markdown.test';
 export * from './src/app/shared/markdown/testing/markdown.testing.module';
+export * from './src/app/shared/named-filter/testing/named-filter-selector.testing';
+export * from './src/app/shared/named-filter/testing/named-filter.testing.module';
 export * from './src/app/core/core.testing.module';
 export * from './src/app/core/services/testing/referential-filter.model';
 export * from './src/app/core/services/testing/referential.validator';
@@ -357,8 +363,8 @@ export * from './src/app/core/menu/testing/menu.testing.module';
 export * from './src/app/core/menu/testing/menu-other.testing';
 export * from './src/app/core/form/array/testing/form-array.test';
 export * from './src/app/core/form/array/testing/form-array-test.module';
-export * from './src/app/shared/named-filter/testing/named-filter-selector.testing';
-export * from './src/app/shared/named-filter/testing/named-filter.testing.module';
+export * from './src/app/core/icon/testing/icon-selector.test';
+export * from './src/app/core/icon/testing/icon-selector.testing.module';
 export * from './src/app/social/social.testing.module';
 export * from './src/app/social/user-event/testing/user-event.testing.module';
 export * from './src/app/social/user-event/testing/user-event.testing';

package/src/app/core/core.module.d.ts

@@ -20,9 +20,10 @@ import * as i17 from "./install/install-upgrade-card.module";
 import * as i18 from "./offline/update-offline-mode-card.module";
 import * as i19 from "./services/pipes/pipes.module";
 import * as i20 from "./account/password/change-password.module";
+import * as i21 from "./icon/icon-selector.module";
 export declare class CoreModule {
     static forRoot(): ModuleWithProviders<CoreModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoreModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreModule, never, [typeof i1.SharedModule, typeof i2.RouterModule, typeof i3.CacheModule, typeof i4.IonicStorageModule, typeof i5.AppGraphQLModule, typeof i6.AppMenuModule, typeof i7.AppIconModule, typeof i8.AppAccountModule, typeof i9.AppRegisterModule, typeof i10.AppAuthModule, typeof i11.AppHomePageModule, typeof i12.AppAboutModalModule, typeof i13.AppSettingsPageModule, typeof i14.AppSelectPeerModule, typeof i15.AppFormModule, typeof i16.AppTableModule, typeof i17.AppInstallUpgradeCardModule, typeof i18.AppUpdateOfflineModeCardModule, typeof i19.CorePipesModule], [typeof i1.SharedModule, typeof i2.RouterModule, typeof i5.AppGraphQLModule, typeof i6.AppMenuModule, typeof i9.AppRegisterModule, typeof i20.AppChangePasswordModule, typeof i10.AppAuthModule, typeof i11.AppHomePageModule, typeof i12.AppAboutModalModule, typeof i13.AppSettingsPageModule, typeof i7.AppIconModule, typeof i14.AppSelectPeerModule, typeof i15.AppFormModule, typeof i16.AppTableModule, typeof i17.AppInstallUpgradeCardModule, typeof i18.AppUpdateOfflineModeCardModule, typeof i19.CorePipesModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreModule, never, [typeof i1.SharedModule, typeof i2.RouterModule, typeof i3.CacheModule, typeof i4.IonicStorageModule, typeof i5.AppGraphQLModule, typeof i6.AppMenuModule, typeof i7.AppIconModule, typeof i8.AppAccountModule, typeof i9.AppRegisterModule, typeof i10.AppAuthModule, typeof i11.AppHomePageModule, typeof i12.AppAboutModalModule, typeof i13.AppSettingsPageModule, typeof i14.AppSelectPeerModule, typeof i15.AppFormModule, typeof i16.AppTableModule, typeof i17.AppInstallUpgradeCardModule, typeof i18.AppUpdateOfflineModeCardModule, typeof i19.CorePipesModule], [typeof i1.SharedModule, typeof i2.RouterModule, typeof i5.AppGraphQLModule, typeof i6.AppMenuModule, typeof i9.AppRegisterModule, typeof i20.AppChangePasswordModule, typeof i10.AppAuthModule, typeof i11.AppHomePageModule, typeof i12.AppAboutModalModule, typeof i13.AppSettingsPageModule, typeof i7.AppIconModule, typeof i21.AppIconSelectorModule, typeof i14.AppSelectPeerModule, typeof i15.AppFormModule, typeof i16.AppTableModule, typeof i17.AppInstallUpgradeCardModule, typeof i18.AppUpdateOfflineModeCardModule, typeof i19.CorePipesModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CoreModule>;
 }

package/src/app/core/core.testing.module.d.ts

@@ -8,9 +8,10 @@ import * as i5 from "./form/text/testing/text-form.testing.module";
 import * as i6 from "./form/text-popover/testing/text-popover.testing.module";
 import * as i7 from "./form/properties/testing/properties-form.testing.module";
 import * as i8 from "./form/array/testing/form-array-test.module";
+import * as i9 from "./icon/testing/icon-selector.testing.module";
 export declare const CORE_TESTING_PAGES: TestingPage[];
 export declare class CoreTestingModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CoreTestingModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreTestingModule, never, [typeof i1.CommonModule, typeof i2.TranslateModule, typeof i3.RouterModule, typeof i4.TableTestingModule, typeof i5.TextFormTestingModule, typeof i6.TextPopoverTestingModule, typeof i7.PropertiesFormTestingModule, typeof i8.FormArrayTestModule], [typeof i3.RouterModule, typeof i4.TableTestingModule, typeof i5.TextFormTestingModule, typeof i6.TextPopoverTestingModule, typeof i7.PropertiesFormTestingModule, typeof i8.FormArrayTestModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CoreTestingModule, never, [typeof i1.CommonModule, typeof i2.TranslateModule, typeof i3.RouterModule, typeof i4.TableTestingModule, typeof i5.TextFormTestingModule, typeof i6.TextPopoverTestingModule, typeof i7.PropertiesFormTestingModule, typeof i8.FormArrayTestModule, typeof i9.IconSelectorTestingModule], [typeof i3.RouterModule, typeof i4.TableTestingModule, typeof i5.TextFormTestingModule, typeof i6.TextPopoverTestingModule, typeof i7.PropertiesFormTestingModule, typeof i8.FormArrayTestModule, typeof i9.IconSelectorTestingModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CoreTestingModule>;
 }

package/src/app/core/icon/icon-selector.field.d.ts

@@ -0,0 +1,28 @@
+import { OnInit } from '@angular/core';
+import { ControlValueAccessor, UntypedFormControl } from '@angular/forms';
+import { AppFloatLabelType, IconRef } from '../../shared/types';
+import { MatFormFieldAppearance, SubscriptSizing } from '@angular/material/form-field';
+import * as i0 from "@angular/core";
+export declare class AppIconSelectorField implements OnInit, ControlValueAccessor {
+    private _onChange;
+    private _onTouched;
+    private modalCtrl;
+    private formGroupDir;
+    protected value: IconRef | null;
+    disabled: boolean;
+    formControl: UntypedFormControl;
+    formControlName: string;
+    placeholder: string;
+    floatLabel: AppFloatLabelType;
+    appearance: MatFormFieldAppearance;
+    subscriptSizing: SubscriptSizing;
+    ngOnInit(): void;
+    writeValue(obj: IconRef | null): void;
+    registerOnChange(fn: (value: IconRef | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    openSelector(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppIconSelectorField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppIconSelectorField, "app-icon-selector-field", never, { "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_disabled: unknown;
+}

package/src/app/core/icon/icon-selector.modal.d.ts

@@ -0,0 +1,23 @@
+import { IconEntry } from './icon-selector.service';
+import * as i0 from "@angular/core";
+export declare class AppIconSelectorModal {
+    title: string;
+    protected readonly ionicTabIndex = 0;
+    protected readonly materialTabIndex = 1;
+    protected searchText: string;
+    protected ionicFiltered: IconEntry[];
+    protected materialFiltered: IconEntry[];
+    protected selectedIndex: number;
+    protected loading: boolean;
+    private searchSubject;
+    private iconService;
+    private viewCtrl;
+    private cdr;
+    constructor();
+    private loadIcons;
+    onSearchChange(value: string): void;
+    selectIcon(entry: IconEntry, origin: 'ionic' | 'material'): void;
+    cancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppIconSelectorModal, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppIconSelectorModal, "app-icon-selector-modal", never, { "title": { "alias": "title"; "required": false; }; }, {}, never, never, false, never>;
+}

package/src/app/core/icon/icon-selector.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./icon-selector.modal";
+import * as i2 from "./icon-selector.field";
+import * as i3 from "../../shared/shared.module";
+import * as i4 from "@ngx-translate/core";
+import * as i5 from "./icon.module";
+import * as i6 from "@angular/forms";
+export declare class AppIconSelectorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppIconSelectorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppIconSelectorModule, [typeof i1.AppIconSelectorModal, typeof i2.AppIconSelectorField], [typeof i3.SharedModule, typeof i4.TranslateModule, typeof i5.AppIconModule, typeof i6.FormsModule], [typeof i1.AppIconSelectorModal, typeof i2.AppIconSelectorField, typeof i5.AppIconModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AppIconSelectorModule>;
+}

package/src/app/core/icon/icon-selector.service.d.ts

@@ -0,0 +1,40 @@
+import { HttpClient } from '@angular/common/http';
+import { IconRef } from '../../shared/types';
+import * as i0 from "@angular/core";
+export interface IconEntry {
+    name: string;
+    label: string;
+    keywords: string[];
+}
+export interface IconsRefJson {
+    generatedAt: string;
+    ionic: IconEntry[];
+    material: IconEntry[];
+}
+/**
+ * Service de chargement et de filtrage des icônes disponibles.
+ * Charge le fichier assets/icons-ref.json en lazy (une seule fois).
+ */
+export declare class IconSelectorService {
+    private http;
+    private _ionic;
+    private _material;
+    private _ready;
+    private _readyPromise;
+    readonly ionicIcons: import("@angular/core").Signal<IconEntry[]>;
+    readonly materialIcons: import("@angular/core").Signal<IconEntry[]>;
+    constructor(http: HttpClient);
+    ready(): Promise<void>;
+    /**
+     * Convertit un IconEntry en IconRef selon son origine.
+     */
+    toIconRef(entry: IconEntry, origin: 'ionic' | 'material'): IconRef;
+    /**
+     * Filtre les icônes par texte de recherche.
+     * Cherche dans le nom, le label, et les mots-clés.
+     * Insensible à la casse.
+     */
+    search(searchText: string, origin: 'ionic' | 'material'): IconEntry[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconSelectorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconSelectorService>;
+}

package/src/app/core/icon/testing/icon-selector.test.d.ts

@@ -0,0 +1,19 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
+import { IconRef } from '../../../shared/types';
+import * as i0 from "@angular/core";
+export declare class IconSelectorTestPage {
+    protected formBuilder: UntypedFormBuilder;
+    protected cd: ChangeDetectorRef;
+    form: UntypedFormGroup;
+    selectedIcon: IconRef | null;
+    disabled: boolean;
+    constructor(formBuilder: UntypedFormBuilder, cd: ChangeDetectorRef);
+    toggleDisabled(): void;
+    stringify: {
+        (value: any, replacer?: (this: any, key: string, value: any) => any, space?: string | number): string;
+        (value: any, replacer?: (string | number)[], space?: string | number): string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconSelectorTestPage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconSelectorTestPage, "app-icon-selector-test", never, {}, {}, never, never, false, never>;
+}

package/src/app/core/icon/testing/icon-selector.testing.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./icon-selector.test";
+import * as i2 from "@angular/common";
+import * as i3 from "@ionic/angular";
+import * as i4 from "@angular/router";
+import * as i5 from "../../../shared/shared.module";
+import * as i6 from "../icon-selector.module";
+export declare class IconSelectorTestingModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconSelectorTestingModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IconSelectorTestingModule, [typeof i1.IconSelectorTestPage], [typeof i2.CommonModule, typeof i3.IonicModule, typeof i4.RouterModule, typeof i5.SharedModule, typeof i6.AppIconSelectorModule], [typeof i4.RouterModule, typeof i1.IconSelectorTestPage]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IconSelectorTestingModule>;
+}

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

@@ -151,7 +151,9 @@
       "LOAD_FAILED": "Failed to load filter",
       "IMPORT_FAILED": "Failed to import filter",
       "NOT_FOUND": "Filter not found"
-    }
+    },
+    "SEARCH": "Search",
+    "SEARCH_PLACEHOLDER": "Search an icon…"
   },
   "CONFIGURATION": {
     "OPTIONS": {
@@ -814,5 +816,10 @@
       "GROUP_2": "Group 2",
       "STATUS_ID": "Status"
     }
+  },
+  "ICON_SELECTOR": {
+    "TITLE": "Select an icon",
+    "TAB_IONIC": "Ionic",
+    "TAB_MATERIAL": "Material"
   }
-}
+}

package/src/assets/i18n/en.json

@@ -151,7 +151,9 @@
       "LOAD_FAILED": "Failed to load filter",
       "IMPORT_FAILED": "Failed to import filter",
       "NOT_FOUND": "Filter not found"
-    }
+    },
+    "SEARCH": "Search",
+    "SEARCH_PLACEHOLDER": "Search an icon..."
   },
   "CONFIGURATION": {
     "OPTIONS": {
@@ -814,5 +816,10 @@
       "GROUP_2": "Group 2",
       "STATUS_ID": "Status"
     }
+  },
+  "ICON_SELECTOR": {
+    "TITLE": "Select an icon",
+    "TAB_IONIC": "Ionic",
+    "TAB_MATERIAL": "Material"
   }
-}
+}

package/src/assets/i18n/fr.json

@@ -151,7 +151,9 @@
       "LOAD_FAILED": "Échec du chargement du filtre",
       "IMPORT_FAILED": "Échec de l'import du filtre",
       "NOT_FOUND": "Filtre non trouvé"
-    }
+    },
+    "SEARCH": "Rechercher",
+    "SEARCH_PLACEHOLDER": "Rechercher une icône..."
   },
   "CONFIGURATION": {
     "OPTIONS": {
@@ -816,5 +818,10 @@
       "GROUP_2": "Groupe 2",
       "STATUS_ID": "Etat de saisie"
     }
+  },
+  "ICON_SELECTOR": {
+    "TITLE": "Sélectionner une icône",
+    "TAB_IONIC": "Ionic",
+    "TAB_MATERIAL": "Material"
   }
-}
+}